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

大家好，我是 Java陈序员。
之前给大家介绍过一个开源轻量的小商城，包含后台管理 + H5 + 微信小程序。
后台管理 + H5 + 微信小程序！又一个开源轻量的小商城！
今天，再给大家介绍一个同款的商城系统，包含 Web 后台管理、H5 移动端、小程序端、APP 移动端。

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

项目介绍

linjiashop —— 邻家小铺，一个基于 SpringBoot、Vuejs、Futter 快速构建的全平台商城系统，包含 Web 后台管理、H5 移动端、小程序端、APP 移动端。
功能模块：

• 基础模块：
  
  
  
  • 后台权限管理：包含部门管理、用户管理、角色管理、菜单管理
    
  • 后台系统管理：包含参数管理、数据字典、定时任务、登录日志、消息管理
    
  
  
• 商城后台：会员管理、商品类别、商品管理、订单管理、购物车
  
• 商城首页：包含 H5 移动端、小程序端、APP 移动端
  

系统架构：

系统截图

后台管理

• 会员管理
  

• 商品类别
  

• 商品管理
  

• 订单管理
  

• 购物车
  

H5 移动端

• 首页
  

• 发现
  

• 商品详情
  

• 购物车
  

• 我的
  

小程序端

• 首页
  

• 发现
  

• 商品详情
  

• 购物车
  

• 我的
  

快速上手

前期准备

1、克隆代码

1. git clone https://github.com/microapp-store/linjiashop.git

复制代码

2、将项目以 Maven 的形式导入到 IDEA 中
目录结构：

1. ├── linjiashop-admin PC 端后台管理的前端服务
2. ├── linjiashop-admin-api PC 端后台管理的 API 服务
3. ├── linjiashop-core 基础模块，包括工具类、Dao、Service、Entity 等
4. ├── linjiashop-generator 代码生成模块
5. ├── linjiashop-mobile 移动端 H5 的前端服务
6. ├── linjiashop-mobile-api 移动端商城的 API 服务（H5、小程序、App 后台接口）
7. └── linjiashop-wxapp 微信小程序商城

复制代码

3、创建数据库

1. CREATE DATABASE IF NOT EXISTS linjiashop DEFAULT CHARSET utf8 COLLATE utf8_general_ci;

复制代码

注意：

• 启动项目的时候，通过 SpringBoot 的配置：spring.jpa.hibernate.ddl-auto=create 来初始化数据库数据，所以无需自己初始化数据
  
• 第二次启动项目时或者在生产环境下，建议去掉该配置以避免将已经初始化好的数据库表和数据删除
  
• 如想手动初始化数据库数据，可通过运行 linjiashop/doc/database.sql 脚本
  

启动后台管理

1、修改 linjiashop-admin-api 模块中配置文件 application-dev.properties 数据库配置为自己服务的连接地址、用户名和密码

1. spring.datasource.url=jdbc:mysql://localhost:3306/linjiashop?useUnicode=true&characterEncoding=UTF8&useSSL=false
2. spring.datasource.username=root
3. spring.datasource.password=root

复制代码

2、运行 linjiashop-admin-api 模块的主启动类 cn.enilu.flash.api.AdminApiApplication, 启动 PC 端后台管理的 API 服务
3、运行启动 PC 端后台管理的前端服务

1. ## 进入 PC 端后台管理的前端服务目录
2. cd linjiashop-admin
4. ## 安装依赖
5. npm install
7. ## 启动服务
8. npm run dev

复制代码

4、服务启动成功后，浏览器访问：

1. http://localhost:9528/

复制代码

默认管理员账号密码：admin/admin.
启动 H5 移动端

1、修改 linjiashop-mobile-api 模块中配置文件 application-dev.properties 数据库配置为自己服务的连接地址、用户名和密码

1. spring.datasource.url=jdbc:mysql://localhost:3306/linjiashop?useUnicode=true&characterEncoding=UTF8&useSSL=false
2. spring.datasource.username=root
3. spring.datasource.password=root

复制代码

2、运行 linjiashop-mobile-api 模块的主启动类 cn.enilu.flash.api.MobileApiApplication, 启动移动端商城的 API 服务
3、运行启动移动端 H5 的前端服务

1. ## 进入移动端 H5 的前端服务目录
2. cd linjiashop-mobile
4. ## 安装依赖
5. npm install
7. ## 启动服务
8. npm run dev

复制代码

4、服务启动成功后，浏览器访问：

1. http://localhost:8080/

复制代码

默认账号密码：15011112222/admin.
启动小程序端

1、进入 linjiashop-wxapp 微信小程序商城模块并安装依赖

1. cd linjiashop-wxapp
2. npm install

复制代码

2、启动云心

1. npm run dev

复制代码

3、在微信开发工具中导入目录 linjiashop-wxapp/dist/wx 目录即可
注意：若微信开发工具提示不在以下 request 合法域名列表中，请修改 appid 为测试的小程序应用，并在本地设置中设置【不校验合法域名】。
linjiashop 除了提供 H5 移动端、小程序端商城外，还提供了 APP 移动端，提供了基于 Uniapp 和 Flutter 实现的版本，可根据需求，自行搭建使用~

1. 项目地址：https://github.com/microapp-store/linjiashop

复制代码

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

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

复制代码

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

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

复制代码

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

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

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！