前端框架选型是企业提升开发效率与用户体验的关键因素
834
2022-10-11
周刊、图书推荐小程序,由wxml,wxss,js 原生开发(微信小程序图书)
休憩
项目介绍
休憩是一个小程序项目,由wxml,wxss,js 原生开发,主要包括音乐期刊、电影期刊、美文期刊、图书推荐、图书搜索、图书详情展示、个人信息等模块。本项目基于组件化开发模式,封装了 12 个组件,使得代码复用性高,开发高效,便于维护。
项目预览
首页(期刊)
书籍页面
书籍推荐
书籍搜索
书籍搜索结果
书籍详情
书籍评论
个人信息页面
收藏期刊页面
项目结构
.|-- README.md|-- app.js # 入口文件|-- app.json # 配置文件|-- app.wxss # 全局样式文件|-- components # 自定义组件 | |-- behaviors| | `-- pagination-beh.js| |-- book| | | ...| |-- classic| | |-- classic-beh.js| | |-- classicCommon.wxss # 组件公共样式| | |-- essay| | | ...| | |-- movie| | | ...| | |-- music| | | ...| |-- episode| | | ...| |-- favItem| | | ...| |-- imageButton| | | ...| |-- images # 组件图片文件| |-- like| | | ...| |-- loading| | | ...| |-- mask| | | ...| |-- navi| | | ...| |-- search| | | ...| `-- tag| | ...|-- components.js|-- config.js # url 接口配置文件|-- images # 页面图片文件|-- modules # service 层,HTTP 请求封装| |-- book.js| |-- classic.js| |-- keyword.js| `-- like.js|-- pages # 页面| |-- about| | | ...| |-- book| | | ...| |-- bookDetail| | | ...| |-- classic| | | ...| |-- common| | `-- classic_common.wxss| |-- favClassic| | | ...| `-- userInfo| | ...|-- project.config.json|-- sitemap.json`-- utils # 公用逻辑 |-- fetch.js |-- format.wxs `-- util.js
项目实现功能
项目封装组件
期刊组件
essay --文章期刊movie --电影期刊music --音乐期刊episode -- 展示当前日期、期刊推送顺序navi -- 实现期刊间跳转
公共组件
favItem -- 展示用户收藏期刊imageButton -- 授权按钮(用于授权分享、获取用户头像)like -- 点赞按钮loading -- 加载图像mask -- 页面蒙层search -- 复杂组件,书籍搜索tag -- 短评组件(可用于展示短评或期刊类别)
TODO
完善关于页面
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~