# 闯壹闯商店

**Repository Path**: Yc__cY/chuangshop

## Basic Information

- **Project Name**: 闯壹闯商店
- **Description**: 覆盖全平台的商城购物系统，基于Spring Boot2，Vue2，Elementui等构建后端管理系统；基于Uni-app，Uviewui构建移动端管理系统。
支持齐全
提供API，后台管理，包含h5，微信小程序，android，ios应用程序完整方案。
技术优势
得益于Springboot的强大快速搭建后端和Vue前端技术快速美观的构建前端。最主要的是Uni-app的使用直接覆盖所有移动端。
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 28
- **Forks**: 0
- **Created**: 2023-03-09
- **Last Updated**: 2025-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 手机app, 小程序, 商城购物, Java, uni-app

## README

# 闯壹闯商店

 #### 系统介绍

1. 简单快捷
- 基于Spring boot2，vue2，uni-app，elementui+uviewui快速构建全平台商城系统
2. 支持齐全
- 提供API，前后台管理端，移动端包含手机h5网页端，微信小程序，android，ios应用程序完整方案。
3. 最新技术栈
- 使用Spring Boot2+JPA构建后端服务，vue2，elementui，uni-app，uviewui构建前端界面

 #### 软件架构 

1. 核心框架：Spring Boot2+vue2+uni-app
2. 数据库层：Spring data jpa
3. 数据库连接池：Druid
4. 缓存：Ehcache
5. 前端：后台管理基于elementui，手机端界面基于uviewui
6. 数据库选择： MySQL


 #### 快速开始

 
1. **克隆本项目** 
1. 导入idea或者eclipse
1. 确保开发工具下载并安装了lombok插件，另外由于lombok有版本差异，如果出现问题，可以更新maven以来中lombok的版本来解决
1. 创建数据库：chuangshop；可以借助sql图形化工具navicat等导入sql语句。语句在c
1. 下载项目测试数据的图片：图片在仓库中的upload下面 提取码：geek，将图片存放到t_sys_cfg表中system.file.upload.path配置的目录下(注意该目录为绝对路径，该目录可以通过“系统管理”-“参数管理”进行配置)
1.  **启动后台管理** 
1. 启动后台管理api服务:admin-api
1. 修改admin-api中数据库连接配置
1. 首次启动需要设置下列配置项设置为create，以便系统可以自动创建表并导入./import.sql测试数据文件，
1. 如果下面配置无法自动建表并导入测试数据文件；则可以手动初始化数据库，手动使用的初始化文件文件位于：仓库db文件夹下chuangshop.sqlspring.jpa.hibernate.ddl-auto=create
1. 启动admin-api主类：cn.enilu.flash.api.AdminApiApplication，访问http://localhost:9099(8082)/swagger-ui.html ， 保证api服务启动成功
1. 启动后台管理的前端界面:admin
1. 运行 npm install --registry=https://registry.npmmirror.com(注：需安装node.js第14版本)
1. 运行npm run dev
1. 启动成功后访问 http://localhost:9528 ,登录，用户名密码:admin/admin
1.  **启动手机端商城** 
1. 启动手商城的api服务:mobile-api
1. 修改mobile-api中数据库连接配置
1. 启动mobile-api主类：cn.enilu.flash.MobileApiApplication,访问http://localhost:8088(8081)/swagger-ui.html ， 保证api服务启动成功
1. 启动手机商城的前端:uniapp-mmaster；注：必须使用Hbuilderx进行启动，因为uni-app只能用Hbuilderx进行开发
1. 运行 npm install --registry=https://registry.npmmirror.com
1. 运行npm run dev(注：需安装node.js第14版本)
1. 启动成功后访问 http://localhost:8080/#/index
1.  **微信小程序端商城** 
1. 首先下载微信开发者工具
1. 在Hbuilderx中——>运行——>运行到微信小程序模拟器；等待编译完成后会自动调用微信开发者工具
1. 此时可以在微信开发者工具上进行预
览小程序，也可运行到手机上看效果。当然在开发小程序的时候还是在Hbuilderx上进行，不用再花时间去学微信小程序开发语言

 #### 目录说明

1. admin PC端后台管理的前端网页
2. admin-api PC端后台管理的api服务
3. uniapp-mmaster 移动商城的前端网页
4. mobile-api 手机端商城的api服务
5. core 基础模块，包括工具类，dao，service，bean等内容
6. generator 代码生成模块,主要生成后台管理的前后端代码,配合IDEA 代码生成插件webflash-generator使用效果更好
7. db 数据库sql文件
8. plugs_copy 部分不能通过maven自动下载的特殊依赖包
9. upload 示例图片

#### 运行截图
 **管理端前端** 
![输入图片说明](upload/%E5%89%8D%E7%AB%AF%E7%99%BB%E5%BD%95.png)
![输入图片说明](upload/%E7%AE%A1%E7%90%86%E5%89%8D%E7%AB%AF.png)
![输入图片说明](upload/%E7%AE%A1%E7%90%86%E5%89%8D%E7%AB%AF2.png)
**管理端后端** 
![输入图片说明](upload/%E7%AE%A1%E7%90%86%E5%90%8E%E7%AB%AF.png)
![输入图片说明](upload/%E7%A7%BB%E5%8A%A8%E5%89%8D%E7%AB%AF.png)
**手机APP端**
![输入图片说明](upload/%E6%89%8B%E6%9C%BA%E7%AB%AF.png) 
![输入图片说明](upload/1703496902252.png)
![输入图片说明](upload/1703496902248.png)
![输入图片说明](upload/1703496902244.png)
![输入图片说明](upload/1703496902240.png)
**微信小程序端** 
![输入图片说明](upload/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F.png)
![输入图片说明](upload/1703497606965.png)
![输入图片说明](upload/kfWechat.jpeg)
#### 参与贡献

1.  Mr.Yang创建本仓库
2.  Mr.Yang新建 master 分支
3.  Mr.Yang提交代码
4.  Mr.Yang新建 Pull Request
5.  Mr.Yang创建license开源许可证明
6.  Mr.Yang创建readme.md项目说明文件


#### 使用须知

1. 允许用于个人学习、毕业设计、教学案例、公益事业、商业使用;
1. 如果商用必须保留版权信息，请自觉遵守;
1. 禁止将本项目的代码和资源进行任何形式的出售，产生的一切任何后果责任由侵权者自负。

#### 问题交流


- 开源不易，并不需要请作者喝啥奶茶。只需要关注作者的个人公众号就是最大的支持。
- 同样在安装系统和二次开发遇到问题可以在公众号中提问，作者有时间也会一一回复。
- 公众号里有实际上线应用的地址，感兴趣也可以下载试一试，当然外包服务也可以。
![输入图片说明](upload/gzh.png)

#### 版权信息

- 本项目包含的第三方源码和二进制文件之版权信息另行标注。版权所有Copyright ©  
Mr.Yang (https://gitee.com/Yc__cY) All rights reserved。