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

大家好，我是 Java陈序员。

之前给大家介绍过一个开源轻量的小商城，包含后台管理 + H5 + 微信小程序。

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

今天，再给大家介绍一个同款的商城系统，包含 Web 后台管理、H5 移动端、小程序端、APP 移动端。

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

项目介绍

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

功能模块：

• 基础模块：

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

系统架构：

系统截图

后台管理

• 会员管理

• 商品类别

• 商品管理

• 订单管理

• 购物车

H5 移动端

• 首页

• 发现

• 商品详情

• 购物车

• 我的

小程序端

• 首页

• 发现

• 商品详情

• 购物车

• 我的

快速上手

前期准备

1、克隆代码

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

2、将项目以 Maven 的形式导入到 IDEA 中

目录结构：

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

3、创建数据库

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 数据库配置为自己服务的连接地址、用户名和密码

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

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

3、运行启动 PC 端后台管理的前端服务

## 进入 PC 端后台管理的前端服务目录
cd linjiashop-admin

## 安装依赖
npm install

## 启动服务
npm run dev

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

http://localhost:9528/

默认管理员账号密码：admin/admin.

启动 H5 移动端

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

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

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

3、运行启动移动端 H5 的前端服务

## 进入移动端 H5 的前端服务目录
cd linjiashop-mobile

## 安装依赖
npm install

## 启动服务
npm run dev

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

http://localhost:8080/

默认账号密码：15011112222/admin.

启动小程序端

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

cd linjiashop-wxapp
npm install

2、启动云心

npm run dev

3、在微信开发工具中导入目录 linjiashop-wxapp/dist/wx 目录即可

注意：若微信开发工具提示不在以下 request 合法域名列表中，请修改 appid 为测试的小程序应用，并在本地设置中设置【不校验合法域名】。

linjiashop 除了提供 H5 移动端、小程序端商城外，还提供了 APP 移动端，提供了基于 Uniapp 和 Flutter 实现的版本，可根据需求，自行搭建使用~

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

最后

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

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

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

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

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。

但是任何人在群里打任何广告，都会被 T 掉。

如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：

关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

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

---