SpringBoot vue開源移動(dòng)端&微信小商城系統(tǒng)

鷹兔牛熊眼 2020-05-06

展開全文

今天鋒哥推薦一款開源SpringBoot+vue開源移動(dòng)端&微信小商城系統(tǒng)-litemall ，可以參考學(xué)習(xí)哈；

github開源地址：

https://github.com/linlinjava/litemall

gitee開源地址：

https:///linlinjava/litemall

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)，開發(fā)者可以購(gòu)買商品和付款，但請(qǐng)不要嘗試退款操作。

litemall-wx模塊實(shí)例

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

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

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

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

注意：

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

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

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

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

項(xiàng)目代碼

碼云
GitHub

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

技術(shù)棧

Spring Boot
Vue
微信小程序

功能

小商城功能

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

管理平臺(tái)功能

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

快速啟動(dòng)

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

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

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

litemall_schema.sql
litemall_table.sql
litemall_data.sql

啟動(dòng)小商場(chǎng)和管理后臺(tái)的后端服務(wù)
打開命令行，輸入以下命令
cd litemall
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
啟動(dòng)管理后臺(tái)前端
打開命令行，輸入以下命令
```
npm install -g cnpm --registry=https://registry.npm.
cd litemall/litemall-admin
cnpm install
cnpm run dev
```
此時(shí)，瀏覽器打開，輸入網(wǎng)址http://localhost:9527, 此時(shí)進(jìn)入管理后臺(tái)登錄頁(yè)面。
啟動(dòng)小商城前端
這里存在兩套小商場(chǎng)前端litemall-wx和renard-wx，開發(fā)者可以分別導(dǎo)入和測(cè)試：
注意：
這里只是最簡(jiǎn)啟動(dòng)方式，而小商場(chǎng)的微信登錄、微信支付等功能需開發(fā)者設(shè)置才能運(yùn)行，更詳細(xì)方案請(qǐng)參考文檔。

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

啟動(dòng)輕商城前端
打開命令行，輸入以下命令
npm install -g cnpm --registry=https://registry.npm.
cd litemall/litemall-vue
cnpm install
cnpm run dev
此時(shí)，瀏覽器（建議采用chrome 手機(jī)模式）打開，輸入網(wǎng)址http://localhost:6255, 此時(shí)進(jìn)入輕商場(chǎng)。
注意：
現(xiàn)在功能很不穩(wěn)定，處在開發(fā)階段。

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

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

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

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

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

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

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

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

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

警告

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

致謝

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

nideshop-mini-program
項(xiàng)目介紹：基于Node.js+MySQL開發(fā)的開源微信小程序商城（微信小程序）
項(xiàng)目參考：

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

vue-element-admin
項(xiàng)目介紹：一個(gè)基于Vue和Element的后臺(tái)集成方案
項(xiàng)目參考：litemall項(xiàng)目的litemall-admin模塊的前端框架基于vue-element-admin項(xiàng)目修改擴(kuò)展。
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)目。
biu
項(xiàng)目介紹：管理后臺(tái)項(xiàng)目開發(fā)腳手架，基于vue-element-admin和springboot搭建，前后端分離方式開發(fā)和部署。
項(xiàng)目參考：litemall項(xiàng)目的權(quán)限管理功能參考了biu項(xiàng)目。
vant--mobile-mall
項(xiàng)目介紹：基于有贊 vant 組件庫(kù)的移動(dòng)商城。
項(xiàng)目參考：litemall項(xiàng)目的litemall-vue模塊基于vant--mobile-mall項(xiàng)目開發(fā)。

电竞比分网-中国电竞赛事及体育赛事平台