JavaWeb项目【SpringBoot】——图书项目4.0【源码】：SpringBoot版本 & springboot相关技术 & 项目应用

朱雀 2023-10-13 17:16 5阅读 0赞

#### 目录 ####

*  项目简介
 *  思考 & 改进
 *   *  1.Jsp都是同步请求---->改成异步Ajax【完成】
     *  2.前端用Jsp技术落后----->用Vue框架【完成】
     *  3.架构问题：配置数据和Java代码耦合【完成】
     *  3.SQL语句和Java代码耦合【完成】
     *  4.架构问题：servlet只能处理一个请求
     *  5.响应方式为响应一个Json，但是servlet写法很繁琐
     *  6.在servlet中接收前端传的参数都是String，用的时候还需要类型转换
     *  7.全局配置文件繁琐，xml和java必须一一对应
 *  springBoot相关技术
 *   *  Spring核心容器——从配置文件到注解开发 & 创建对象+成员变量赋值 & 增强方法
     *  SpringMvc学习——在idea中新建springWeb项目 & 浏览器请求 和 服务器响应 & SpringMvc文件相关
     *  springBoot学习——spring+springMVC & 集成mybatis & 拦截器
     *  SpringBoot学习——追根溯源servlet是啥，tomcat是啥，maven是啥 & springBoot项目初步，maven构建，打包 & 测试
 *  上述问题SpringBoot的解决方案
 *   *  4.架构问题：servlet只能处理一个请求
     *  5.响应方式为响应一个Json，但是servlet写法很繁琐
     *  6.在servlet中接收前端传的参数都是String，用的时候还需要类型转换
     *  7.全局配置文件繁琐，xml和java必须一一对应
 *  SpringBoot项目搭建
 *   *  1.项目总体结构
     *   *  pom.xml文件
     *  2.主配置application.yml文件
     *  3.springMvc配置类：拦截器+静态资源映射
     *   *  拦截器实体类
     *  4.主启动类@SpringBootApplication

--------------------

## 项目简介 ##

本项目是一个简单的图书管理系统，本博客在tomcat中采用servlet 和vue和mybatis技术实现如下功能：

*  用户登陆，输入用户名，密码，登陆成功后保存到session中，跳转到首页；
 *  用户注册，输入相关信息，以及验证码，注册成功到登陆页面；
 *  用户信息修改，昵称修改，密码修改；
 *  图书信息页面：展示所有信息，到数据分页显示，到分页展示+模糊查询+只看自己的书；
 *  新增图书信息，新增一条图书信息，类型下拉框选择，书名，简介输入，session中获取用户名和id，数据插入数据库中，再回到图书信息页面；
 *  删除图书信息：只能删除自己的书，删除成功再回到图书信息页面；
 *  修改图书信息：原有的信息进行回显，修改成功后再回到图书信息页面；
 *  图书类型分类统计：按照图书类型进行统计，数量为0显示0

![在这里插入图片描述][234976b117384aaab6ecfa2ff3b5d165.png]

## 思考 & 改进 ##

### 1.Jsp都是同步请求---->改成异步Ajax【完成】 ###

[JavaWeb项目【源码】——图书项目1.0：Tomcat版本 + Servlet + Filter + Jsp + bootstrap & JavaScript初步 + Ajax初步][JavaWeb_1.0_Tomcat_ _ Servlet _ Filter _ Jsp _ bootstrap _ JavaScript_ _ Ajax]

![在这里插入图片描述][5804d6b434f2478fbff2c072af89a62e.png]

### 2.前端用Jsp技术落后----->用Vue框架【完成】 ###

[JavaWeb项目【源码】——图书项目2.0：Tomcat版本 & Vue + axios + Servlet + Lombok + JDBC + MySQL技术栈实现][JavaWeb_2.0_Tomcat_ _ Vue _ axios _ Servlet _ Lombok _ JDBC _ MySQL]

![在这里插入图片描述][5b7869b5011547acb974bd4d0267b96a.png]

### 3.架构问题：配置数据和Java代码耦合【完成】 ###

### 3.SQL语句和Java代码耦合【完成】 ###

[JavaWeb项目【源码】——图书项目3.0：Tomcat版本 & Mybatis + vue + axios + js + mysql + log4j 技术栈实现][JavaWeb_3.0_Tomcat_ _ Mybatis _ vue _ axios _ js _ mysql _ log4j]

![在这里插入图片描述][b67844cffdd04b3e83164ed24a934c6b.png]![在这里插入图片描述][ae2ddc6138b4446295f9dfd773bd1628.png]

### 4.架构问题：servlet只能处理一个请求 ###

![在这里插入图片描述][ee94fbaa2afd49e581b266b207ac755f.png]

### 5.响应方式为响应一个Json，但是servlet写法很繁琐 ###

> resp.getWriter().write(JSON.toJSONString(new ResData(

// 4.new PageInfo对象，共享页数等，以及查询到的数据
            List<Company> list = companyService.queryByLikeNameLimit(pageNum, pageSize,name);
            PageInfo<Company> pageInfo = new PageInfo<>(pageNum, pageSize, total, pages, list);
    
            resp.getWriter().write(JSON.toJSONString(
                    new ResData(200, "ok", pageInfo)
            ));

### 6.在servlet中接收前端传的参数都是String，用的时候还需要类型转换 ###

String name = req.getParameter("name");
            String typeId = req.getParameter("typeId");
            String birthday = req.getParameter("birthday");

> 当用的时候，如果想要的类型其实不是String，还需要自己转换格式

// 日期类型转换
            private SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
            try {
        
                comUser.setBirthday(sdf.parse(birthday));
            } catch (ParseException e) {
        
                throw new RuntimeException(e);
            }
            
            // int类型转换
            opus.setTypeId(Integer.parseInt(typeId));

### 7.全局配置文件繁琐，xml和java必须一一对应 ###

![在这里插入图片描述][1ac5fe782bce4c958bd2e2f44a5b6701.png]

## springBoot相关技术 ##

![在这里插入图片描述][b6114dfce30c4abca757f9f0e2725b27.png]

### Spring核心容器——从配置文件到注解开发 & 创建对象+成员变量赋值 & 增强方法 ###

[Spring核心容器——从配置文件到注解开发 & 创建对象+成员变量赋值 & 增强方法][Spring_ _ _ _]

![在这里插入图片描述][594d47c68964479cb3b9d6457ea48e77.png]![在这里插入图片描述][4182af6ce19e4335a9ccde9bf0b53b64.png]

### SpringMvc学习——在idea中新建springWeb项目 & 浏览器请求 和 服务器响应 & SpringMvc文件相关 ###

[SpringMvc学习——在idea中新建springWeb项目 & 浏览器请求 和 服务器响应 & SpringMvc文件相关][SpringMvc_idea_springWeb_ _ _ _ _ _ SpringMvc]

![在这里插入图片描述][de811ca6581d40d58f97c057f89b32b5.png]  
之前的模式下：  
![在这里插入图片描述][89fffd1b745e420c81b79f90e12054fb.png]  
在spring中集成mybatis

![在这里插入图片描述][619bcb2048254a13bf81a2c2cabbb24a.png]

配置文件application.xml文件，加入mybatis相关

server:
      port: 80
    
    # 1.连接数据库——对应之前 xml文件的数据库
    spring:
      datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/javaweb?useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
        username: root
        password: 123
    
    # mybatis其他配置
    mybatis:
      # 2.给实体类起别名，首字母小写
      type-aliases-package: com.tianju.entity
      configuration:
        # 3.开启驼峰命名
        map-underscore-to-camel-case: true
        # 4.让日志生效
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
      # 5.扫描sql的位置
      mapper-locations: classpath:/mapper/*Mapper.xml

### springBoot学习——spring+springMVC & 集成mybatis & 拦截器 ###

[springBoot学习——spring+springMVC & 集成mybatis & 拦截器][springBoot_spring_springMVC _ _mybatis _]

![在这里插入图片描述][556e7641d95e43d3b39fc90592f1d808.png]

### SpringBoot学习——追根溯源servlet是啥，tomcat是啥，maven是啥 & springBoot项目初步，maven构建，打包 & 测试 ###

[SpringBoot学习——追根溯源servlet是啥，tomcat是啥，maven是啥 & springBoot项目初步，maven构建，打包 & 测试][SpringBoot_servlet_tomcat_maven_ _ springBoot_maven_ _]

## 上述问题SpringBoot的解决方案 ##

### 4.架构问题：servlet只能处理一个请求 ###

![在这里插入图片描述][ee94fbaa2afd49e581b266b207ac755f.png]

![在这里插入图片描述][887e21fade774ee9b7b5049c3f790205.png]

### 5.响应方式为响应一个Json，但是servlet写法很繁琐 ###

> resp.getWriter().write(JSON.toJSONString(new ResData(

> 在springMvc下，响应一个json @ResponseBody；

要点：

*  响应是json，要加@ResponseBody；
 *  时间显示的问题，要GMT+8：
 *  @JsonFormat(pattern = “yyyy-MM-DD hh:mm:ss”, timezone = “GMT+8”)
 *  如果一个controller响应都是json则，可以用@RestController代替 @Controller 和 @ResponseBody

package com.tianju.entity;
    
    import lombok.AllArgsConstructor;
    import lombok.Data;
    import lombok.NoArgsConstructor;
    
    /**
     * 响应的json
     */
    @Data
    @NoArgsConstructor
    @AllArgsConstructor
    
    public class ResData {
        
        private Integer code;
        private String msg;
        private Object data;
    }

注意这里，日期转换格式写错了，DD要改成小写dd

![在这里插入图片描述][26c088d2aa4647ee890291a63a83eafb.png]

### 6.在servlet中接收前端传的参数都是String，用的时候还需要类型转换 ###

String name = req.getParameter("name");
            String typeId = req.getParameter("typeId");
            String birthday = req.getParameter("birthday");

> 当用的时候，如果想要的类型其实不是String，还需要自己转换格式

> 在springMvc下，参数自动进行了类型的匹配，通常前端传的是一个JSON队形，后端接收要加上@RequestBody注解

要点：

*  前端传参用Json对象传；
 *  后端接收需要加上@RequestBody注解；
 *  实体类中规定日期的格式， @JsonFormat(pattern = “yyyy-MM-dd”)

![在这里插入图片描述][5ccafeed88504c85ba9f4fa730522e53.png]

前端发送对象的方式：

(1) user对象逐个赋值，发送post请求

let user = {
        }
    user.username = this.username;
    user.password = this.password;
    user.sex = this.sex;
    user.birthday = this.birthday;
    axios.post("/user/register",user)

(2) 直接创建好user对象，发送post请求

let user = {
        
        "username":this.username,
        "password":this.password,
        "sex":this.sex,
        "birthday":this.birthday,
    }
    axios.post("/user/register",user)

后端接收要加上@RequestBody，在类上加 @JsonFormat(pattern = “yyyy-MM-dd”)

// 在登陆页面，用户点击登陆按钮，处理请求
        @RequestMapping("register")
        @ResponseBody
        // 如果前端用json对象发，后端需要加上@RequestBody
        public ResData register(@RequestBody User user){
        
            System.out.println(user);
            return new ResData(200, "ok", null);
        }

### 7.全局配置文件繁琐，xml和java必须一一对应 ###

![在这里插入图片描述][1ac5fe782bce4c958bd2e2f44a5b6701.png]

> 在spring中集成mybatis

![在这里插入图片描述][619bcb2048254a13bf81a2c2cabbb24a.png]

配置文件application.xml文件，加入mybatis相关

## SpringBoot项目搭建 ##

### 1.项目总体结构 ###

![在这里插入图片描述][04f5bf0109f54064864fc2fe101b1149.png]

#### 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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>org.example</groupId>
        <artifactId>SpringBootOpus</artifactId>
        <version>1.0-SNAPSHOT</version>
    
    
        
        <parent>
            <groupId>org.springframework.boot</groupId>
            <version>2.3.0.RELEASE</version>
            <artifactId>spring-boot-starter-parent</artifactId>
        </parent>
    
        <properties>
            <maven.compiler.source>8</maven.compiler.source>
            <maven.compiler.target>8</maven.compiler.target>
            <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        </properties>
    
        <dependencies>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>commons-io</groupId>
                <artifactId>commons-io</artifactId>
                <version>2.2</version>
            </dependency>
    
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>fastjson</artifactId>
                <version>2.0.22</version>
            </dependency>
    
            
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>2.1.1</version>
            </dependency>
    
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid-spring-boot-starter</artifactId>
                <version>1.2.16</version>
            </dependency>
    
            <dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper-spring-boot-starter</artifactId>
                <version>1.2.12</version>
            </dependency>
    
            
            
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>cn.hutool</groupId>
                <artifactId>hutool-all</artifactId>
                <version>5.8.11</version>
            </dependency>
    
        </dependencies>
    
        
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
    
    
    </project>

### 2.主配置application.yml文件 ###

# 注释
    server:
      port: 80
    
    ## spring相关的配置
    spring:
      # 连接数据库
      datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/javaweb?useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
        username: root
        password: 123
      ## 设置上传文件大小
      servlet:
        multipart:
          max-file-size: 10MB # 设置单个文件最大大小为10MB
    #  # 另一种解决方案
    #  thymeleaf:
    #    cache: false
    #    prefix: classpath:/templates
    #    suffix: .html
    
    ## mybatis相关配置
    mybatis:
      # 起别名的包在哪里
      type-aliases-package: com.tianju.entity
      # 写sql的xml文件，放在这个文件夹下
      mapper-locations: classpath:/mapper/*Mapper.xml
      # 驼峰命名 + 日志
      configuration:
        map-underscore-to-camel-case: true
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
    
    imgLocation: D:/620/

### 3.springMvc配置类：拦截器+静态资源映射 ###

package com.tianju.config;
    
    import com.tianju.interceptor.LoginAuthorInterceptor;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
    import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
    /**
     * springMvc的配置类
     * 1.是配置类：@Configuration
     * 2.是springMvc的配置类：implements WebMvcConfigurer
     */
    @Configuration
    public class SpringMvcConfig implements WebMvcConfigurer {
        
    
        @Autowired
        LoginAuthorInterceptor loginAuthorInterceptor;
    
        @Override
        public void addInterceptors(InterceptorRegistry registry) {
        
            registry.addInterceptor(loginAuthorInterceptor)
                    .addPathPatterns("/**") // 拦截谁，表示都拦截
                    .excludePathPatterns(
                            "/user/loginPage","/user/login",
                            "/user/registerPage","/user/register","/image/get",
                            "/js/**","/css/**","/bootstrap/**","/img/**"
                    );
        }
    
        // 静态资源映射
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
        
            // 1.浏览器访问哪个链接，2.映射到哪里
            registry.addResourceHandler("/bookImg/**") // 访问的连接
                    .addResourceLocations("file:D:/620/bookImg/"); // 映射的位置
        }
    }

#### 拦截器实体类 ####

package com.tianju.interceptor;
    
    import org.springframework.stereotype.Component;
    import org.springframework.web.servlet.HandlerInterceptor;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    
    /**
     * spring的拦截器
     * 1.在容器中，@Component
     * 2.是拦截器，实现接口 implements HandlerInterceptor
     */
    @Component
    public class LoginAuthorInterceptor implements HandlerInterceptor {
        
        @Override
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        
            // 如果没有登陆，就去登陆页面; 如果登陆了，就放行；
            HttpSession session = request.getSession();
            Object user = session.getAttribute("user");
            if (user==null){
        
                // 没有登陆，重定向到登陆页面
                response.sendRedirect("/user/loginPage");
                return false;
            }
            // 登陆了，放行
            return true;
        }
    }

### 4.主启动类@SpringBootApplication ###

package com.tianju;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    @SpringBootApplication
    public class Main {
        
        public static void main(String[] args) {
        
            SpringApplication.run(Main.class);
        }
    }

[234976b117384aaab6ecfa2ff3b5d165.png]: https://img-blog.csdnimg.cn/234976b117384aaab6ecfa2ff3b5d165.png
[JavaWeb_1.0_Tomcat_ _ Servlet _ Filter _ Jsp _ bootstrap _ JavaScript_ _ Ajax]: https://blog.csdn.net/Pireley/article/details/131394771
[5804d6b434f2478fbff2c072af89a62e.png]: https://img-blog.csdnimg.cn/5804d6b434f2478fbff2c072af89a62e.png
[JavaWeb_2.0_Tomcat_ _ Vue _ axios _ Servlet _ Lombok _ JDBC _ MySQL]: https://blog.csdn.net/Pireley/article/details/131505875
[5b7869b5011547acb974bd4d0267b96a.png]: https://img-blog.csdnimg.cn/5b7869b5011547acb974bd4d0267b96a.png
[JavaWeb_3.0_Tomcat_ _ Mybatis _ vue _ axios _ js _ mysql _ log4j]: https://blog.csdn.net/Pireley/article/details/131524948
[b67844cffdd04b3e83164ed24a934c6b.png]: https://img-blog.csdnimg.cn/b67844cffdd04b3e83164ed24a934c6b.png
[ae2ddc6138b4446295f9dfd773bd1628.png]: https://img-blog.csdnimg.cn/ae2ddc6138b4446295f9dfd773bd1628.png
[ee94fbaa2afd49e581b266b207ac755f.png]: https://img-blog.csdnimg.cn/ee94fbaa2afd49e581b266b207ac755f.png
[1ac5fe782bce4c958bd2e2f44a5b6701.png]: https://img-blog.csdnimg.cn/1ac5fe782bce4c958bd2e2f44a5b6701.png
[b6114dfce30c4abca757f9f0e2725b27.png]: https://img-blog.csdnimg.cn/b6114dfce30c4abca757f9f0e2725b27.png
[Spring_ _ _ _]: https://blog.csdn.net/Pireley/article/details/131295533
[594d47c68964479cb3b9d6457ea48e77.png]: https://img-blog.csdnimg.cn/594d47c68964479cb3b9d6457ea48e77.png
[4182af6ce19e4335a9ccde9bf0b53b64.png]: https://img-blog.csdnimg.cn/4182af6ce19e4335a9ccde9bf0b53b64.png
[SpringMvc_idea_springWeb_ _ _ _ _ _ SpringMvc]: https://blog.csdn.net/Pireley/article/details/131323768
[de811ca6581d40d58f97c057f89b32b5.png]: https://img-blog.csdnimg.cn/de811ca6581d40d58f97c057f89b32b5.png
[89fffd1b745e420c81b79f90e12054fb.png]: https://img-blog.csdnimg.cn/89fffd1b745e420c81b79f90e12054fb.png
[619bcb2048254a13bf81a2c2cabbb24a.png]: https://img-blog.csdnimg.cn/619bcb2048254a13bf81a2c2cabbb24a.png
[springBoot_spring_springMVC _ _mybatis _]: https://blog.csdn.net/Pireley/article/details/131359911
[556e7641d95e43d3b39fc90592f1d808.png]: https://img-blog.csdnimg.cn/556e7641d95e43d3b39fc90592f1d808.png
[SpringBoot_servlet_tomcat_maven_ _ springBoot_maven_ _]: https://blog.csdn.net/Pireley/article/details/131595979
[887e21fade774ee9b7b5049c3f790205.png]: https://img-blog.csdnimg.cn/887e21fade774ee9b7b5049c3f790205.png
[26c088d2aa4647ee890291a63a83eafb.png]: https://img-blog.csdnimg.cn/26c088d2aa4647ee890291a63a83eafb.png
[5ccafeed88504c85ba9f4fa730522e53.png]: https://img-blog.csdnimg.cn/5ccafeed88504c85ba9f4fa730522e53.png
[04f5bf0109f54064864fc2fe101b1149.png]: https://img-blog.csdnimg.cn/04f5bf0109f54064864fc2fe101b1149.png