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

共 3227字,需浏览 7分钟

 ·

2021-08-16 08:21

大家好,我是你们可爱的锋哥!

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


有来商城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快速构建项目环境和一键打包部署微服务项目

项目愿景

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

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

项目地址

1. 体验

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

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

2. 源码

项目名称Github码云
微服务后台youlai-mallyoulai-mall
管理前端youlai-mall-adminyoulai-mall-admin
微信小程序youlai-mall-weappyoulai-mall-weapp
APP应用youlai-mall-appyoulai-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应用

核心技术栈

后端技术版本号
SpringBoot2.4.2
Spring Cloud2020.0.1
Spring Cloud Alibaba2.2.5.RELEASE
MyBatis-Plus3.4.0
Lombok1.18.18
Hutool5.5.8
Knife4j2.0.5
MinIO7.1.0
后台前端版本号微信小程序版本号APP版本号
element-ui2.13.2uni-app2.8.11vant2.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数据库的初始化

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


加锋哥微信: java3459  
围观锋哥朋友圈,每天推送Java干货!

浏览 73
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报