大家好,我是 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、服务启动成功后,浏览器访问:默认管理员账号密码: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、服务启动成功后,浏览器访问:默认账号密码:15011112222/admin.
启动小程序端
1、进入 linjiashop-wxapp 微信小程序商城模块并安装依赖- cd linjiashop-wxapp
- npm install
复制代码 2、启动云心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陈序员】,复兴【开源项目交流群】进群,或者通过公众号下方的菜单添加个人微信,并备注【开源项目交流群】,通事后拉你进群。
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |