微信商場系統，拿去畢設又節省3千塊

2024-03-03碼農

litemall = Spring Boot後端 + Vue管理員前端 + 微信小程式使用者前端 + Vue使用者移動端

文件

貢獻

FAQ

API

計畫程式碼

碼雲

GitHub

計畫架構

技術棧

Spring Boot
Vue
微信小程式

功能

小商城功能

首頁

專題列表、專題詳情

分類列表、分類詳情

品牌列表、品牌詳情

新品先發、人氣推薦

優惠券列表、優惠券選擇

團購

搜尋

商品詳情、商品評價、商品分享

購物車

下單

訂單列表、訂單詳情、訂單售後

地址、收藏、足跡、意見反饋

客服

管理平台功能

會員管理

商城管理

商品管理

推廣管理

系統管理

配置管理

統計報表

快速啟動

配置最小開發環境：

MySQL

JDK1.8或以上

Maven

Nodejs

微信開發者工具

資料庫依次匯入litemall-db/sql下的資料庫檔

litemall_schema.sql

litemall_table.sql

litemall_data.sql

啟動小商場和管理後台的後端服務

開啟命令列，輸入以下命令

cd litemall
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar

啟動管理後台前端

開啟命令列，輸入以下命令

cd litemall/litemall-admin
npm install--registry=https://registry.npm.taobao.org
npm run dev

此時，瀏覽器開啟，輸入網址 http://localhost:9527 , 此時進入管理後台登入頁面。

啟動小商城前端

這裏存在兩套小商場前端litemall-wx和renard-wx，開發者可以分別匯入和測試：

註意：

這裏只是最簡啟動方式，而小商場的微信登入、微信支付等功能需開發者設定才能執行，更詳細方案請參考文件。

微信開發工具匯入litemall-wx計畫;
計畫配置，啟用「不校驗合法網域名稱、web-view（業務網域名稱）、TLS 版本以及 HTTPS 證書」
點選「編譯」，即可在微信開發工具預覽效果；
也可以點選「預覽」，然後手機掃描登入（但是手機需開啟偵錯功能）。

啟動輕商城前端

開啟命令列，輸入以下命令

cd litemall/litemall-vue
npm install--registry=https://registry.npm.taobao.org
npm run dev

此時，瀏覽器（建議采用chrome 手機模式）開啟，輸入網址 http://localhost:6255 , 此時進入輕商場。

註意：

現在功能很不穩定，處在開發階段。

開發計劃

目前版本v1.8.0

目前計畫開發中，存在諸多不足，以下是目前規劃的開發計劃。

V 1.0.0 完成以下目標：

除了部份功能（如優惠券等），小商城的最佳化和改進基本結束；
管理後台基本實作所有表的CRUD操作；
後端服務能夠對參數進行檢驗。

V 2.0.0 完成以下目標：

小商城和管理後台完成所有基本業務；
管理後台實作統計功能、日誌功能、許可權功能；
業務程式碼和細節程式碼進行調整最佳化；
輕商城的開發；

V 3.0.0 完成以下目標：

管理後台一些輔助功能
後端服務加強安全功能、配置功能
緩存功能以及最佳化一些效能

警告

本計畫僅用於學習練習
本計畫還不完善，仍處在開發中，不承擔任何使用後果
本計畫程式碼開源MIT，計畫文件采用姓名標示-禁止改作 4.0 國際協定授權

致謝

本計畫基於或參考以下計畫：

nideshop-mini-program
計畫介紹：基於Node.js+MySQL開發的開源微信小程式商城（微信小程式）
計畫參考：

litemall計畫資料庫基於nideshop-mini-program計畫資料庫；
litemall計畫的litemall-wx模組基於nideshop-mini-program開發。

vue-element-admin
計畫介紹：一個基於Vue和Element的後台整合方案
計畫參考：litemall計畫的litemall-admin模組的前端框架基於vue-element-admin計畫修改擴充套件。
mall-admin-web
計畫介紹：mall-admin-web是一個電商後台管理系統的前端計畫，基於Vue+Element實作。
計畫參考：litemall計畫的litemall-admin模組的一些頁面布局樣式參考了mall-admin-web計畫。
biu
計畫介紹：管理後台計畫開發腳手架，基於vue-element-admin和springboot搭建，前後端分離方式開發和部署。
計畫參考：litemall計畫的許可權管理功能參考了biu計畫。
vant--mobile-mall
計畫介紹：基於有贊 vant 元件庫的移動商城。
計畫參考：litemall計畫的litemall-vue模組基於vant--mobile-mall計畫開發。