# open-mall

**Repository Path**: kid_li/open-mall

## Basic Information

- **Project Name**: open-mall
- **Description**: CeaM Mall商城前端管理系统基于当前前沿的的三大框架之一Vue，组件库基于Elementui，前后端完全分离的开发模式。前端组件经过了封装，有统一的编程风格，组件化、模块化。系统整体技术有SpringBoot2+MybatisPlus+SpringSecurity+Jwt+Redis+Vue等。功能模块包括系统管理、会员管理、商城管理、秒杀、优惠券、积分、拼团、签到、抽奖、调查问卷等。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2025-01-18
- **Last Updated**: 2025-01-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 style="text-align: center">cmall商城系统</h1>

#### 项目简介
CeaM Mall商城前端管理系统基于当前前沿的的三大框架之一Vue，组件库基于Elementui，前后端完全分离的开发模式。前端组件经过了封装，有统一的编程风格，组件化、模块化。系统整体技术有SpringBoot2+MybatisPlus+SpringSecurity+Jwt+Redis+Vue等。功能模块包括系统管理、会员管理、商城管理、秒杀、优惠券、积分、拼团、签到、抽奖等。搭建SpringCloud版本、SpringCloud Alibaba版本请看下面博客教程。适合企业或个人，可二次开发，商用需获取授权。

# uniapp小程序体验(面试题大放送，用微信扫描下方即可体验)

#### 基于Uniapp+Vue3+TypeScript的微信(诚海网络技术)/抖音(CeaM考学宝)小程序，Uniapp具备多端部署的特性，并实现了商业化价值。

#### 诚海网络技术(考学宝)系列已经成熟了，并衍生出一系列其他类别的小程序，如健身约课、求职招聘等。经过小中大厂、单体、微服务的洗礼以及对源码底层理解后，决定沉淀出一些自己实战的成果。

#### 该系列产品有着复用代码特性，可以做到一处编码到处可用，提高代码的可维护性与简洁性，提高编码效率、降低开发成本。系统也有着内核设计，扩展了底层框架以满足更加复杂的需求。本系统也是在受微服务影响下完成的，对于改造成微服务也是比较丝滑的事情。

#### 【诚海网络技术】uniapp微信小程序的亮点有：高性能、服务稳定、信息安全等，提供的服务有面试题练习、软件考试真题顺序练习随机练习与模拟考试、微信支付，可以在【C聊】聊天、探讨技术问题，每天可以获得3次抽奖机会进行大转盘幸运抽奖赠送积分、签到(算法如京东签到、支付宝签到)赠送积分等(部分功能需要授权访问)。考虑到学技术本身就不是件轻而易举的事情，最近又推出了新的背题模式，合并答题模式提供更加周到全面的服务，让零基础的童鞋也可以快速入门，稳扎稳打，早日成为软件行业的大牛。如果想体验，可以扫描上面的小程序码、或者微信搜索【诚海网络技术】进入小程序即可。

#### 系统设计
#### 功能架构如下所示

![输入图片说明](doc/640%20(1).png)

- 这里是列表文本管理后台的web端：Vue3 提供ant-design-vue)版本，Vue2 提供element-ui版本

- 管理后台的移动端：采用uni-app方案，一份代码多终端适配，同时支持 APP、小程序、H5！

- 后端采用 SpringBoot架构，对于改造微服务也是丝滑的事情。

- 数据库可使用 MySQL，ORM基于 MyBatis Plus、Redis + Redisson 

- 权限认证使用 Spring Security & Token & Redis，权限模型基于RBAC

- 支持加载动态权限菜单，按钮级别权限控制，Redis 缓存提升性能

- 支持多租户系统

- 高效率开发，使用代码生成器可以一键生成 Java代码

- 实时通信，采用 WebSocket 实现，内置 Token 身份校验

- 集成微信小程序三方登陆，集成支付宝、微信等支付

- 集成 MinIO云存储服务

- 支持皮肤切换，提供多套风格让用户选择

- 支持Docker容器化部署，Nginx反向代理等



以上就是 诚海网络技术(考学宝)系列产品的特性。

#### 2、现有数据库表
截至今天有28张表，下图为部分截图(商业机密)

![输入图片说明](doc/640.png)



![输入图片说明](doc/gh_2f9f556caf6a_258.jpg)

# 抖音版

![输入图片说明](doc/CeaM%E8%80%83%E5%AD%A6%E5%AE%9D%200.0.1.png)

# 项目更新说明!!!
如果前端项目使用vue2，请使用1.0分支后端，另外数据库用户表字段做了变更(意思是说ceam_sys_user补充两个字段email类型为varchar，job_id类型为bigint)。如果前端项目使用的是Vue3，请使用1.5分支后端，数据库也是1.5。

# 基于vue2项目的演示

#### [求职招聘系统](https://www.bilibili.com/video/BV1vg4y1T7gY)

#### [学生管理系统](https://www.bilibili.com/video/BV1Uc411W7X5)


# 关注公众号获取更多惊喜

![输入图片说明](doc/%E5%85%AC%E4%BC%97%E5%8F%B7.PNG)

# 本地安装
## 基本环境（必备，登录过期，需要启动Redis!!!）
- 1、JDK：8+
- 2、Redis 3.0+
- 3、Maven 3.0+
- 4、MYSQL 5.7+
- 5、Node v10+

### 开发工具
Idea等

### 后台系统工程（JAVA端）

1、请确保redis已经安装启动

2、下载代码

```
https://gitee.com/CGFYHBK/boot-mall.git

```
3、导入项目
- 选择Idea左上角File，选择open

![输入图片说明](doc/%E5%AF%BC%E5%85%A5%E9%80%89%E6%8B%A9.PNG)
- 点击需要导入的项目，点击OK

![输入图片说明](doc/%E5%AF%BC%E5%85%A52.PNG)
- 选择New Window

![输入图片说明](doc/%E5%AF%BC%E5%85%A53.PNG)

4、项目结构如下：

![输入图片说明](doc/%E5%90%AF%E5%8A%A8.png)

5、导入数据库，配置开发环境数据库信息及其redis信息(没有redis的项目不需要配置)

5.1、配置文件放哪

![输入图片说明](doc/%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E4%BD%8D%E7%BD%AE.png)

5.2、账号密码配置自己的、账号密码配置自己的、账号密码配置自己的，重要事情说三遍。

![输入图片说明](doc/%E9%85%8D%E7%BD%AE.PNG)

6、运行
- 方式1

![输入图片说明](doc/%E8%BF%90%E8%A1%8C.PNG)

- 方式2

![输入图片说明](doc/%E8%BF%90%E8%A1%8C2.PNG)

### 后台前端工程（VUE端）

1、请确保本地已经安装node,建议node12

2、下载代码

```
https://gitee.com/CGFYHBK/open-vue.git
```

3、npm install或者yarn install，当前所有命令必须当前工程目录下进行，目录结构如下：

![输入图片说明](doc/vue%E7%BB%93%E6%9E%84%E5%8F%8A%E6%8E%A7%E5%88%B6%E5%8F%B0.png)

建议安装依赖模板用cmd命令行进行安装，如果在Idea打开安装有时Idea会卡，不存在这种问题的当然最好在idea直接打开

4、安装依赖失败

可以看看我的CSDN博客，关于Vue的专栏

5、在控制台输入命令：npm run dev(有的项目用npm run serve)等，控制台打印出如下画面，恭喜表示本项目启动成功拉。

![输入图片说明](doc/%E6%8E%A7%E5%88%B6%E5%8F%B0.png)

### 后台前端工程（VUE3端，node.js为14版本以上，建议16）

- 获取项目代码


```
git clone https://gitee.com/CGFYHBK/open-ceam-vue3
```


- 安装依赖


```
pnpm install
```


- 运行


```
pnpm serve
```


- 打包


```
pnpm build
```


# 项目说明

## 系统架构

凑合着看吧

![输入图片说明](doc/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%843.PNG)


## 商城功能
1. 商品模块：商品信息、商品分类、规格设置，商品上下架等
2. 订单模块：下单、购物车、支付，发货、收货、评价、退款等
3. 营销模块：积分、优惠券、拼团、秒杀、签到、抽奖等
4. 配置模块：字典配置、角色配置等各种配置
5. 用户模块：登陆、注册、会员卡、充值等
6. 其他等

### 项目结构

模块化

- ceam-admin 后台模块
- ceam-common 公共模块
- ceam-generator 代码生成模块
- ceam-jwt-core Token内核模块
- ceam-service-api DTO与VO等
- ceam-web 入口启动模块
- ceam-shop 商城模块
- ceam-wx 微信相关模块

### 系统界面

后台Web端：
| ![输入图片说明](doc/c%E7%99%BB%E5%BD%95.png)  | ![输入图片说明](doc/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86.PNG)  |
|---|---|
| ![输入图片说明](doc/%E8%A7%92%E8%89%B2%E7%AE%A1%E7%90%86.PNG)  | ![输入图片说明](doc/%E9%83%A8%E9%97%A8%E7%AE%A1%E7%90%86.PNG)  |
| ![输入图片说明](doc/%E5%B2%97%E4%BD%8D%E7%AE%A1%E7%90%86.PNG)   | ![输入图片说明](doc/%E5%AD%97%E5%85%B8%E7%AE%A1%E7%90%86.PNG)  |
| ![输入图片说明](doc/c%E5%95%86%E5%93%81.png)  | ![输入图片说明](doc/c%E5%88%86%E7%B1%BB.png)  |
| ![输入图片说明](doc/c%E4%BC%9A%E5%91%98.png)  | ![输入图片说明](doc/%E7%AD%89%E7%BA%A7.png)  |
| ![输入图片说明](doc/c%E8%B6%B3%E8%BF%B9.png)  | ![输入图片说明](doc/c%E6%94%B6%E8%97%8F.png)  |
| ![输入图片说明](doc/capp.png)  | ![输入图片说明](doc/c%E7%A7%92%E6%9D%80.png)  |
| ![输入图片说明](doc/c%E7%A0%8D%E4%BB%B7.png)  |   |



小程序端：




| ![输入图片说明](doc/c%E9%A6%96%E9%A1%B5.png)  | ![输入图片说明](doc/c%E9%A6%96%E9%A1%B52.png)  |
|---|---|
| ![输入图片说明](doc/c%E5%88%86%E7%B1%BB1.png)  | ![输入图片说明](doc/c%E5%88%86%E7%B1%BB2.png)  |
| ![输入图片说明](doc/%E6%88%91%E7%9A%841.PNG)  |   |


### 技术选型

后端使用技术：

- SpringBoot2
- mybatis、MyBatis-Plus
- SpringSecurity
- Druid
- Slf4j
- Fastjson
- JWT
- Redis
- Mysql
- WxJava
- Lombok
- Hutool

Vue3前端技术：

- node16 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉TypeScript基本语法
- Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
- Mock.js - mockjs 基本语法

vu2前端使用技术：

- Vue 全家桶
- Element
- 微信小程序

### 关于健身约课uniapp(有教程、非开源、需要关注公众号联系我)

| ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303220042.jpg)   | ![输入图片说明](doc/sp2.jpeg)  |![输入图片说明](doc/sp3.jpeg)  | ![输入图片说明](doc/sp4.png)  |
|---|---|---|---|
| ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303215917.jpg)   | ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303215944.jpg)   | ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303215952.jpg)  | ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303215958.jpg)  |
| ![输入图片说明](doc/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230303220004.jpg)  | ![输入图片说明](doc/sp6.png)  | ![输入图片说明](doc/sp7.png)  | ![输入图片说明](doc/sp8.png)  |
| ![输入图片说明](doc/sp9.png)  | ![输入图片说明](doc/sp10.png)  | ![输入图片说明](doc/sp11.png)  | ![输入图片说明](doc/sp12.png)  |
| ![输入图片说明](doc/sp13.png)  | ![输入图片说明](doc/sp14.png)  | ![输入图片说明](doc/sp15.png)  | ![输入图片说明](doc/%E5%B9%B8%E8%BF%90%E6%8A%BD%E5%A5%96.png)  |
| ![输入图片说明](doc/%E5%B9%B8%E8%BF%90%E6%8A%BD%E5%A5%962.png)  |   |  |   |

# 诚海网络技术(考试学习一体机微信小程序)
关于考试学习uniapp微信小程序(有教程、非开源、需要关注公众号联系我)

## 基于SpringBoot、MyBatis-plus、SpringSecurity、Redis、Redisson、MySQL、Websocket、ChatGPT、对象存储、定时任务、Uniapp、Vue3、TypeScript等。

## 核心功能点

【诚海网络技术】uniapp微信小程序的亮点有：高性能、服务稳定、信息安全，提供的服务有面试题练习、软件考试真题练习与模拟考试、微信支付，提供自己的扫码工具以及系统生成二维码加群后可以在【C聊】聊天、探讨技术问题等，【智能CAI】具备在您的学习、工作、生活、情感等方面提供帮助的能力，助您一臂之力、减轻负担、更加轻松，可以成为您的导师。如果您需要写报告、写长篇稿件、工作心得、策划活动、学习提纲、组织语言等等，几百字、几千字、几万字、几十万字等，有【智能CAI】在手通通轻轻松松搞定。如果想体验，可以扫描上面的小程序码、或者微信搜索【诚海网络技术】进入小程序即可。

| ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20104634.png)  |  ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20111258.png) | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20111722.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20112331.png)  |
|---|---|---|---|
| ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20112902.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-05%20102646.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-16%20112316.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-16%20112338.png)  |
| ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20195316.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-24%20114640.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20195622.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20195724.png)  |
| ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20195824.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20195916.png)  | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20200038.png)  |  ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-08-25%20200357.png) |
| ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20115114.png)  |  ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20115233.png) | ![输入图片说明](doc/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-09-25%20115307.png)  |   |



# CSDN博客： **卡布奇诺-海晨** 

 **Spring、SpringBoot、SpringCloud、Nacos、RocketMQ、MyBatis等源码解读系列，系统架构封装、性能优化、持续集成开发与部署等，离不开对这些技术底层的理解。面试工作都可以助你一臂之力。** 
- [【Spring】一文带你吃透IOC容器技术](https://blog.csdn.net/qq_57756904/article/details/128352906?spm=1001.2014.3001.5502)
- [【微服务】SpringCloud中OpenFeign请求处理及负载均衡流程](https://blog.csdn.net/qq_57756904/article/details/128167388?spm=1001.2014.3001.5502)
- [【微服务】SpringCloud中Ribbon的WeightedResponseTimeRule策略](https://blog.csdn.net/qq_57756904/article/details/128123147)
- [【微服务】SpringCloud中Ribbon的轮询(RoundRobinRule)与重试(RetryRule)策略](https://blog.csdn.net/qq_57756904/article/details/128103221)
- [【微服务】SpringCloud中Ribbon集成Eureka实现负载均衡](https://blog.csdn.net/qq_57756904/article/details/127975696)
- [【微服务】SpringCloud轮询拉取注册表及服务发现源码解析](https://blog.csdn.net/qq_57756904/article/details/127932555)
- [【微服务】SpringCloud微服务续约源码解析](https://blog.csdn.net/qq_57756904/article/details/127932555)
- [【微服务】SpringCloud微服务注册源码解析](https://blog.csdn.net/qq_57756904/article/details/127885624)
- [【微服务】Nacos2.x服务发现？RPC调用？重试机制？](https://blog.csdn.net/qq_57756904/article/details/127784924?spm=1001.2014.3001.5502)
- [【微服务】Nacos通知客户端服务变更以及重试机制](https://blog.csdn.net/qq_57756904/article/details/127837782)
- [【微服务】Nacos服务发现源码分析](https://blog.csdn.net/qq_57756904/article/details/127804082)
- [【微服务】SpringBoot监听器机制以及在Nacos中的应用](https://blog.csdn.net/qq_57756904/article/details/127765982)
- [【微服务】Nacos服务端完成微服务注册以及健康检查流程](https://blog.csdn.net/qq_57756904/article/details/127731672)
- [【微服务】Nacos客户端微服务注册原理流程](https://blog.csdn.net/qq_57756904/article/details/127684157)
- [【微服务】SpringCloud中使用Ribbon实现负载均衡的原理](https://blog.csdn.net/qq_57756904/article/details/127648980)
- [【微服务】SpringBoot启动流程注册FeignClient](https://blog.csdn.net/qq_57756904/article/details/127606128)
- [【微服务】SpringBoot启动流程初始化OpenFeign的入口](https://blog.csdn.net/qq_57756904/article/details/127592093)
- [Spring Bean的生命周期](https://blog.csdn.net/qq_57756904/article/details/127565896)
- [Spring事务原理](https://blog.csdn.net/qq_57756904/article/details/127471224)
- [SpringBoot自动装配原理机制及过程](https://blog.csdn.net/qq_57756904/article/details/127380854)
- [SpringBoot获取处理器流程](https://blog.csdn.net/qq_57756904/article/details/127314905)
- [SpringBoot中处理器映射关系注册流程](https://blog.csdn.net/qq_57756904/article/details/127309834)
- [Spring5.x中Bean初始化流程](https://blog.csdn.net/qq_57756904/article/details/127210075)
- [Spring中Bean定义的注册流程](https://blog.csdn.net/qq_57756904/article/details/127190516)
- [Spring的处理器映射器与适配器的架构设计](https://blog.csdn.net/qq_57756904/article/details/126699242)
- [SpringMVC执行流程图解及源码](https://blog.csdn.net/qq_57756904/article/details/126686665)

 **# 微服务实战搭建系列** 
- [【微服务】SpringCloud的OpenFeign与Ribbon配置](https://blog.csdn.net/qq_57756904/article/details/127971775)
- [集Oauth2+Jwt实现单点登录](https://blog.csdn.net/qq_57756904/article/details/126438452)
- [Spring Cloud Alibaba微服务第29章之Rancher](https://blog.csdn.net/qq_57756904/article/details/126261112)
- [Spring Cloud Alibaba微服务第27章之Jenkins](https://blog.csdn.net/qq_57756904/article/details/125677671)
- [Spring Cloud Alibaba微服务第24章之Docker部署](https://blog.csdn.net/qq_57756904/article/details/125655393)
- [Spring Cloud Alibaba微服务第23章之Oauth2授权码模式](https://blog.csdn.net/qq_57756904/article/details/125653971)
- [Spring Cloud Alibaba微服务第22章之Oauth2](https://blog.csdn.net/qq_57756904/article/details/125594703)
- [Spring Cloud Alibaba微服务第21章之分布式事务](https://blog.csdn.net/qq_57756904/article/details/125573822)
- [Spring Cloud Alibaba微服务第18章之消息服务](https://blog.csdn.net/qq_57756904/article/details/125525215)
- [Spring Cloud Alibaba微服务第16章之服务容错](https://blog.csdn.net/qq_57756904/article/details/125493018)
- [Spring Cloud Alibaba微服务第14章之分库分表](https://blog.csdn.net/qq_57756904/article/details/125487678)
- [Spring Cloud Alibaba微服务第11章之MyBatis-plus](https://blog.csdn.net/qq_57756904/article/details/125483610)
- [Spring Cloud Alibaba微服务第8章之OpenFeign](https://blog.csdn.net/qq_57756904/article/details/125473940)
- [Spring Cloud Alibaba微服务第7章之负载均衡Ribbon](https://blog.csdn.net/qq_57756904/article/details/125468077)
- [https://blog.csdn.net/qq_57756904/article/details/125468077](https://blog.csdn.net/qq_57756904/article/details/125462909)
- [SpringCloud Alibaba微服务第4章之Nacos](https://blog.csdn.net/qq_57756904/article/details/125457559)
- [SpringCloud Alibaba微服务开篇](https://blog.csdn.net/qq_57756904/article/details/125397880)


### 反馈交流(请点击右上角的小星星star支持下)

喜欢这个商城后台的小伙伴留下你的小星星啦，star,star,star哦！更多惊喜等着你哦！！