02-项目结构&技术&搭建

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运行项目
  

• 点击上面的运行按钮，查看前端界面