项目介绍
这是一款主打门店营销的小程序。包括首页、门店、营销、个人设置、登录、数据统计展示、营销设置等。
本来要独立完成整个项目，包括前后端一套的，有些意外因素，项目临时收尾（说明：只完成了前端的部分，后端未完成）。
管理大师们说过：一个好的项目，必须有一个好的收尾，好的收尾，就一定要有好的经验总结。
于是乎，我索性将成果拿出来给各位分享了，旨在总结经验教训，跟各位交流小程序开发。
整个项目23个独立页面（不算雷同的页面），从资料准备到开发完成，历史4.5个工作日，大约25小时。
今年多做的是Python与Java，霎时将思维切换至移动端页面开发，突然有些不适应，居然花费25个小时完成这些页面，心理深感惭愧，项目历程大体上主要是体力负担重一些，不过还好，借此机会三刷了CSS的教程，N刷了小程序文档。老祖宗说过，熟能生巧嘛！
项目截图
截图1
截图2
截图3
项目经验总结
第一步 收集项目需求
| 收集任务 | |
|---|---|
| 按照原型图，提取UI元素，上网找寻web UI组件。 | 信息来源：文档3 |
| 根据UI元素提取组件/插件关键字及下载链接、组件demo、组件源码 | 搜索引擎、 小程序开发文档、 文档1、文档2 |
第二步小程序知识储备
| 第二步：根据任务预备开发知识 | |
|---|---|
| 知识点总结 | 链接 |
| 小程序开发文档 | 小程序官方文档 |
| 文档链接1 | Github 小程序开源组件库： |
| 文档链接2 | Github 小程序开源组件库 |
| 文档链接3 | css教程 |
| wxml | view、左右滑动、上下滑动、九宫格、复用 |
| wxss | 上下排列、左右排列、均分、内边距、外边距、 |
| js | 本地缓存、点击事件、渲染事件、网络请求 |
| 异步 | worker组件 多线程 |
| chart | echart小程序版介绍链接 备选方案 wx-chart |
| 产品需求 | 饼图 柱状图 折线图 延迟加载 页面不阻塞滚动 页面创建多图表 |
| 下拉选择 | 类似文字识别底部action-sheet |
| 多类型list | citySelect 备选方案 wx-alphabetical-listview |
| https://github.com/zhongjie-chen/wx-scrollable-tab-view | |
| 下拉弹框 | menudown 备选方案： 下拉1 下拉2 |
| 左滑删除 | minapp-slider-left |
| 图片预加载 | img-loader |
| 请求队列管理库 | wx-promise-request |
| md5加密 | wxmd5 |
| base64 | wxbase64 |
| websocket | weapp.socket.io |
| 富文本 | wxparse |
| 联动等常见样式 | youzan-ui |
| 时间+日期选择器 | https://blog.csdn.net/m0_38082783/article/details/78921283 |
参考历史项目——商城小程序
参考历史项目是一款商城类小程序，复用、借鉴了部分面细节和样式设计
历时时长总结
| 拿到UI，制定开发计划 | 预计1天 实际0.5天 |
|---|---|
| 纯页面开发 | 预计7工作日 实际4工作日 |
| 小程序开发总时长 | 4.5工作日，实际25小时 |
| 总结： | 23个页面，如果能全力开发，应该能缩短至20个小时左右完成。 |
请发表评论