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

大家好，我是 Java陈序员。

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

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

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

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

项目介绍

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

功能模块：

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

系统架构：

系统截图

后台管理

会员管理

商品类别

商品管理

订单管理

购物车

H5 移动端

首页

发现

商品详情

购物车

我的

小程序端

首页

发现

商品详情

购物车

我的

快速上手

前期准备

1、克隆代码

bash 复制代码

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

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

目录结构：

bash 复制代码

├── 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、创建数据库

bash 复制代码

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

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 端后台管理的前端服务

bash 复制代码

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

## 安装依赖
npm install

## 启动服务
npm run dev

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

bash 复制代码

http://localhost:9528/

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

启动 H5 移动端

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

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 的前端服务

bash 复制代码

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

## 安装依赖
npm install

## 启动服务
npm run dev

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

bash 复制代码

http://localhost:8080/

默认账号密码：15011112222/admin.

启动小程序端

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

bash 复制代码

cd linjiashop-wxapp
npm install

2、启动云心

bash 复制代码

npm run dev

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

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

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

bash 复制代码

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

最后

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

bash 复制代码

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

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

bash 复制代码

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

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

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

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

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

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