一.本项目服务对象体量较小,初期200-300人,后期2000人左右。
二.主要设计的功能点:登录/注册/忘记密码/修改资料/视频/答题(单选/多选/填空)/分享(不建议使用,微信小程序现版本不对用户开放回调)/免密登录
三.开发时间-前端:由于体量小没有使用拦截器(47个接口),静态页面(18-28号共6个工作日),整体开发完成包含测试与修复BUG(次月30号共22个工作日),整体开发耗时28个工作日
四.开发总结:
1.开发前期准备:申请小程序,获得小程序appid AppSecret->同步提供给后端开发;配置小程序的https协议(协议未通过时开发时开启不校验协议,扫码查看时开启调试模式)
2.project.config.json:项目配置文件(配置appid);app.json:配置tabBar+页面路由+全局配置(title等)https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
3.app.js:全局唯一实例,每次启动都会调用,我用来放公共方法及变量(token/用户信息等)/接口信息;此处调用微信API(wx.getSetting获取用户信息/wx.login:获取code传给后台拿token等信息);使用微信组件open-data获取用户头像,https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html;
4.创建目录,分为三部分:1)静态资源(尽量放服务器,不推荐放在小程序中,小程序超过2M会导致打包失败);2)公共样式,通过@import ""引入到对应页面;3)页面(js/json/wxml/wxss)
5.页面部分根据需求分为4个模块,1)我的;2)资料;3)答题;4)视频;
我的:此处使用组件scroll-view展示积分详情,https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html;使用组件radio-group展示性别,https://developers.weixin.qq.com/miniprogram/dev/component/radio.html;组件picker展示组织与生日,https://developers.weixin.qq.com/miniprogram/dev/component/picker.html;
视频:此处使用swiper展示轮播图,https://developers.weixin.qq.com/miniprogram/dev/component/swiper-item.html ;此处使用组件scroll-view展示政策,https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html;