功能开启
项目地址:
- uni-app 商城前端,已经基于 Vue3 重构,对应 https://gitee.com/yudaocode/yudao-mall-uniapp (opens new window) 仓库的
master
分支 - 管理后台,请使用 https://gitee.com/yudaocode/yudao-ui-admin-vue3 (opens new window) 仓库的
master
分支 - 后端项目,请使用 https://gitee.com/zhijiantianya/yudao-cloud (opens new window) 仓库的
master
(JDK8) 或master-jdk17
(JDK17/21) 分支
商城的功能,由三部分代码组成:
- 后端实现,对应
yudao-module-mall
(opens new window) 模块 - 管理后台,对应
@/views/mall
(opens new window) 目录 - 用户前台,对应 https://github.com/yudaocode/yudao-mall-uniapp (opens new window) 项目
# 1. 功能介绍
主要拆分四大模块:商品中心、交易中心、营销中心、会员中心。如下图所示:
# 2. 后端开启
只需要启动 yudao-module-member
下的 4 个 product、trade、promotion、statistics 服务,就可以使用商城的功能。步骤如下:
- 第二步,导入商城的 SQL 数据库脚本
- 第三步,启动 4 个服务,确认功能是否生效
# 2.1 第一步,导入 SQL
点击 mall-2024-01-17.sql.zip
(opens new window) 下载附件,解压出 SQL 文件,然后导入到数据库中。
友情提示:↑↑↑ mall.sql 是可以点击下载的! ↑↑↑
# 2.2 第二步,启动服务
① 运行 product 服务的 ProductServerApplication (opens new window) 启动类,看到 "Started ProductServerApplication in 5.131 seconds (JVM running for 5.412)"
说明开启成功。
② 运行 trade 服务的 TradeServerApplication (opens new window) 启动类,看到 "Started TradeServerApplication in 7.154 seconds (JVM running for 7.467)"
说明开启成功。
③ 运行 promotion 服务的 PromotionServerApplication (opens new window) 启动类,看到 "Started PromotionServerApplication in 5.88 seconds (JVM running for 6.189)"
说明开启成功。
④ 运行 statistics 服务的 StatisticsServerApplication (opens new window) 启动类,看到 "Started StatisticsServerApplication in 5.369 seconds (JVM running for 5.669)"
说明开启成功。
⑤ 然后,访问前端的商城菜单,确认功能是否生效。如下图所示:
至此,我们就成功开启了商城的功能 🙂
# 3. 前端开启
参考 《快速启动(前端项目)》 文档的「2. uni-app 商城移动端」小节。
# 4. 推荐阅读
微信公众号相关:
微信小程序相关:
# 5. 部署说明
# 5.1 静态资源
在 .env
配置文件中,有 SHOPRO_STATIC_URL
配置项,用于配置商城的静态资源地址,默认是 http://test.yudao.iocoder.cn
。
部署时,你必须改成你自己的静态资源地址,不然会导致商城的静态资源无法加载。
① 将 https://gitee.com/yudaocode/yudao-demo/tree/2d0024ad71489e5b263ca1cec07e82abdc61d45f/yudao-static/mall (opens new window) 的 static
目录下的图片,上传到你的静态资源服务器的 static
目录上。
如果你使用七牛 CDN,可以使用 Kodo Browser (opens new window) 批量上传。
② 将 SHOPRO_STATIC_URL
配置项,改成你的静态资源地址。
③ 重启前端项目,并通过 Chrome 开发者工具的【Network】标签页,查看是不是你的静态资源地址。