1. 程式人生 > 其它 >多端全棧開源商城平臺--開源專案

多端全棧開源商城平臺--開源專案

專案介紹

youlai-mall 是基於Spring Boot 2.4、Spring Cloud 2020 & Alibaba、Vue、element-ui、uni-app快速構建的一套全棧開源商城平臺,包括微服務應用、管理平臺、微信小程式及APP應用。

專案特色

  • 專案使用都是最新主流的開源框架,無過度自定義封裝的邏輯,易理解上手和方便擴充套件

  • 基於Spring Boot 2.4、Spring Cloud 2020 & Alibaba 一站式微服務解決方案快速開發分散式服務

  • 實現Spring Cloud OAuth2、Spring Cloud Gateway、JWT分散式統一認證鑑權和RBAC

     許可權系統設計

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

  • 通過uni-app使用Vue開發實現跨所有前端的應用,包含微信小程式、APP應用。另外,搜尋公眾號程式IT圈後臺回覆“資源”,獲取一份驚喜禮包。

  • 使用Docker快速構建專案環境和一鍵打包部署微服務專案

專案地址

1. 體驗

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

2. 原始碼

專案名稱 Github 碼雲
微服務後臺 youlai-mall youlai-mall
管理前端 youlai-mall-admin youlai-mall-admin
微信小程式 youlai-mall-weapp youlai-mall-weapp
APP應用 youlai-mall-app youlai-mall-app

專案預覽

1. 商城管理平臺

1.1 系統管理

1.2 商品管理

2. 微信小程式

專案結構

youlai-mall
├── document
├── nacos -- Nacos配置檔案
├── sql -- mysql資料庫指令碼
├── mall-oms
├── oms-api -- 訂單微服務的遠端呼叫客戶端
├── oms-biz -- 訂單微服務
├── mall-pms
├── pms-api -- 商品微服務的遠端呼叫客戶端
├── pms-biz -- 商品微服務
├── pms-search -- 商品搜尋微服務
├── mall-sms
├── sms-api -- 營銷微服務的遠端呼叫客戶端
├── sms-biz -- 營銷微服務
├── mall-ums
├── ums-api -- 會員微服務的遠端呼叫客戶端
├── ums-biz -- 會員微服務
├── youlai-admin
├── admin-api -- 系統管理微服務的遠端呼叫客戶端
├── admin-biz -- 系統管理微服務
├── youlai-auth -- 認證中心【Oauth2認證伺服器】
├── youlai-common -- 公共模組
└── youlai-gateway -- Gateway閘道器【Oauth2資源伺服器】
└── youlai-registry -- Nacos應用

核心技術棧

後端技術 版本號
SpringBoot 2.4.2
Spring Cloud 2020.0.1
Spring Cloud Alibaba 2.2.5.RELEASE
MyBatis-Plus 3.4.0
Lombok 1.18.18
Hutool 5.5.8
Knife4j 2.0.5
MinIO 7.1.0
後臺前端 版本號 微信小程式 版本號 APP 版本號
element-ui 2.13.2 uni-app 2.8.11 vant 2.5.4

專案啟動

1. 後臺微服務啟動

雲環境專案啟動

專案依賴環境(MySQL8、Redis、MinIO、Nacos)預設均使用有來技術雲環境,專案啟動極其方便,步驟如下:

  1. 啟動Nacos服務

    IDEA下方工具欄點選Terminal終端命令列,執行cd youlai-registry/nacos/bin命令切換到Nacos的啟動指令碼資料夾下,然後執行startup -m standalone命令啟動Nacos服務;

  2. 啟動平臺基礎服務

    分別啟動youlai-gatewayyoulai-auth、 youlai-admin模組, 啟動類分別對應的是GatewayApplication、AuthApplication以及youlai-admin的子模組admin-biz的AdminApplication類,至此完成整個專案的啟動;

  3. 至此後臺服務啟動完畢,如需商城服務,啟動對應模組的子模組biz的啟動類即可。

注:雲環境是無條件的提供給大家,但千萬不要改動雲環境的資料和配置,因為改動會導致整個專案無法執行,考慮下開發人員和其他小夥伴,手下留情。

本地環境專案啟動

雲環境不能改動資料和配置,如需修改,建議本地環境搭建啟動,步驟如下:

  1. 安裝環境

    安裝MySQL8RedisMinIO,其中MinIO按需安裝

  2. 建立資料庫

  • 新建平臺數據庫,執行專案document/sql下的SQL指令碼完成資料庫建立,基礎sql指令碼為youlai.sql,商城指令碼為mall-*,商城資料庫按需建立

  • 建立Nacos資料庫,執行指令碼youlai-registry/nacos/conf/nacos-mysql.sql完成Nacos資料庫的初始化

  • Nacos配置

    • 修改Nacos資料來源,進入配置youlai-registry/nacos/conf/application.properties將資料來源修改為自己的環境連線

    • 匯入Nacos配置,在啟動Nacos服務進入控制檯匯入document/nacos/DEFAULT_GROUP.zip配置,然後分別進入各個微服務配置修改Redis、MySQL、MinIO以及微服務的註冊IP。另外,搜尋公眾號Java後端程式設計,後臺回覆“Java”,獲取一份驚喜禮包。

  • 至此環境配置準備完畢,接下來按照雲環境啟動平臺基礎服務步驟啟動服務即可。
  • 2. 後臺前端啟動

    1. 本機安裝Python和Node環境

    2. npm install

    3. npm run dev

    4. 訪問 http://localhost:9527

    3. 微信小程式啟動

    1. 下載HBuilder X微信開發者工具

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

    3. 微信開發者工具微信掃碼登入,開啟服務埠,點選工具欄設定->安全設定->安全->服務埠選擇開啟

    4. Hbuilder X替換專案AppID成自己的,點選manifest.json檔案->微信小程式配置

    5. Hbuilder X工具欄點選 執行->執行到小程式模擬器->微信開發者工具