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

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

今天給大家介紹一款開源的不錯(cuò)的商城項(xiàng)目-有來商城；

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

碼云開源地址：

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

項(xiàng)目介紹

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

項(xiàng)目特色

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

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

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

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

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

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

項(xiàng)目愿景

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

項(xiàng)目慢慢成型的路上離不開支持還有默默點(diǎn)star的那些小伙伴，謝謝!

項(xiàng)目地址

1. 體驗(yàn)

商城管理平臺(tái)訪問地址: http://www.youlai.store

【有來小店】微信小程序體驗(yàn)碼，掃描后申請(qǐng)?bào)w驗(yàn)即可

2. 源碼

項(xiàng)目預(yù)覽

1. 商城管理平臺(tái)

1.1 系統(tǒng)管理

1.2 商品管理

2. 微信小程序

項(xiàng)目結(jié)構(gòu)

youlai-mall
├── document
    ├── nacos -- Nacos配置文件
    ├── sql   -- mysql數(shù)據(jù)庫(kù)腳本
├── 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 -- 營(yíng)銷微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── sms-biz -- 營(yíng)銷微服務(wù)
├── mall-ums
    ├── ums-api -- 會(huì)員微服務(wù)的遠(yuǎn)程調(diào)用客戶端
    ├── ums-biz -- 會(huì)員微服務(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ù)棧

項(xiàng)目啟動(dòng)

1. 后臺(tái)微服務(wù)啟動(dòng)

云環(huán)境項(xiàng)目啟動(dòng)

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

1. 啟動(dòng)Nacos服務(wù)

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

2. 啟動(dòng)平臺(tái)基礎(chǔ)服務(wù)

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

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

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

本地環(huán)境項(xiàng)目啟動(dòng)

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

1. 安裝環(huán)境

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

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

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

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

3. Nacos配置

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

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

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

2. 后臺(tái)前端啟動(dòng)

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

2. npm install

3. npm run dev

4. 訪問 http://localhost:9527

3. 微信小程序啟動(dòng)

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

2. 微信公眾平臺(tái)申請(qǐng)小程序，獲得小程序的AppID

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

4. Hbuilder X替換項(xiàng)目AppID成自己的，點(diǎn)擊manifest.json文件->微信小程序配置

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