APP+后台+vue前端全套打包送，电商解决方案CRMEB开源啦

CRMEB是一套网上购物商城系统，其中包括java + vue + uniapp，也就是说pc后台管理系统的前后台+APP全套全部提供。

小鲍侃java

4199人浏览 · 2021-12-15 17:15:48

小鲍侃java · 2021-12-15 17:15:48 发布

在这里插入图片描述
CRMEB是一套网上购物商城系统，其中包括java + vue + uniapp，也就是说pc后台管理系统的前后台+APP全套源码全部提供。其中项目有php版本与java版本。本文着重讲解java版本。

一.源码地址

php：http://github.crmeb.net/u/java
Java：http://github.crmeb.net/u/java
帮助文档：http://doc.crmeb.com
官网：http://crmeb.com
论坛：http://q.crmeb.com

二.简介

CRMEB商城JAVA版，使用了SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Uniapp +Vue+elementUI 包含移动端、小程序、PC后台、Api接口；有产品、用户、购物车、订单、积分、优惠券、营销、余额、权限、角色、系统设置、组合数据、可拖拉拽的form表单等模块，大量的减少了二开的成本。

三.优点

该项目相比于市面上其他项目有这以下优点：

有详细的代码注释，有完整系统手册。
基于 SpringBoot 框架开发业界主流。
【前端】Web PC 管理端 vue + element UI。
【前端】移动端使用 UniApp 框架，前后端分离开发。
标准RESTful 接口、标准数据传输，逻辑层次更明确，更多的提高api复用。
支持Redis队列，降低流量高峰，解除耦合，高可用。
无缝事件机制，行为扩展更方便，方便二次开发。
数据导出，方便个性化分析。
数据统计分析,使用ECharts图表统计，实现用户、产品、订单、资金等统计分析。
权限管理，后台多种角色，多重身份权限管理，权限可以控制到按钮级别的操作。
Vue表单生成控件，拖拽配置表单，减少前端重复表单工作量，提高前端开发效率。

一句话总结，使用了市面上最新的技术、最流行的低代码理念。

四.能做什么

该项目能做什么？

毕业论文项目，贼拉酷炫。亮瞎你导师双眼。
私活利器，开箱即用。当甲方说能不能600块给我做个淘宝，直接把项目给他。
使用了springboot、vue、UniApp 等单前最主流技术，还怕被嫌弃没有项目经验吗。卷起来！！！

以上包括了大多数生活场景，所以有以上需求的小伙伴赶紧入坑。

五.功能简介与示例

以下是截取的部分功能图，如想详细了解，可以根据下文自行安装后入坑研究。

1.功能模块

该项目提供了以下描述的业务和模块：
在这里插入图片描述

2.APP示例

在这里插入图片描述

3.pc示例

在这里插入图片描述

六.落地搭建

1.文件目录

解压后，出现下文文件夹，以下是各个文件的目录与作用。
在这里插入图片描述

2.后台管理系统-java端搭建

后台搭建为老生常谈的方式，需要你有Mysql （版本5.7）、Redis （版本5+），这里就不详细描述了，如果有问题，请参考博主linux专栏。

1.导入项目

通过pom导入项目。

2.执行数据库脚本

新建数据库并执行脚本，脚本地址如下：
在这里插入图片描述

3.修改配置文件

修改为开发环境
在这里插入图片描述修改为自己的数据库与redis地址，不多说。

4.启动

在这里插入图片描述

5.验证

访问http://localhost:20002/doc.html，如果出现以下页面，搭建成功！
在这里插入图片描述

3.后台管理系统-vue端搭建

1.配置后台地址

在这里插入图片描述

2.安装包与启动

npm install
npm run dev

3.访问

访问以下地址即可。
在这里插入图片描述

4.安装nginx

自行在windows上安装nginx，并修改配置文件nginx.conf。
在这里插入图片描述
上文配置的含义是，nginx根目录下的/sucai地址就是文件服务器地址。例如：博主在D盘下安装，那么文件路径就为D:\sucai\。

5.验证

将照片放入上文文件地址的路径中，并修改下表地址为图片路径。
在这里插入图片描述
访问：http://localhost:9527 以下是登录页面，背景图为个人设置图片路径。

6.登录

初始密码为admin/123456，下文为登录后页面。
在这里插入图片描述

4.app端搭建

1.导入项目

在这里插入图片描述

2.修改配置

配置后端的地址。请查看上文后台地址ip，默认为20002。
在这里插入图片描述

3.安装插件

分别安装stylus、scss/sass插件。
在这里插入图片描述

查询插件。

即可完成插件安装。

4.运行项目

在这里插入图片描述

访问地址即可进入uniapp页面。

5.验证

仿照上文，修改下表并更改图片地址并存放图标地址。
在这里插入图片描述
访问http://localhost:8080 红圈处为博主配置的demo样式。其他配置可自行修改。

七.素材库

同时该项目也提供了一些素材图标，大家可以自行去以下地址获取。

https://pan.baidu.com/s/1DwgmGjOKndOzHVqOqZTUoA 
提取码: g3br

5.总结

完成以上操作后，基本的框架都已经落地了，剩余更多的功能和用法就等着你的开发和使用！当然如果您有更多需要可以选择商用版。两个私活就回本，不多白话了，博主赶紧去卷私活了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^