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