項目介紹
這是一款主打門店營銷的小程式。包括首頁、門店、營銷、個人設定、登入、資料統計展示、營銷設定等。
本來要獨立完成整個項目，包括前後端一套的，有些意外因素，項目臨時收尾（說明：隻完成了前端的部分，後端未完成）。
管理大師們說過：一個好的項目，必須有一個好的收尾，好的收尾，就一定要有好的經驗總結。
于是乎，我索性将成果拿出來給各位分享了，旨在總結經驗教訓，跟各位交流小程式開發。
整個項目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個小時左右完成。 |