锋迷商城学习

本文详细介绍了《锋迷商城》项目的背景、功能、技术选型、架构演进、项目搭建和数据库设计等内容。项目采用Java语言,以SpringBoot为核心,结合MyBatis、Maven和Vue等技术实现前后端分离。数据库设计中涉及了商品管理、用户认证、轮播图、分类列表等多个模块,涵盖了从需求分析到接口测试的完整流程。
摘要由CSDN通过智能技术生成

一、《锋迷商城》项目介绍

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<

  • 5
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值