全新开源的基于SpringBoot和Vue构建的新零售商城系统亮相

全新开源的基于SpringBoot与Vue构建的新零售商城系统登场

大家好呀，我是 Java陈序员。之前给大家介绍过两款可以支持多端操作的开源商城系统呢。

邻家小铺！一款基于 SpringBoot 和 Vue 的商城系统！

后台管理 + H5 + 微信小程序！又一款开源轻量的小商城！

今天呢，再给大家推荐一款借助 SpringBoot + Vue 实现的开源新零售商城系统啦，它包含移动端和 PC 后台哟！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等内容。

项目概览

crmeb_java —— 一款基于 Java、Vue 以及 Uni-App 开发的开源商城系统，提供新零售、分销推广、拼团、砍价、秒杀等多种功能，支持 PC 后台、小程序、H5 移动端呢。

功能特点 ：

• 基于主流技术栈开发 ：采用前后端分离的开发模式，后端接口基于 SpringBoot 来实现，后台管理端基于 Vue + ElementUI 来实现，移动端基于 Uni-App 来实现
• 完备的商城功能 ：提供商品（分类管理、库存管理）、用户、订单、购物车、营销、分销等常用的商城系统功能
• 多端适配与展示 ：支持微信公众号、小程序以及 H5 移动端等多平台使用，满足不同用户的访问需求

功能展示

PC 后台

• 控制台

• 商品管理

• 订单管理

• 用户管理

• 积分配置

• 秒杀管理

• 砍价管理

• 拼团管理

• 优惠券管理

• 分销配置

• 财务管理

移动端

• 首页

• 分类

• 购物车

• 结算

• 个人中心

• 订单中心

• 地址信息

本地搭建

环境预备

• 开发工具

• IntelliJ IDEA：用于调试后端服务代码

• VS Code：用于调试 PC 后台管理前端代码
• HBuilder：用于调试商城前台 Uni-App 代码
• Navicat：MySQL 连接客户端

• 微信开发者工具（可选）：用于调试商城前台小程序端

• 环境要求

• Java8

• MySQL5.7
• Redis

• Node.js14

• 源码获取

1、克隆代码

git clone https://github.com/crmeb/crmeb_java.git

2、目录说明

crmeb_java
├── admin             # PC 后台管理前端代码工程
├── app               # 商城前台代码工程
└── crmeb             # 后端服务代码工程

后台服务

1、把后端服务代码 cremb 以 Maven 工程的形式导入到 IDEA 中，代码目录结构如下：

crmeb
├── crmeb-admin             # PC 后台管理的后端服务
├── crmeb-common            # 后端服务的通用模块
├── crmeb-front             # 商城前台的后端服务
├── crmebimage              # 系统图片资源目录
├── shell                   # 后端服务脚本
└── sql                     # MySQL 脚本

2、创建数据库 cremb

CREATE DATABASE cremb CHARACTER SET utf8 COLLATE utf8_general_ci;

3、把 sql/Crmeb_1.3.4.sql 文件导入到数据库 cremb 中

4、修改 crmeb-admin、crmeb-front 工程下配置文件 application.yml 中的服务器图片路径配置（crmeb-front 无需配置）、MySQL、Redis 配置连接信息

crmeb:
  # 服务器图片路径配置 斜杠结尾
  imagePath: D:/JavaEE/github/crmeb_java/crmeb/crmebimage/ 

spring:
  # 数据库配置
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/crmeb?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimeZone=GMT+8
    username: crmeb
    password: 111111
  # Redis 配置
  redis:
    host: 127.0.0.1 #地址
    port: 6379 #端口
    password: 111111
    timeout: 10000 # 连接超时时间（毫秒）
    database: 3 #默认数据库

5、分别运行主启动类 com.zbkj.admin.CrmebAdminApplication、com.zbkj.front.CrmebFrontApplication 启动服务

后台管理

1、在命令行窗口中进入 PC 后台管理前端代码工程 admin 目录

2、安装依赖

npm install

3、运行服务

npm run dev

4、当窗口出现如下内容时，说明服务启动成功

DONE  Compiled successfully in 9510ms

App running at:
- Local:   http://localhost:9527/
- Network: http://192.168.31.92:9527/

5、浏览器访问

http://localhost:9527/

默认用户名密码：admin/123456

商城前台

1、把商城前台工程 app 导入到 HBuilder 中

2、修改 config/app.js 中的后台服务地址

//移动端商城API
let domain = 'http://127.0.0.1:8081'

module.exports = {
    // 请求域名 格式： https://您的域名
    HTTP_REQUEST_URL: domain,

    // #ifdef MP
    HTTP_REQUEST_URL: domain,
    // #endif
    HTTP_ADMIN_URL: 'http://127.0.0.1:8080', //PC后台的API请求地址，上传图片用,影响h5上传头像
    // #ifdef H5
    //H5接口是浏览器地址
    // HTTP_REQUEST_URL: window.location.protocol+"//"+window.location.host,
    // http://api.java.crmeb.net:20001
    HTTP_REQUEST_URL: domain,
    // #endif

    HEADER: {
        'content-type': 'application/json'
    },
    HEADERPARAMS: {
        'content-type': 'application/x-www-form-urlencoded'
    },
    // 回话密钥名称 请勿修改此配置
    TOKENNAME: 'Authori-zation',
    // 缓存时间 0 永久
    EXPIRE: 0,
    //分页最多显示条数
    LIMIT: 10
};

3、点击 HBuilderX 顶部菜单栏中的运行

crmeb_java 除了实现商城功能外，还具备文章管理、微信公众号交互等特色模块呢。不管是个人学习、企业开发还是商业应用，crmeb_java 都是一个值得尝试二次开发的开源项目哟~

结尾

所推荐的开源项目已收录到 GitHub 项目中，欢迎大家去 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网址进行在线浏览：

https://chencoding.top:8090/#/

我创建了一个开源项目交流群，方便大家在群里交流探讨开源项目。要是有人在群里打广告，会被移除。要是你对这个交流群感兴趣或者在使用开源项目时碰到问题，可以通过关注微信公众号【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方菜单添加个人微信并备注【开源项目交流群】，通过后会拉你进群。

大家的点赞、收藏和评论都是对作者的支持，若文章对你有帮助还请点赞转发支持下，谢谢！