UI/UX 設計頁面框架規(guī)劃首頁、詳情頁、個人中心等頁面結構,可使用繪制原型圖、視覺風格、確定配色方案、字體規(guī)范、圖標樣式,符合品牌調(diào)性小程序偏明快,政務小程序偏簡潔。
后端與數(shù)據(jù)庫搭建若需要服務器部署,購買云服務器、如騰訊云、阿里云或使用小程序云開發(fā),微信提供的免服務器方案,數(shù)據(jù)庫設計根據(jù)功能需求設計數(shù)據(jù)表、商品表、用戶表、訂單表,定義字段和關聯(lián)關系。
前端開發(fā)搭建項目結構在微信開發(fā)者工具中創(chuàng)建項目,配置全局路由全局樣式,頁面開發(fā)編寫、頁面結構,如列表、表單、樣式,如布局、顏色、JS邏輯,數(shù)據(jù)請求、交互事件組件開發(fā)將常用模塊,導航欄、商品卡片、封裝為組件,提高復用性。
接口對接與功能實現(xiàn)調(diào)用微信API接入登錄、分享支付定位等官方接口需在小程序后臺開通對應權限,后端接口開發(fā)若使用自有服務器,需開發(fā)API接口獲取商品列表提交與前端對接數(shù)據(jù)。
模板開發(fā)流程選擇模板,在第三方平臺模板庫中篩選符合需求的模板,可視化編輯通過平臺編輯器修改文字、圖片、模塊布局,無需編寫代碼,直接拖拽組件輪播圖列表,功能配置開啟模板內(nèi)置功能設置參數(shù)等。