cmall商城系统

项目简介

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

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

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

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

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

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

系统设计

功能架构如下所示

输入图片说明

这里是列表文本管理后台的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张表，下图为部分截图(商业机密)

输入图片说明

抖音版

输入图片说明

项目更新说明!!!

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

基于vue2项目的演示

求职招聘系统

学生管理系统

关注公众号获取更多惊喜

输入图片说明

本地安装

基本环境（必备，登录过期，需要启动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

输入图片说明

点击需要导入的项目，点击OK

输入图片说明

选择New Window

输入图片说明

4、项目结构如下：

输入图片说明

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

5.1、配置文件放哪

输入图片说明

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

输入图片说明

6、运行

方式1

输入图片说明

方式2

输入图片说明

后台前端工程（VUE端）

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

2、下载代码

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

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

输入图片说明

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

4、安装依赖失败

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

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

输入图片说明

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

获取项目代码

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

安装依赖

pnpm install

运行

pnpm serve

打包

pnpm build

项目说明

系统架构

凑合着看吧

输入图片说明

商城功能

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

项目结构

模块化

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

系统界面

后台Web端：

小程序端：

技术选型

后端使用技术：

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(有教程、非开源、需要关注公众号联系我)

诚海网络技术(考试学习一体机微信小程序)

关于考试学习uniapp微信小程序(有教程、非开源、需要关注公众号联系我)

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

核心功能点

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