真流弊，基于 SpringCloud + vue 的微信小程序商城開源項目

大家好，我是你們可愛的鋒哥！

今天給大家介紹一款開源的不錯的商城項目-有來商城；

有來商城youlai-mall一套全棧的商城系統(tǒng)。整個系統(tǒng)采用微服務(wù)架構(gòu)，前后端分離交互模式。后端采用Spring Boot+Spring Cloud+Spring Cloud Alibaba。前端采用vue+element-ui，基于成熟的后端前臺解決方案vue-element-admin。微信小程序端使用uni-app。

碼云開源地址：

https://gitee.com/cchon/youlai-mall

項目介紹

youlai-mall 是基于Spring Boot 2.4、Spring Cloud 2020 & Alibaba、Vue、element-ui、uni-app快速構(gòu)建的一套全棧開源商城平臺，包括微服務(wù)應(yīng)用、管理平臺、微信小程序及APP應(yīng)用

項目特色

• 項目使用都是最新主流的開源框架，無過度自定義封裝的邏輯，易理解上手和方便擴(kuò)展

• 基于Spring Boot 2.4、Spring Cloud 2020 & Alibaba 一站式微服務(wù)解決方案快速開發(fā)分布式服務(wù)

• 實現(xiàn)Spring Cloud OAuth2、Spring Cloud Gateway、JWT分布式統(tǒng)一認(rèn)證鑒權(quán)和RBAC 權(quán)限系統(tǒng)設(shè)計

• 使用vue-element-admin的后臺前端解決方案，基于Vue和element-ui快速搭建前后端分離的商城管理平臺

• 通過uni-app使用Vue開發(fā)實現(xiàn)跨所有前端的應(yīng)用，包含微信小程序、APP應(yīng)用

• 使用Docker快速構(gòu)建項目環(huán)境和一鍵打包部署微服務(wù)項目

項目愿景

項目從0到1的構(gòu)建過程完整無保留的通過博客文章進(jìn)行說明，且開源不圖任何利益。

項目慢慢成型的路上離不開支持還有默默點star的那些小伙伴，謝謝!

項目地址

1. 體驗

商城管理平臺訪問地址: http://www.youlai.store

【有來小店】微信小程序體驗碼，掃描后申請體驗即可

2. 源碼

項目預(yù)覽

1. 商城管理平臺

1.1 系統(tǒng)管理

1.2 商品管理

2. 微信小程序

項目結(jié)構(gòu)

youlai-mall
├── document
    ├── nacos -- Nacos配置文件
    ├── sql   -- mysql數(shù)據(jù)庫腳本
├── mall-oms
    ├── oms-api -- 訂單微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── oms-biz -- 訂單微服務(wù)
├── mall-pms
    ├── pms-api -- 商品微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── pms-biz -- 商品微服務(wù)
    ├── pms-search -- 商品搜索微服務(wù)
├── mall-sms
    ├── sms-api -- 營銷微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── sms-biz -- 營銷微服務(wù)
├── mall-ums
    ├── ums-api -- 會員微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── ums-biz -- 會員微服務(wù)
├── youlai-admin 
    ├── admin-api -- 系統(tǒng)管理微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── admin-biz -- 系統(tǒng)管理微服務(wù)
├── youlai-auth     -- 認(rèn)證中心【Oauth2認(rèn)證服務(wù)器】
├── youlai-common   -- 公共模塊
└── youlai-gateway  -- Gateway網(wǎng)關(guān)【Oauth2資源服務(wù)器】
└── youlai-registry -- Nacos應(yīng)用

核心技術(shù)棧

項目啟動

1. 后臺微服務(wù)啟動

云環(huán)境項目啟動

項目依賴環(huán)境（MySQL8、Redis、MinIO、Nacos）默認(rèn)均使用有來技術(shù)云環(huán)境，項目啟動極其方便，步驟如下：

1. 啟動Nacos服務(wù)

   IDEA下方工具欄點擊Terminal終端命令行，執(zhí)行cd youlai-registry/nacos/bin命令切換到Nacos的啟動腳本文件夾下，然后執(zhí)行startup -m standalone命令啟動Nacos服務(wù)；

2. 啟動平臺基礎(chǔ)服務(wù)

   分別啟動youlai-gateway、youlai-auth、 youlai-admin模塊， 啟動類分別對應(yīng)的是GatewayApplication、AuthApplication以及youlai-admin的子模塊admin-biz的AdminApplication類，至此完成整個項目的啟動；

3. 至此后臺服務(wù)啟動完畢，如需商城服務(wù)，啟動對應(yīng)模塊的子模塊biz的啟動類即可。

注：云環(huán)境是無條件的提供給大家，但千萬不要改動云環(huán)境的數(shù)據(jù)和配置，因為改動會導(dǎo)致整個項目無法運(yùn)行，考慮下開發(fā)人員和其他小伙伴，手下留情。

本地環(huán)境項目啟動

云環(huán)境不能改動數(shù)據(jù)和配置，如需修改，建議本地環(huán)境搭建啟動，步驟如下：

1. 安裝環(huán)境

   安裝MySQL8、Redis、MinIO，其中MinIO按需安裝

2. 創(chuàng)建數(shù)據(jù)庫

• 新建平臺數(shù)據(jù)庫，執(zhí)行項目document/sql下的SQL腳本完成數(shù)據(jù)庫創(chuàng)建，基礎(chǔ)sql腳本為youlai.sql，商城腳本為mall-*，商城數(shù)據(jù)庫按需創(chuàng)建

• 創(chuàng)建Nacos數(shù)據(jù)庫，執(zhí)行腳本youlai-registry/nacos/conf/nacos-mysql.sql完成Nacos數(shù)據(jù)庫的初始化

3. Nacos配置

• 修改Nacos數(shù)據(jù)源，進(jìn)入配置youlai-registry/nacos/conf/application.properties將數(shù)據(jù)源修改為自己的環(huán)境連接

• 導(dǎo)入Nacos配置，在啟動Nacos服務(wù)進(jìn)入控制臺導(dǎo)入document/nacos/DEFAULT_GROUP.zip配置，然后分別進(jìn)入各個微服務(wù)配置修改Redis、MySQL、MinIO以及微服務(wù)的注冊IP

4. 至此環(huán)境配置準(zhǔn)備完畢，接下來按照云環(huán)境啟動平臺基礎(chǔ)服務(wù)步驟啟動服務(wù)即可。

2. 后臺前端啟動

1. 本機(jī)安裝Python和Node環(huán)境

2. npm install

3. npm run dev

4. 訪問 http://localhost:9527

3. 微信小程序啟動

1. 下載HBuilder X和微信開發(fā)者工具

2. 微信公眾平臺申請小程序，獲得小程序的AppID

3. 微信開發(fā)者工具微信掃碼登錄，開啟服務(wù)端口，點擊工具欄設(shè)置->安全設(shè)置->安全->服務(wù)端口選擇打開

4. Hbuilder X替換項目AppID成自己的，點擊manifest.json文件->微信小程序配置

5. Hbuilder X工具欄點擊 運(yùn)行->運(yùn)行到小程序模擬器->微信開發(fā)者工具