UI/UX 設(shè)計(jì)頁(yè)面框架規(guī)劃首頁(yè)、詳情頁(yè)、個(gè)人中心等頁(yè)面結(jié)構(gòu)，可使用繪制原型圖、視覺(jué)風(fēng)格、確定配色方案、字體規(guī)范、圖標(biāo)樣式，符合品牌調(diào)性小程序偏明快，政務(wù)小程序偏簡(jiǎn)潔。

后端與數(shù)據(jù)庫(kù)搭建若需要服務(wù)器部署，購(gòu)買(mǎi)云服務(wù)器、如騰訊云、阿里云或使用小程序云開(kāi)發(fā)，微信提供的免服務(wù)器方案，數(shù)據(jù)庫(kù)設(shè)計(jì)根據(jù)功能需求設(shè)計(jì)數(shù)據(jù)表、商品表、用戶(hù)表、訂單表，定義字段和關(guān)聯(lián)關(guān)系。

前端開(kāi)發(fā)搭建項(xiàng)目結(jié)構(gòu)在微信開(kāi)發(fā)者工具中創(chuàng)建項(xiàng)目，配置全局路由全局樣式，頁(yè)面開(kāi)發(fā)編寫(xiě)、頁(yè)面結(jié)構(gòu)，如列表、表單、樣式，如布局、顏色、JS邏輯，數(shù)據(jù)請(qǐng)求、交互事件組件開(kāi)發(fā)將常用模塊，導(dǎo)航欄、商品卡片、封裝為組件，提高復(fù)用性。

接口對(duì)接與功能實(shí)現(xiàn)調(diào)用微信API接入登錄、分享支付定位等官方接口需在小程序后臺(tái)開(kāi)通對(duì)應(yīng)權(quán)限，后端接口開(kāi)發(fā)若使用自有服務(wù)器，需開(kāi)發(fā)API接口獲取商品列表提交與前端對(duì)接數(shù)據(jù)。

模板開(kāi)發(fā)流程選擇模板，在第三方平臺(tái)模板庫(kù)中篩選符合需求的模板，可視化編輯通過(guò)平臺(tái)編輯器修改文字、圖片、模塊布局，無(wú)需編寫(xiě)代碼，直接拖拽組件輪播圖列表，功能配置開(kāi)啟模板內(nèi)置功能設(shè)置參數(shù)等。