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

大家好，我是你们可爱的锋哥！

今天给大家介绍一款开源的不错的商城项目-有来商城；

有来商城youlai-mall一套全栈的商城系统。整个系统采用微服务架构，前后端分离交互模式。后端采用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快速构建的一套全栈开源商城平台，包括微服务应用、管理平台、微信小程序及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快速构建项目环境和一键打包部署微服务项目

项目愿景

项目从0到1的构建过程完整无保留的通过博客文章进行说明，且开源不图任何利益。

项目慢慢成型的路上离不开支持还有默默点star的那些小伙伴，谢谢!

项目地址

1. 体验

商城管理平台访问地址: http://www.youlai.store

【有来小店】微信小程序体验码，扫描后申请体验即可

2. 源码

项目预览

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应用

核心技术栈

项目启动

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数据库的初始化

3. Nacos配置

• 修改Nacos数据源，进入配置youlai-registry/nacos/conf/application.properties将数据源修改为自己的环境连接

• 导入Nacos配置，在启动Nacos服务进入控制台导入document/nacos/DEFAULT_GROUP.zip配置，然后分别进入各个微服务配置修改Redis、MySQL、MinIO以及微服务的注册IP

4. 至此环境配置准备完毕，接下来按照云环境启动平台基础服务步骤启动服务即可。

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工具栏点击 运行->运行到小程序模拟器->微信开发者工具