2天3夜開發了一個微信小程式，用它掙了10.7萬！

粉絲一直說要推薦一個微信小程式的項目，找到下面這個希望大家白嫖快樂。本項目可用于二次開發接私活，前段時間有粉絲給我回報他用這個項目改造3天掙了10多萬。

項目介紹

​

​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應用
• 使用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-gateway​

   ​、​

   ​youlai-auth​

   ​、 ​

   ​youlai-admin​

   ​子產品， 啟動類分别對應的是GatewayApplication、AuthApplication以及​

   ​youlai-admin​

   ​的子子產品​

   ​admin-biz​

   ​的AdminApplication類，至此完成整個項目的啟動；
3. 至此背景服務啟動完畢，如需商城服務，啟動對應子產品的子子產品biz的啟動類即可。

注：雲環境是無條件的提供給大家，但千萬不要改動雲環境的資料和配置，因為改動會導緻整個項目無法運作，考慮下開發人員和其他小夥伴，手下留情。

本地環境項目啟動

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

1. 安裝環境

   安裝​

   ​MySQL8​

   ​、​

   ​Redis​

   ​、​

   ​MinIO​

   ​，其中​

   ​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

至此環境配置準備完畢，接下來按照雲環境​

​啟動平台基礎服務​

​步驟啟動服務即可。

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​

   ​工具欄點選 ​

   ​運作​

   ​->​

   ​運作到小程式模拟器​

   ​->​

   ​微信開發者工具​

   ​

源碼位址

源碼位址點選下方公衆号

背景回複「116」即可擷取