一、《锋迷商城》项目介绍
1.1 项目背景
锋迷商城——电商平台
- B2C商家对客户
- C2B2C 客户对商家对客户
1.1.1 B2C(一家超市)
平台运营方即商品的卖家,例如:小米商城
- 商品
- 用户
1.1.2 C2B2C(一条街)
平台运营方不卖商品(也可以卖)
卖家是平台的用户
买家也是平台的用户
- 用户(店铺)
- 用户(买家)
- 服务
- 商品
1.1.3 Java
Java语言的应用领域很广,但主要应用于web领域的项目开发,web项目类型分为两类:
- 企业级开发(供企业内部使用的系统:企业内部的管理系统CRM\ERP,学校的教务管理系统)
- 互联网开发(提供给所有互联网用户使用的系统——用户量)——电商,扩展知识(BAT:百度、阿里、腾讯;TMD:头条、美团、滴滴)
1.2 项目功能
https://www.processon.com/mindmap/60fbfb63e0b34d49622edc3a
1.3 技术选型
SSM 企业开发框架 基础的开发技术
1.3.1 单体项目
项目的页面和代码都在同一个项目,项目开发完成之后直接部署在一台服务器
单体项目遇到的问题:用户对页面静态资源以及对Java代码的请求压力都会落在Tomcat服务器上。
1.3.2 技术清单
- 项目架构:前后端分离
- 前端技术:vue、axios 、Amaze UI、layui、bootstrap(jQuery已成过去式(页面动态刷新+异步通信 ==> 笨重))
- 后端技术:SpringBoot(包含Spring、SpringMVC)+MyBatis、RESTful、swagger
- 服务器搭建:Linux、Nginx
二、项目架构的演进
2.1 单体架构
- 前后端都部署在同一台服务器上(前后端代码都在同一个应用中)
- 缺点:对静态资源的访问压力也会落在Tomcat上
2.2 前后端分离(应对一定数量的并发)
- 前后端分离:前端和后端分离开发和部署(前后端部署在不同的服务器)
- 优点:将对静态资源的访问和对接口的访问进行分离,Tomcat服务器只负责数据服务的访问
2.3 集群与负载均衡
优点:提供并发能力、可用性
2.4 分布式(理论上可以完全解决高并发问题)
- 基于redis实现 分布式锁
- 分布式数据库mycat
- redis集群
- 数据库中间件
- 消息中间件
2.5 微服务架构(进一步保证高可用和高性能)
- 微服务架构:将原来在一个应用中开发的多个模块进行拆分,单独开发和部署
- 保证可用性、性能
三、《锋迷商城》项目搭建
基于Maven的聚合工程完成项目搭建,前端采用vue+axios,后端使用SpringBoot整合SSM
3.1 技术储备
- (√)SpringBoot: 实现无配置的SSM整合
- (√)Maven聚合工程:实现模块的复用
3.2 Maven聚合工程
3.2.1 构建父工程
-
创建一个Maven工程、packaging设置为 pom
-
父工程继承
spring-boot-starter-parent
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <!-- spring-boot-starter-parent --> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.5.3</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.lzp</groupId> <artifactId>fmmall</artifactId> <version>2.0.1</version> <packaging>pom</packaging> </project>
3.2.2 创建common工程
-
选择fmmall,右键——New——Module(Maven工程)
-
修改common的pom.xml,设置packaging=jar
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <parent> <groupId>com.lzp</groupId> <artifactId>fmmall</artifactId> <version>2.0.1</version> </parent> <modelVersion>4.0.0</modelVersion> <artifactId>common</artifactId> <packaging>jar</packaging> </project>
3.2.3 创建beans工程
- 选择fmmall,右键——New——Module(Maven工程)
- 修改beans的pom.xml,设置packaging=jar
3.2.4 创建mapper工程
-
选择fmmall,右键——New——Module(Maven工程)
-
修改mapper的pom.xml,设置packaging=jar
-
在mapper的pom.xml,依赖beans
<dependency> <groupId>com.lzp</groupId> <artifactId>beans</artifactId> <version>2.0.1</version> </dependency>
3.2.5 创建service工程
-
选择fmmall,右键——New——Module(Maven工程)
-
修改service的pom.xml,设置packaging=jar
-
在service的pom.xml,依赖mapper,common
<dependency> <groupId>com.lzp</groupId> <artifactId>mapper</artifactId> <version>2.0.1</version> </dependency> <dependency> <groupId>com.lzp</groupId> <artifactId>common</artifactId> <version>2.0.1</version> </dependency>
3.2.6 创建api工程
-
选择fmmall,右键——New——Module(SpringBoot工程)
-
修改api的pom.xml,继承fmmall,删除自己的groupId 和 version
<parent> <groupId>com.lzp</groupId> <artifactId>fmmall</artifactId> <version>2.0.1</version> </parent>
-
将springboot的依赖配置到父工程fmmall的pom.xml
-
在父工程fmmall的pom.xml的modules添加api
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.5.3</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.lzp</groupId> <artifactId>fmmall</artifactId> <version>2.0.1</version> <modules> <module>common</module> <module>beans</module> <module>mapper</module> <module>service</module> <module>api</module> </modules> <packaging>pom</packaging> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <configuration> <excludes> <exclude> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> </exclude> </excludes> </configuration> </plugin> </plugins> </build> </project>
-
在api的pom.xml中,依赖service
<!-- 依赖了service,等于依赖了所有 --> <dependency> <groupId>com.lzp</groupId> <artifactId>service</artifactId> <version>2.0.1</version> </dependency>
3.3 Maven聚合工程依赖分析
如果将依赖添加到父工程的pom中,根据依赖的继承关系,所有的子工程都会继承父工程的依赖:
- 好处:当有多个子工程都需要相同的依赖时,无需在子工程中重复添加依赖
- 缺点:如果某些子工程不需要这个依赖,还是会被强行继承
如果在父工程中没有添加统一依赖,则每个子工程所需的依赖需要在子工程的pom中自行添加
如果存在多个子工程需要添加相同的依赖,则需在父工程pom进行依赖版本的管理
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q6gEP39o-1646129708196)(C:\Users\14715\AppData\Roaming\Typora\typora-user-images\image-20210727145559634.png)]
说明
1. 我们可以在父工程的pom文件中一次性添加各个子工程所需的所有依赖
2. 在各个子工程中单独添加当前子工程的依赖
3.4 整合MyBatis
3.4.1 common子工程
- lombok
3.4.2 beans子工程
- lombok
3.4.3 MyBatis整合
-
在mapper子工程的pom文件,新增mybatis所需的依赖
<!--mysql--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.47</version> </dependency> <!--spring-boot-starter--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> <version>2.4.4</version> </dependency> <!--mybatis starter--> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.1.4</version> </dependency>
-
在mapper子工程的resources目录创建application.yml
spring: datasource: driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/db_2010_mybatis?characterEncoding=utf-8 username: root password: 123 mybatis: mapper-locations: classpath:mappers/*Mapper.xml type-aliases-package: com.lzp.fmmall.entity
-
在**api子工程*的启动类通过 @MapperScan 声明dao包的路径
@SpringBootApplication @MapperScan("com.lzp.fmmall.dao") public class ApiApplication { public static void main(String[] args) { SpringApplication.run(ApiApplication.class, args); } }
3.5 基于SpringBoot的单元测试
3.5.1 添加依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
</dependency>
3.5.2 测试类
package com.lzp.fmmall.dao;
import org.junit.jupiter.api.Test;
import org.springframework.boot.test.context.SpringBootTest;
@SpringBootTest
public class UserDAOTest {
@Test
public void queryUserByName() {
System.out.println("测试成功");
}
}
3.6 整合Druid
3.6.1 添加依赖
-
在mapper子工程添加druid-starter
<!--druid starter--> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.22</version> </dependency>
3.6.2 修改数据源配置
- 修改mapper子工程application.yml文件
spring:
datasource:
druid:
driver-class-name: com.mysql.jdbc.Driver
url: jdbc:mysql://localhost:3306/db_2010_mybatis?characterEncoding=utf-8
username: root
password: 123
mybatis:
mapper-locations: classpath:mappers/*Mapper.xml
type-aliases-package: com.lzp.fmmall.entity
四、《锋迷商城》数据库设计
4.1 软件开发步骤
- 问题定义/提出问题
- 可行性分析(技术、成本、法律法规)
- 需求分析(需求采集、需求分析下)——> 甲方
- 概要设计
- 系统设计(技术选型、架构模式、项目搭建)
- 数据库设计
- UI设计
- 业务流程设计
- 详细设计
- 实现步骤(业务流程的实现细节)
- 编码
- 根据设计好的实现步骤进行代码实现
- 开发过程中开发者要进行单元测试
- 测试
- 集成测试
- 功能测试(黑盒测试)
- 性能测试(白盒测试)
- 交付/部署实施
4.2 数据库设计流程
- 根据项目功能分析数据实体(数据实体,就是应用系统中要存储的数据对象)
- 商品、订单、购物车、用户、评价、地址…
- 提取数据实体的数据项(数据对象的属性)
- 商品(商品id、商品名称、商品描述、特征)
- 地址(姓名、地址、电话…)
- 使用数据库设计三大范式检查数据项是否合理
- 分析实体关系:E-R图
- 数据库建模(三线图),建模工具
- 建库建表-SQL
4.3 《锋迷商城》数据库设计分析
4.3.1 PDMan建模工具使用
-
可视化创建数据表(数据表)
-
视图显示数据表之间的关系(关系图)
-
导出SQL指令(模型-导出DDL脚本)
-
记录数据设计的版本-数据库模型版本的管理(模型版本)
-
同步数据模型到数据库(开始-数据库连接)
4.3.2 分析《锋迷商城》的数据库模型
- 用户
- 首页
- 轮播图
- 类别
- 商品
4.4 SPU 和 SKU
4.4.1 SPU
SPU(Standard Product Unit):标准化产品单元。是商品信息聚合的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,属性值、特性相同的商品就可以称为一个SPU。
产品:
1 荣耀8
2 小米10
4.4.2 SKU(理解为套餐)
SKU(中文译为最小存货单位,英文全称为Stock Keeping Unit,简称SKU,定义为保存库存控制的最小可用单位
101 8G / 128G 10 2999 1
102 4G / 64G 20 1999 1
103 8G / 128G 12 2999 1
104 12G / 256G 11 3999 1
4.5 建库建表
4.5.1 创建数据表
- 从PDMan导出sql,导入到mysql
4.5.2 准备测试数据
-
首页轮播图 index_img
-
首页类别信息 category
-
商品信息
-
sku
五、《锋迷商城》业务流程设计
在企业项目开发中,当完成项目的需求分析、功能分析、数据库分析与设计之后,项目组就会按照项目中的功能进行开发任务的分配
5.1 用户管理业务流程分析
单体架构:页面和控制之间可以进行跳转,同步请求控制器,流程控制由后端来完成
前后端分离架构:前端和后端分离开发和部署,前端只能通过异步向后端发送请求,后端只负责接收请求及参数、处理请求、返回处理结果,但是后端并不负责流程控制,流程控制是由前端完成
5.1.1 单体架构
5.1.2 前后端分离架构
5.2 接口介绍
5.2.1 接口
狭义的理解:就是控制器中可以接收用户请求的某个方法
应用程序编程接口,简称API(Application Programming Interface),就是软件系统不同组成部分衔接的约定
5.5.2 接口规范
作为一个后端开发者,我们不仅要完成接口程序的开发,还要编写接口的说明文档——接口规范
接口规范示例 :
参考:《锋迷商城》后端接口说明
5.3 Swagger
前后端分离开发,后端需要编写接口说明文档,会耗费比较多的时间
swagger是一个用于生成服务器接口的规范性文档,并且能够对接口进行测试的工具
5.3.1 作用
- 生成接口说明文档
- 对接口进行测试
5.3.2 整合
-
在api子工程添加依赖(Swagger2 \ Swagger UI)
<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger2 --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version> </dependency> <!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger-ui</artifactId> <version>2.9.2</version> </dependency>
-
在zapi子工程创建swagger的配置(基于Java的配置方式)
package com.lzp.fmmall.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import springfox.documentation.builders.ApiInfoBuilder; import springfox.documentation.builders.PathSelectors; import springfox.documentation.builders.RequestHandlerSelectors; import springfox.documentation.service.ApiInfo; import springfox.documentation.service.Contact; import springfox.documentation.spi.DocumentationType; import springfox.documentation.spring.web.plugins.Docket; import springfox.documentation.swagger2.annotations.EnableSwagger2; /** * @Author LZP * @Date 2021/7/29 9:57 * @Version 1.0 */ @Configuration @EnableSwagger2 public class SwaggerConfig { /** * 返回一个封装接口文档信息的Docket对象 */ @Bean public Docket getDocket() { // 创建Docket实例 Docket docket = new Docket(DocumentationType.SWAGGER_2); // 创建封面信息对象,通过ApiInfoBuilder来创建 ApiInfoBuilder builder = new ApiInfoBuilder(); // 进行相应的配置 builder.title("《锋迷商城》后端接口说明文档") .description("此文档详细说明了锋迷商城项目后端接口规范...") .version("v 2.0.1") .contact(new Contact("LZP", "https://www.cnblogs.com/pengsay", "1471591945@qq.com")); ApiInfo apiInfo = builder.build(); docket.apiInfo(apiInfo) .select() .apis(RequestHandlerSelectors.basePackage("com.lzp.fmmall.controller")) .paths(PathSelectors.any()) .build(); return docket; } }
-
测试:
- 启动SpringBoot应用,访问:http://localhost:8080/swagger-ui.html
5.3.3 Swagger注解说明
swagger提供了一套注解,可以对每个接口进行详细说明
@Api
类注解,在控制器类上添加此注解,可以对控制器类进行功能说明
@Api(value = "提供商品添加、删除、修改及查询的相关接口", tags = "商品管理")
@ApiOperation
方法注解,说明接口方法的作用
@ApiImplicitParams
和 @ApiImplicitParam
方法注解,说明接口方法的参数
@ApiOperation("用户登录接口")
@ApiImplicitParams({
@ApiImplicitParam(dataType = "string", name = "username", value = "用户登录账号", required = true),
@ApiImplicitParam(dataType = "string", name = "password", value = "用户登录密码", required = false, defaultValue = "111111")
})
@RequestMapping(value = "/login", method = RequestMethod.GET)
public ResultVO login(@RequestParam(value = "username", required = true) String name,
@RequestParam(value = "password", required = false, defaultValue = "111111") String pwd) {
return userService.checkLogin(name, pwd);
}
@ApiModel<