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

[复制链接]
发表于 2025-4-7 12:02:55 来自手机 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

×
大家好,我是 Java陈序员。
项目先容

功能模块:

  • 基础模块:

    • 后台权限管理:包含部分管理、用户管理、角色管理、菜单管理
    • 后台系统管理:包含参数管理、数据字典、定时任务、登录日记、消息管理

  • 商城后台:会员管理、商品种别、商品管理、订单管理、购物车
系统架构:

系统截图

后台管理


  • 会员管理


  • 商品种别


  • 商品管理


  • 订单管理


  • 购物车

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. [code]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. cd linjiashop-wxapp
  2. npm install
复制代码
2、启动云心
  1. npm run dev
复制代码
3、在微信开辟工具中导入目次 linjiashop-wxapp/dist/wx 目次即可
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 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题,可以通过如下方式进群:
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表