litemall

一個小商場系統。litemall = Spring Boot后端 Vue管理員前端 微信小程序用戶前端 Vue用戶移動端

項目實例

小商場實例

• renard-wx模塊實例

注意：此實例是真實小商場，開發者可以購買商品和付款，但請不要嘗試退款操作。

• litemall-wx模塊實例

注意：此實例是測試小商場，開發者請不要嘗試購買商品、付款、退款操作。

輕商場實例

請手機掃描以下二維碼訪問:

或者瀏覽器采用手機模式訪問以下網址: http://118.24.0.153:8080/vue/index.html#/

注意：

1. 由于第一次加載數據量較大，建議wifi網絡訪問，且耐心等待數秒。
2. 此實例是測試輕商場，不支持支付，而且處于開發中還不完善。

管理后臺實例

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

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

項目架構

技術棧

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

功能

小商城功能

• 首頁
• 專題列表、專題詳情
• 分類列表、分類詳情
• 品牌列表、品牌詳情
• 新品首發、人氣推薦
• 優惠券列表、優惠券選擇
• 團購（團購業務有待完善）
• 搜索
• 商品詳情、商品評價、商品分享
• 購物車
• 下單
• 訂單列表、訂單詳情
• 地址、收藏、足跡、意見反饋
• 客服

管理平臺功能

• 會員管理
• 商城管理
• 商品管理
• 推廣管理
• 系統管理
• 配置管理
• 統計報表

快速啟動

1. 配置最小開發環境：

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

2. 數據庫依次導入litemall-db/sql下的數據庫文件

   • 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

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

5. 啟動小商城前端

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

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

6. 啟動輕商城前端

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

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

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

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

開發計劃

當前版本v1.4.0

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

V 1.0.0 完成以下目標：

1. 除了部分功能（如優惠券等），小商城的優化和改進基本結束；
2. 管理后臺基本實現所有表的CRUD操作；
3. 后端服務能夠對參數進行檢驗。

V 2.0.0 完成以下目標：

1. 小商城和管理后臺完成所有基本業務；
2. 管理后臺實現統計功能、日志功能、權限功能；
3. 業務代碼和細節代碼進行調整優化；
4. 輕商城的開發；

V 3.0.0 完成以下目標：

1. 管理后臺一些輔助功能
2. 后端服務加強安全功能、配置功能
3. 緩存功能以及優化一些性能

警告

1. 本項目僅用于學習練習
2. 本項目還不完善，仍處在開發中，不承擔任何使用后果
3. 本項目代碼開源MIT，項目文檔采用 署名-禁止演繹 4.0 國際協議許可

致謝

本項目基于或參考以下項目：

1. nideshop-mini-program

   項目介紹：基于Node.js MySQL開發的開源微信小程序商城（微信小程序）

   項目參考：

   1. litemall項目數據庫基于nideshop-mini-program項目數據庫；
   2. litemall項目的litemall-wx模塊基于nideshop-mini-program開發。

2. vue-element-admin

   項目介紹： 一個基于Vue和Element的后臺集成方案

   項目參考：litemall項目的litemall-admin模塊的前端框架基于vue-element-admin項目修改擴展。

3. mall-admin-web

   項目介紹：mall-admin-web是一個電商后臺管理系統的前端項目，基于Vue Element實現。

   項目參考：litemall項目的litemall-admin模塊的一些頁面布局樣式參考了mall-admin-web項目。

4. biu

   項目介紹：管理后臺項目開發腳手架，基于vue-element-admin和springboot搭建，前后端分離方式開發和部署。

   項目參考：litemall項目的權限管理功能參考了biu項目。

5. vant--mobile-mall

   項目介紹：基于有贊 vant 組件庫的移動商城。

   項目參考：litemall項目的litemall-vue模塊基于vant--mobile-mall項目開發。