微信小程序-畢設級項目搭建-微信小程序商城（內含源碼，微信小程序+java邏輯後臺+vue管理系統）

1、環境搭建

參考教程：blog.csdn.net/u012888052/…

購買地址: market.zhenzikj.com/detail/80.h…

另外，由於程序涉及微信登陸功能，還須要本身註冊個測試帳號，相關地址：測試號管理 | 微信公衆平臺

裏面的AppID、AppSecret，後面須要配置到java後臺配置文件中。

2、相關技術棧

css：略

javascript：略

axios：一個基於 promise 的 HTTP 庫，能夠用在瀏覽器和 node.js 中，用於先後端交互，發起接口請求。

weui：微信官方設計團隊爲微信 Web 開發量身打造的一個 UI 樣式庫，各類官方組件，好用簡潔。

3、根據上方教程新建的項目，編寫對應程序

一、項目結構如圖：

二、項目代碼結構：

三、項目配置相關文件：

app.js 用於存儲共有的、全局的js函數

app.json 用於存儲全局變量，用於配置屬性

app.wxss 用於存儲全局樣式

project.config.json 用於配置項目屬性，項目名稱等

四、主要頁面：

主頁面提供微信登陸按鈕，當點擊按鈕時，會調用微信小程序api，獲取openid等值，並經過後端接口將用戶信息保存到數據庫中。

當登陸成功後，進入到商城頁，經過列表的形式，展現商城內商品。也可在上方搜索框進行商品名稱搜索，精肯定位商品。

進入分類菜單，能夠根據分類展現商品列表，並能夠經過商品右側的「➕」進行添加商品。

購物車能夠進行實時計算，展現當前商品數量、商品總價。

當點擊購物車圖標時，能夠展現購物車內商品詳情，進行數量上的增長、刪減，並能夠一鍵清空購物車。

菜單頁，用列表的形式，展現出已有訂單信息，並展現其當前狀態。

「個人「 頁，包括了 個人信息、查看訂單、設置收穫地址 等功能。