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

杀鸡焉用牛刀  论坛元老 | 2025-4-7 12:02:55 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1894|帖子 1894|积分 5682

大家好,我是 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
  3. ## 安装依赖
  4. npm install
  5. ## 启动服务
  6. 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
  3. ## 安装依赖
  4. npm install
  5. ## 启动服务
  6. 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陈序员】,复兴【开源项目交流群】进群,或者通过公众号下方的菜单添加个人微信,并备注【开源项目交流群】,通事后拉你进群
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

杀鸡焉用牛刀

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表