最近开始想做一个秒杀的后端项目，记录下过程

day01 总体描述

今天的任务是搭建前端秒杀界面，并向后端请求数据.

秒杀项目前端编写

完成主要页面的展示

下图是kolin博客的前端界面, 借鉴下.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TtU53frw-1633017974915)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\seckill_list.png)]

后端项目

新建springboot工程，写入pom.xml依赖

<?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 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <artifactId>spring-boot-starter-parent</artifactId>
        <groupId>org.springframework.boot</groupId>
        <version>2.5.0</version>
        <relativePath></relativePath>
    </parent>
    <groupId>top.yawentan</groupId>
    <artifactId>springboot-seckill</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>springboot-seckill</name>
    <description>springboot-seckill</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
            <!-- 排除 默认使用的logback  -->
            <exclusions>
                <exclusion>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-logging</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <!-- log4j2 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-log4j2</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-mail</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>


        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.76</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <optional>true</optional>
        </dependency>

        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
        </dependency>

        <dependency>
            <groupId>commons-collections</groupId>
            <artifactId>commons-collections</artifactId>
            <version>3.2.2</version>
        </dependency>
        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
        </dependency>

        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.3</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>
        <dependency>
            <groupId>joda-time</groupId>
            <artifactId>joda-time</artifactId>
            <version>2.10.10</version>
        </dependency>
    </dependencies>
</project>

配置mybatiasplus、mysql和mysql

server.port=8888
spring.application.name=yawen_seckill

#mysql
#datasource
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/seckill?useUnicode=true&characterEncoding=UTF-8&serverTimeZone=UTC
spring.datasource.username=root
spring.datasource.password=123

#myhabtis-plus
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
#
##redis
#spring.redis.host=localhost
#spring.redis.port=6379

建立mysql数据库，现在只建了Goods库

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9HutOc5A-1633017974918)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210929153221586.png)]

在springboot工程中建立实体pojo类

package top.yawentan.springbootseckill.pojo;

import lombok.Data;

@Data
public class Goods {
    private Long id;
    private String name;
    private Long number;
    private String startTime;
    private String endTime;
}

建立MybatisPlus配置类, 配置扫描包

package top.yawentan.springbootseckill.config;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Configuration;

@Configuration
@MapperScan("top.yawentan.springbootseckill.dao")
public class MyBatisPlusConfig {
}

建立dao层操作数据库

package top.yawentan.springbootseckill.dao;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import top.yawentan.springbootseckill.pojo.Goods;

public interface GoodsMapper extends BaseMapper<Goods> {
}

建立service和对应的实现类

package top.yawentan.springbootseckill.service;

import top.yawentan.springbootseckill.vo.Result;

public interface GoodsService {
    Result getAllGoods();
}

package top.yawentan.springbootseckill.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import top.yawentan.springbootseckill.dao.GoodsMapper;
import top.yawentan.springbootseckill.pojo.Goods;
import top.yawentan.springbootseckill.service.GoodsService;
import top.yawentan.springbootseckill.vo.Result;

import java.util.List;

//注入IoC
@Service
public class GoodsServiceImpl implements GoodsService {
    //不推荐的字段注入但是确实最方便

    @Autowired
    private GoodsMapper goodsMapper;

    @Override
    public Result getAllGoods() {
        LambdaQueryWrapper<Goods> queryWrapper = new LambdaQueryWrapper<>();
        queryWrapper.select(Goods::getId,Goods::getName,Goods::getNumber,Goods::getStartTime,Goods::getEndTime);
        List<Goods> goods = goodsMapper.selectList(queryWrapper);
        return Result.success(goods);
    }
}

建立controller类来处理对应的请求, 我们的url是sekill_list

package top.yawentan.springbootseckill.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import top.yawentan.springbootseckill.service.GoodsService;
import top.yawentan.springbootseckill.vo.Result;

@RestController
public class SeckillListController {
    @Autowired
    private GoodsService goodsService;

    @GetMapping("/seckill_list")
    public Result listController(){
        return goodsService.getAllGoods();
    }
}

通过postman来测试后端数据是否成功发送

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GYHUYFad-1633017974920)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210929154049759.png)]