一個完整小商場系統(tǒng)

晚上好，我是老北，公眾號「GitHub 指北」會推薦 GitHub 上有用有趣的項目，挖掘開源的價值，歡迎關注。

這是一個完整小商場系統(tǒng)，包含 Spring Boot 后端 + Vue 管理員前端 + 微信小程序用戶前端 + Vue 用戶移動端。

管理后臺實例

1. 瀏覽器打開，輸入以下網(wǎng)址: http://122.51.199.160:8080/#/login
2. 管理員用戶名admin123，管理員密碼admin123

“

注意：此實例只是測試管理后臺，不是前兩個小商城的管理后臺。

”

項目架構

技術棧

“

1. Spring Boot
2. Vue
3. 微信小程序

”

功能

小商城功能

• 首頁
• 專題列表、專題詳情
• 分類列表、分類詳情
• 品牌列表、品牌詳情
• 新品首發(fā)、人氣推薦
• 優(yōu)惠券列表、優(yōu)惠券選擇
• 團購
• 搜索
• 商品詳情、商品評價、商品分享
• 購物車
• 下單
• 訂單列表、訂單詳情、訂單售后
• 地址、收藏、足跡、意見反饋
• 客服

管理平臺功能

• 會員管理
• 商城管理
• 商品管理
• 推廣管理
• 系統(tǒng)管理
• 配置管理
• 統(tǒng)計報表

快速啟動

1. 配置最小開發(fā)環(huán)境：

• MySQL
• JDK1.8 或以上
• Maven
• Nodejs
• 微信開發(fā)者工具

2. 數(shù)據(jù)庫依次導入 litemall-db/sql 下的數(shù)據(jù)庫文件

• litemall_schema.sql
• litemall_table.sql
• litemall_data.sql

3. 啟動小商場和管理后臺的后端服務

   打開命令行，輸入以下命令

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

4. 啟動管理后臺前端

   打開命令行，輸入以下命令

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

   此時，瀏覽器打開，輸入網(wǎng)址http://localhost:9527, 此時進入管理后臺登錄頁面。

5. 啟動小商城前端

   這里存在兩套小商場前端 litemall-wx 和 renard-wx，開發(fā)者可以分別導入和測試：

   注意：

   “

   這里只是最簡啟動方式，而小商場的微信登錄、微信支付等功能需開發(fā)者設置才能運行， 更詳細方案請參考文檔。

   ”

1. 微信開發(fā)工具導入 litemall-wx 項目;
2. 項目配置，啟用“不校驗合法域名、web-view（業(yè)務域名）、TLS 版本以及 HTTPS 證書”
3. 點擊“編譯”，即可在微信開發(fā)工具預覽效果；
4. 也可以點擊“預覽”，然后手機掃描登錄（但是手機需開啟調(diào)試功能）。

6. 啟動輕商城前端

   打開命令行，輸入以下命令

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

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

   注意：

   “

   現(xiàn)在功能很不穩(wěn)定，處在開發(fā)階段。

   ”

源碼地址

公號 GitHub 指北 后臺回復 小商場系統(tǒng) 獲取源碼地址。