# 简刊小程序 **Repository Path**: BruceLluo/brief_program ## Basic Information - **Project Name**: 简刊小程序 - **Description**: 根据旧岛小程序的设计和使用koa做后端修改后的小程序项目 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2020-01-07 - **Last Updated**: 2023-10-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 简刊小程序 #### 介绍 根据旧岛小程序的设计和使用koa做后端修改后的小程序项目 ![Image text](https://gitee.com/BruceLluo/img-folder/raw/fba9ab32e56cb6164b2167cc595954307392b8ee/%E7%AE%80%E5%88%8A%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%A6%96%E9%A1%B5.png) ![Image text](https://gitee.com/BruceLluo/img-folder/raw/fba9ab32e56cb6164b2167cc595954307392b8ee/%E7%AE%80%E5%88%8A%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%88%91%E7%9A%84%E5%96%9C%E6%AC%A2%E9%A1%B5%E9%9D%A2.png) #### 软件架构 软件架构说明 #### 安装教程 1. 在config.js修改服务器ip 2. ssh中cd /usr/sbin , nginx -t 3. mysqld运行mysql服务器 4. pm2 start app.js开启koa后端 #### 使用说明 1. xxxx 2. xxxx 3. xxxx #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 码云特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目 5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/) // 问题,在点击心形喜欢组件时添加系统的click事件,流行期刊页面绑定这个click事件时没有办法获取喜欢组件的是否喜欢的状态,所以使用了triggeevent自定义事件,并新建一个标识变量进行监听,这样根据这个标识变量的变化就可以知道喜欢组件的喜欢状态,从而根据状态调用不同的接口 //在properties属性的observer中不要修改properties自身的属性(可能会引起无限递归),解决方法在this.setdata中新建一个变量来接收变化的值 // 使用组件中的behaviors进行对不同组件中相同属性的复用,properties中的属性会覆盖behaviors中出现过的属性 //使用wx.storagesync将期刊号缓存 // 音乐的播放使用了wx.getBackgroundAudioManager(),播放时添加一个animation类名进行旋转动画 //书籍详情中短评组件使用了slot插槽,需要在options中把multipleSlots:true //在book页面中使用了onReachBottom进行搜索书籍的更多加载 //问题滑动多次到底部加载完数据库中的数据后继续发送请求,发送无效请求 。解决方法:封装了一个behaviors,其中里面的hsaMore方法可以根据当前获取数据的长度与服务端数据的total进行比较,决定是否需要发送请求 // 在快速滑动中会发送多次请求,加载重复的数据,如何让他只发送一次请求,可以添加一个锁让他在请求时不会再次发送请求,请求结束后才继续请求新的数据,解决出现重复数据的问题 //问题:在点击搜索后再点击取消搜索再点击搜索进去时页面的数据重复展示 解决方法:在点击取消搜索后将书籍页面的书本数据赋值为空数组,total也设为null,这样再点击搜索的时候就不会出现重复的数据了 //问题:在点击搜索时断网以后再下拉更多发送错误请求后恢复网再继续下拉会出现无法请求的问题, 解决方法在搜索获取数据失败的时候也给它进行解锁loading设置为false //老板小程序是要通过wx.getUserInfo()来进行弹窗的,现在新版小程序需要用到一个button组件来进行