litemall

一個(gè)小商場(chǎng)系統(tǒng)。litemall = Spring Boot后端 Vue管理員前端 微信小程序用戶前端 Vue用戶移動(dòng)端

項(xiàng)目實(shí)例

小商場(chǎng)實(shí)例

• renard-wx模塊實(shí)例

注意：此實(shí)例是真實(shí)小商場(chǎng)，開(kāi)發(fā)者可以購(gòu)買(mǎi)商品和付款，但請(qǐng)不要嘗試退款操作。

• litemall-wx模塊實(shí)例

注意：此實(shí)例是測(cè)試小商場(chǎng)，開(kāi)發(fā)者請(qǐng)不要嘗試購(gòu)買(mǎi)商品、付款、退款操作。

輕商場(chǎng)實(shí)例

請(qǐng)手機(jī)掃描以下二維碼訪問(wèn):

或者瀏覽器采用手機(jī)模式訪問(wèn)以下網(wǎng)址: http://118.24.0.153:8080/vue/index.html#/

注意：

1. 由于第一次加載數(shù)據(jù)量較大，建議wifi網(wǎng)絡(luò)訪問(wèn)，且耐心等待數(shù)秒。
2. 此實(shí)例是測(cè)試輕商場(chǎng)，不支持支付，而且處于開(kāi)發(fā)中還不完善。

管理后臺(tái)實(shí)例

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

注意：此實(shí)例只是測(cè)試管理后臺(tái)，不是前兩個(gè)小商城的管理后臺(tái)。

項(xiàng)目架構(gòu)

技術(shù)棧

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

功能

小商城功能

• 首頁(yè)
• 專(zhuān)題列表、專(zhuān)題詳情
• 分類(lèi)列表、分類(lèi)詳情
• 品牌列表、品牌詳情
• 新品首發(fā)、人氣推薦
• 優(yōu)惠券列表、優(yōu)惠券選擇
• 團(tuán)購(gòu)（團(tuán)購(gòu)業(yè)務(wù)有待完善）
• 搜索
• 商品詳情、商品評(píng)價(jià)、商品分享
• 購(gòu)物車(chē)
• 下單
• 訂單列表、訂單詳情
• 地址、收藏、足跡、意見(jiàn)反饋
• 客服

管理平臺(tái)功能

• 會(huì)員管理
• 商城管理
• 商品管理
• 推廣管理
• 系統(tǒng)管理
• 配置管理
• 統(tǒng)計(jì)報(bào)表

快速啟動(dòng)

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

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

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

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

3. 啟動(dòng)小商場(chǎng)和管理后臺(tái)的后端服務(wù)

   打開(kāi)命令行，輸入以下命令

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

4. 啟動(dòng)管理后臺(tái)前端

   打開(kāi)命令行，輸入以下命令

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

   此時(shí)，瀏覽器打開(kāi)，輸入網(wǎng)址http://localhost:9527, 此時(shí)進(jìn)入管理后臺(tái)登錄頁(yè)面。

5. 啟動(dòng)小商城前端

   這里存在兩套小商場(chǎng)前端litemall-wx和renard-wx，開(kāi)發(fā)者可以分別導(dǎo)入和測(cè)試：

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

6. 啟動(dòng)輕商城前端

   打開(kāi)命令行，輸入以下命令

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

   此時(shí)，瀏覽器（建議采用chrome 手機(jī)模式）打開(kāi)，輸入網(wǎng)址http://localhost:6255, 此時(shí)進(jìn)入輕商場(chǎng)。

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

開(kāi)發(fā)計(jì)劃

當(dāng)前版本v1.4.0

目前項(xiàng)目開(kāi)發(fā)中，存在諸多不足，以下是目前規(guī)劃的開(kāi)發(fā)計(jì)劃。

V 1.0.0 完成以下目標(biāo)：

1. 除了部分功能（如優(yōu)惠券等），小商城的優(yōu)化和改進(jìn)基本結(jié)束；
2. 管理后臺(tái)基本實(shí)現(xiàn)所有表的CRUD操作；
3. 后端服務(wù)能夠?qū)?shù)進(jìn)行檢驗(yàn)。

V 2.0.0 完成以下目標(biāo)：

1. 小商城和管理后臺(tái)完成所有基本業(yè)務(wù)；
2. 管理后臺(tái)實(shí)現(xiàn)統(tǒng)計(jì)功能、日志功能、權(quán)限功能；
3. 業(yè)務(wù)代碼和細(xì)節(jié)代碼進(jìn)行調(diào)整優(yōu)化；
4. 輕商城的開(kāi)發(fā)；

V 3.0.0 完成以下目標(biāo)：

1. 管理后臺(tái)一些輔助功能
2. 后端服務(wù)加強(qiáng)安全功能、配置功能
3. 緩存功能以及優(yōu)化一些性能

警告

1. 本項(xiàng)目?jī)H用于學(xué)習(xí)練習(xí)
2. 本項(xiàng)目還不完善，仍處在開(kāi)發(fā)中，不承擔(dān)任何使用后果
3. 本項(xiàng)目代碼開(kāi)源MIT，項(xiàng)目文檔采用 署名-禁止演繹 4.0 國(guó)際協(xié)議許可

致謝

本項(xiàng)目基于或參考以下項(xiàng)目：

1. nideshop-mini-program

   項(xiàng)目介紹：基于Node.js MySQL開(kāi)發(fā)的開(kāi)源微信小程序商城（微信小程序）

   項(xiàng)目參考：

   1. litemall項(xiàng)目數(shù)據(jù)庫(kù)基于nideshop-mini-program項(xiàng)目數(shù)據(jù)庫(kù)；
   2. litemall項(xiàng)目的litemall-wx模塊基于nideshop-mini-program開(kāi)發(fā)。

2. vue-element-admin

   項(xiàng)目介紹： 一個(gè)基于Vue和Element的后臺(tái)集成方案

   項(xiàng)目參考：litemall項(xiàng)目的litemall-admin模塊的前端框架基于vue-element-admin項(xiàng)目修改擴(kuò)展。

3. mall-admin-web

   項(xiàng)目介紹：mall-admin-web是一個(gè)電商后臺(tái)管理系統(tǒng)的前端項(xiàng)目，基于Vue Element實(shí)現(xiàn)。

   項(xiàng)目參考：litemall項(xiàng)目的litemall-admin模塊的一些頁(yè)面布局樣式參考了mall-admin-web項(xiàng)目。

4. biu

   項(xiàng)目介紹：管理后臺(tái)項(xiàng)目開(kāi)發(fā)腳手架，基于vue-element-admin和springboot搭建，前后端分離方式開(kāi)發(fā)和部署。

   項(xiàng)目參考：litemall項(xiàng)目的權(quán)限管理功能參考了biu項(xiàng)目。

5. vant--mobile-mall

   項(xiàng)目介紹：基于有贊 vant 組件庫(kù)的移動(dòng)商城。

   項(xiàng)目參考：litemall項(xiàng)目的litemall-vue模塊基于vant--mobile-mall項(xiàng)目開(kāi)發(fā)。