1、项目结构
- 项目前端部分包括两部分：前台(用户看到的前端界面)+后台(管理员看到的前端界面)
- 项目后端部分包括两部分：前台对应的后端+后台对应的后端。
说明：蓝色字体是做集群的意思。
2、后端项目
专门为前端提供rest接口
2.1、使用的技术
技术 | 说明&学习视频 |
Spring Boot | 容器+MVC框架 https://www.tulingxueyuan.cn/video/XLSP819x0x819xXL100179x |
Spring Security | 认证和授权框架 https://www.tulingxueyuan.cn/series/XL100195xxxx1 |
MyBatis | ORM框架 https://www.tulingxueyuan.cn/video/XLSP582x0x582xXL100179x |
MyBatis-Plus | MyBatis增强工具 |
MyBatis-Plus Generator | 数据层代码生成 |
Swagger-UI | 文档生产工具 https://www.tulingxueyuan.cn/video/XLSP856x0x856xXL100179x |
Redis | 分布式缓存 https://www.tulingxueyuan.cn/video/XLSP771x0x771xXL100184x |
Druid | 数据库连接池 https://www.tulingxueyuan.cn/video/XLSP873x0x873xXL100179x |
OSS | 对象存储 |
Lombok | 简化对象封装工具 |
2.2、数据库表概述
mall项目目前有71张数据表，业务逻辑有一定复杂度，当然我们在开发中不一定会全用到， 这里所有的表是我们整个图灵商 城的完整版。（初级+高级）。目前做的只是初级
2.3、数据库表前缀说明
- cms_*：内容管理模块相关表(暂不关心)
- oms_*：订单管理模块相关表
- pms_*：商品模块相关表
- sms_*：营销模块相关表（暂不关心）
- ums_*：会员模块相关表
2.4、搭建
2.4.1、后端开发环境、工具
- 环境：jdk1.8 maven3.6+、mysql、redis
- 工具：idea2019（mybatis插件、
Lombok插件、translation插件）、PostMan、Navicat、RedisStudio（github） redisdesktop - mybatis插件安装
- 同理
lombok也装一下
2.4.2、提供后端脚手架
基于SpringBoot+MyBatis-Plus的快速开发脚手架，拥有完整的权限管理功能， 可对接Vue前端，开箱即用。
脚手架：用户注册、用户登录、用户权限、用户有哪些角色、菜单管理、日志等等这些每个项目几乎必备的功能。没必要每次都写，所以可以使用项目的一个脚手架，这个脚手架已经包含了上述的功能。怎样获取这样的脚手架呢？去开源社区搜，比如商城项目就去搜商城项目的脚手架、也可以根据你自己的经验去弄。。。。本项目脚手架使用的是课程里面的。
2.4.2.1、项目结构
- 找到子类中下面的文件，导入提供的脚手架到idea中。
- 导入之后idea中截图
- 执行sql脚本：执行
sql/tiny.sql - 执行结果
- cms_*：内容管理模块相关表（暂不关心）
- oms_*：订单管理模块相关表
- pms_*：商品模块相关表
- sms_*：营销模块相关表（暂不关心）
- ums_*：会员模块相关表
- 修改项目中的数据库，改为我自己的数据库
- 修改redis的ip地址
- 启动wmware，使用我的虚拟机中的redis
- linux 查看ip地址
ifconfig -a - 启动一下程序，查看能否启动成功。
2.4.3、后台（管理员部分）前端搭建
核心功能
- 商品模块
- 商品管理
- 商品分类管理
- 商品类型管理
- 品牌管理
- 订单模块
- 订单管理
核心技术
技术选型
项目布局
项目搭建
- 在idea中下载
vue.js插件 - 将资料中的前台前端导入到idea中
- 导入之后如下：
- 运行该前端项目之前，需要做一下操作
- 查看前端所依赖的包（相当于java中的依赖）
- 要想项目能运行，肯定得有项目的依赖
- 下载这些依赖首先要安装
node.js，直接去官网下载即可 - 下载之后，打开命令行黑窗口，查看
node.js是否安装成功 - 查看
node.js的版本：node -v - 设置
npm(管理前端项目的依赖，和maven·类似)的镜像，道理和maven类似。 - 设置为淘宝镜像
npm config set registry https://registry.npm.taobao.org - 验证是否切换成功：
npm config ls - 安装依赖执行命令
npm install - 控制台不报红，说明安装成功
- 依赖安装成功之后，还要更改路径，改为和后台的Controller上面的请求路径要能够匹配上。
- 输入命令
npm run dev运行项目 - 点击上面的运行按钮，查看前端界面
