springBoot学习笔记

SpringBoot

微服务阶段

javase:OOP

mysql:持久化

html+css+js+jQuery+框架：视图层，框架需要加深

javaweb：独立开发mcv三层架构的网站：原始

ssm：框架：简化了我的开发流程，配置较为复杂；

war：tomcat运行

spring再简化：springboot 微服务架构 打jar包：内嵌tomcat

服务越来越多

约定大于配置

程序=数据结构+算法；

程序=面向对象+框架

什么是微服务?

微服务是一种架构风格，要求我们在开发的时候，这个应用必须构建一系列的小服务组合，可以通过http的方式进行互通；

之前的采用的是all in one 的架构方式，我们将所有的功能都放在一个应用里面，然后将整个应该部署在服务上，如果负载能力不行，我们将整个应用水平复制，进行扩展，然后再负载均衡。

微服务，就是打破了之前all in one的方式，把每个功能独立起来，把独立起来的功能元素动态组合，需要的功能元素才拿去组合，所以微服务架构是对功能元素进行复制，而不是整个服务应用进行复制。

好处:

节省了调用资源

每个功能元素是可替换的，可独立升级的软件代码。

第一个SpringBoot程序

环境

jdk：1.8

maven：3.6.3

springboot：

IDEA

官方提供了一个快速生成的网站：IDEA集成了这个网站

• 可以在官网直接下载，导入IDEA开发

可以在官网上直接配置并下载，然后我们在IDEA中通过import导入打开文件即可。

• 直接使用IDEA创建一个springboot项目

选项和官网一样，因为IDEA自己集成了，注意版本，如果不匹配，则文件会报错，现在springboot在3版本，但是我们的jdk在8的话就不建议用3版本，可以通过降版本来解决兼容性问题。

springboot帮我们将很多事情都做了，我们现在只需要写controller层，省略的很多，自动导入了很多启动器，帮助我们构建了servlet，等等操作可以看看springboot帮我们导入了什么依赖

<?xml version="1.0" encoding="UTF8"?>
<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>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.11-SNAPSHOT</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.zhao</groupId>
    <artifactId>hellozz</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>hellozz</name>
    <description>Demo project for Spring Boot</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
<!--        web依赖：tomcat，dispatchServlet，xml-->
        <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>

<!--        spring-boot-starter：所有的springBoot依赖都是以它开头的-->

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot</artifactId>
            <version>2.7.11-SNAPSHOT</version>
        </dependency>
    </dependencies>

    <build>
<!--打jar包插件-->
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
    <repositories>
        <repository>
            <id>spring-milestones</id>
            <name>Spring Milestones</name>
            <url>https://repo.spring.io/milestone</url>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </repository>
        <repository>
            <id>spring-snapshots</id>
            <name>Spring Snapshots</name>
            <url>https://repo.spring.io/snapshot</url>
            <releases>
                <enabled>false</enabled>
            </releases>
        </repository>
    </repositories>
    <pluginRepositories>
        <pluginRepository>
            <id>spring-milestones</id>
            <name>Spring Milestones</name>
            <url>https://repo.spring.io/milestone</url>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </pluginRepository>
        <pluginRepository>
            <id>spring-snapshots</id>
            <name>Spring Snapshots</name>
            <url>https://repo.spring.io/snapshot</url>
            <releases>
                <enabled>false</enabled>
            </releases>
        </pluginRepository>
    </pluginRepositories>

</project>

原理初探

自动配置

pom.xml

• spring-boot-dependencies:核心依赖在父工程中，其中有大量的版本号，自动导入很多配置（比如：资源过滤）
• 我们在写或者引入一些springboot以来的时候，不需要指定版本，就是因为有版本仓库

启动器：spring-boot-strarter

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

启动器：就是springboot的启动场景

比如：spring-boot-starter-web,会自动帮我们自动导入web环境所有需要的依赖

springboot会将所有的功能场景，变成一个个的启动器

我们需要使用什么功能就只需要找到对应的启动器即可！

主程序

package com.zhao.hellozz;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
//@SpringBootApplication:标注这个类是一个springboot的应用
@SpringBootApplication
public class HellozzApplication {

    public static void main(String[] args) {
        //将springboot应用启动
        SpringApplication.run(HellozzApplication.class, args);
    }

}

接下来点进注解看看源码

这里定义了很多注解

@SpringBootConfiguration:springboot的配置
    @Configuration：spring的配置类
    @Component：说明这是一个spring的组件

@EnableAutoConfiguration：springboot自动导入配置
    @AutoConfigurationPackage：自动配置包
    @Import({Registrar.class})
    
    

springboot所有的自动配置都是在 启动的时候扫描并加载在一个文件中（spring.factories）。所有的自动配置类都在这里了。

但是我们不导入对应的启动器，还是不会生效，这是因为有一个注解判断了我们是否导入了对应的启动器依赖，如果条件成立的话该类才会生效。

1. springboot在启动的时候，从类路径下/META-INF/spring.factories获取指定的值
2. 将这些自动配置的类导入容器，自动配置类就会生效，帮我们进行自动配置
3. 一起我们需要自动配置的东西，现在springboot帮我们做了
4. 整个javaEE，解决方案和自动配置的东西都在这个包下：spring-boot-test-autoconfigure-2.7.11-20230328.100909-4.jar
5. 会把所有需要导入的组件，以类名 的方式返回，这些组件就会加载到容器
6. 容器中也会存在很多的XXXAutoconfiguration文件（@Bean），这些类给容器中导入了这个场景需要导入的所有的组件，并自动配置
7. 有了自动配置类我们就免去了手动编写配置文件工作

Springboot配置

一般默认是propreties文件作为springboot的配置文件

但是现在yml更加强大，更建议用yml文件

propreties文件采用的key=v

而yml是采用 k： v（中间有空格，必须有）的格式

server:
  port: 8081

强大的地方就是yml文件格式可以注入java对象的属性

写点实体类对象

package com.zhao.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

import java.util.List;
@AllArgsConstructor
@NoArgsConstructor
@Data
@Component
@ConfigurationProperties(prefix = "person")
public class Person {
    private String name;
    private Integer age;
    List<Object> lists;
    private boolean happy;
    private Dog dog;


}

package com.zhao.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.stereotype.Component;
@Data
@AllArgsConstructor
@NoArgsConstructor
@Component
public class Dog {
    private String name;
    private Integer age;

}

通过yml注入

person:
  name: zz
  age: 3
  lists: [code,music]
  dog:
    name: xx
    age: 3

实体类要使用@Component让springboot识别】

然后被注入的实体类也要使用@ConfigurationProperties(prefix = “xxx”)注解进行标记识别，xxx就是yml文件的对象名，名字要互相对应，不然报错。

测试结果

JSR303校验

可以自己百度一下，yml文件格式支持JSR303校验

大概就是进行验证的，可以通过各种注解判断，是否是邮箱格式什么的，也可以通过正则表达式自定义格式进行校验。

多个配置文件的yml写法 ：使用—分割 就相当于一个新的配置文件，可以通过spring.profiles起名字

通过

spring:
  profiles:
    active: xxx

引用文件

person:
  name: zz
  age: 3
  lists: [code,music]
  dog:
    name: xx
    age: 3
server:
  port: 8081
spring:
  profiles:
    active: dev
---
server:
  port: 8082
spring:
  profiles: dev
---
server:
  port: 8083
spring:
  profiles: test

自动装配原理：

• springboot启动加载大量的自动配置类
• 我们看我们需要的功能有没有在springboot默认写好的自动配置类中
• 我们再来看这个配置类中到底配置了哪些组件，只要我们用的组件存在其中，我们就可以不需要再手动配置了
• 给容器中自动配置类添加组件的时候，从properties类中获取某些属性，我们只需要在配置文件中指定这些属性值即可

xxxAutoConfigurartion：自动配置类，给容器中添加组件

xxxProperties：封装配置文件中相关属性

可以通过debug：true来查看哪些类生效了，哪些类没有生效！

SpringBoot Web开发

自动装配

1、创建应用，选择模块

springboot帮我们配置了什么？我们能不能修改，能修改哪些?能不能扩展？

• xxxAuto’Configuration 向容器中自动配置组件
• xxxproperties：自动配置类，装配配置文件中自定义的一些内容

要解决的问题：

• 导入静态资源
• 首页
• jsp，模板引擎 Thymeleaf
• 装配扩展SpringMVC
• 增删改查
• 拦截器
• 国际化

静态资源

相关源码：

public void addResourceHandlers(ResourceHandlerRegistry registry) {
            if (!this.resourceProperties.isAddMappings()) {
                logger.debug("Default resource handling disabled");
            } else {
                this.addResourceHandler(registry, "/webjars/**", "classpath:/META-INF/resources/webjars/");
                this.addResourceHandler(registry, this.mvcProperties.getStaticPathPattern(), (registration) -> {
                    registration.addResourceLocations(this.resourceProperties.getStaticLocations());
                    if (this.servletContext != null) {
                        ServletContextResource resource = new ServletContextResource(this.servletContext, "/");
                        registration.addResourceLocations(new Resource[]{resource});
                    }

                });

1.在springboot中我们可以使用以下方式处理静态资源

• webjars localhost:8080/webjars/…
• public，static，/**,resources —>localohost:8080/…

2.优先级：resources>static(默认)>public

首页如何定制

首页我们在public，static，/**,resources目录下都可以使用，我们只要命名为index.h tml就可以使用首页了

我们可以修改我们网页的默认图标，以我使用的2.7.11版本举例，只需要在static目录下将我们想要的图片改名为favicon.ico即可。

不行的话就在application.properties文件里将默认图标关闭

spring.mvc.favicon.enable=false

模板引擎

springboot推荐使用thymeleaf，在使用时我们需要导入依赖

这里有spring写好的启动器，我们导入即可

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

模板引擎的作用就是我们之前springMVC开发时，要配置默认路径在WEB-INF下的.jsp文件中，但是springboot没有这个了，就需要引入了，通过源码可以发现，只要在我们的classpath：templates文件下建**.html他就可以自动识别，从controller层跳转过去。

在springboot中，有非常多的xxxx Configuration帮助我们进行扩展配置，只要看到这个东西，我们需要注意了

1.首页配置：

​ 1、注意点，所有的页面的静态资源都需要使用thymeleaf接管；@{}

​ 2、url@{}

2、首页国际化：

​ 1、我们需要配置i18n（IDEA2020.1插件有问题，需要自己手动输入）

​ 2、我们如果需要在项目中，进行按钮自动切换，我们需要自己自定义一个组件

package com.zhao.config;

import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;


import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

public class MyLocaleResolver implements LocaleResolver {
    //解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        //获取请求中的语言参数
        String language = request.getParameter("lang");
        Locale locale = Locale.getDefault();//默认的,如果没有就是用默认的
        //如果请求的链接携带了国际化参数
        if (!StringUtils.isEmpty(language)){
            //zh_CN
            String[] split = language.split("_");
            //国家,地区
            locale = new Locale(split[0], split[1]);


        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}

​ 3、记得将自己写的组件配置到spring容器中@Bean

 //自定义的国际化组件，就生效了
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

​ 4、#{}

登录+拦截器

登录

package com.zhao.controller;

import com.sun.org.apache.regexp.internal.RE;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import javax.servlet.http.HttpSession;

@Controller
public class LoginController {
    @RequestMapping("/user/login")
    public String login(@RequestParam("username") String username, @RequestParam("password") String password, Model model, HttpSession session){
        //判断用户名密码
        if (!StringUtils.isEmpty(username) && "123456".equals(password)){
            session.setAttribute("loginUser",username);
            return "redirect:/main.html";


        }else {
            //告诉用户登陆失败
            model.addAttribute("msg","用户名或密码错误！");
            return "index";


        }


    }
    //注销功能
    @RequestMapping("user/logout")
    public String logout(HttpSession session){
        session.invalidate();
        return "redirect:/index.html";
    }
}

拦截器只需要在javaconfig文件中重写InterceptorRegistry的方法就可以

其中方法addPathPatterns()的参数是要拦截的路径，excludePathPatterns（）的参数是放掉拦截的路径，也就是拦截器不会拦截该路径，我们的首页或者css，js都需要绕过拦截器。

    //添加拦截器
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","/css/**","/img/**","/js/**","/main.html");

    }

员工列表展示

controller层

    @RequestMapping("/emps")
    public String list(Model model){
        Collection<Employee> employees = employeeDao.getAll();
        model.addAttribute("emps",employees);
        return "emp/list";
    }
 @GetMapping("/emp")
    public String toAddPage(Model model){
        //需要查出所有部门的信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/add";
    }

提取公共页面（页面复用）

前端页面有很多不变的地方，我们为了节省代码，可以将重复的公共区域进行提取复用

我们将提取出来的叫commons

公共部分入下

我们用thymeleaf组件replace语法可以替换公共部分块

抽取组件

<!--抽取组件作为复用-->

<!--	顶部导航栏-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topbar">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#" th:text="${session.loginUser}"></a>
    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
    <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
            <a class="nav-link" th:href="@{user/logout}">注销</a>
        </li>
    </ul>
</nav>


<!--侧边栏-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" th:fragment="sidebar">
    <div class="sidebar-sticky">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{/main.html}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                    </svg>
                    首页 <span class="sr-only">(current)</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
                        <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
                        <polyline points="13 2 13 9 20 9"></polyline>
                    </svg>
                    Orders
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart">
                        <circle cx="9" cy="21" r="1"></circle>
                        <circle cx="20" cy="21" r="1"></circle>
                        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
                    </svg>
                    Products
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='list.html'?'nav-link active':'nav-link'}" th:href="@{/emps}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                        <circle cx="9" cy="7" r="4"></circle>
                        <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                        <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                    </svg>
                    员工管理
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2">
                        <line x1="18" y1="20" x2="18" y2="10"></line>
                        <line x1="12" y1="20" x2="12" y2="4"></line>
                        <line x1="6" y1="20" x2="6" y2="14"></line>
                    </svg>
                    Reports
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers">
                        <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                        <polyline points="2 17 12 22 22 17"></polyline>
                        <polyline points="2 12 12 17 22 12"></polyline>
                    </svg>
                    Integrations
                </a>
            </li>
        </ul>

        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>Saved reports</span>
            <a class="d-flex align-items-center text-muted" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
            </a>
        </h6>
        <ul class="nav flex-column mb-2">
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Current month
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Last quarter
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Social engagement
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Year-end sale
                </a>
            </li>
        </ul>
    </div>
</nav>


</html>

在有些地方插入组件：

<div th:replace="~{commons/commons.html::topbar}"></div>

点击高亮判断

在插入重复块那里加参数，用括号就行，

<div th:replace="~{commons/commons.html::sidebar(active='list.html')}"></div>

然后在commons里面的对应a标签里面判断

判断使用三元式，nav-link设置高亮

<a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{/main.html}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                    </svg>
                    首页 <span class="sr-only">(current)</span>
                </a>

列表循环展示：遇到问题：在里面调用方法时会爆红，但是运行可以正常进行如图：

这是IDEA的问题，他认为HTML文件里没有el表达式，所以会报错，其实没错，我们就设置一下不让它报错，当然你也可以alt+回车快速生成定义解决

以下是设置：

添加员工

1、按钮提供

在前端写上对应的添加员工标签

class 是样式 btn代表按钮 btn-sm代表小按钮 btn-success代表绿色的

<h3><a class="btn btn-sm btn-success" th:href="@{/emp}">添加员工</a></h3>

thymeleaf用th：来引入他的模板，但是html前面需要写命名空间来引入，类似cdn

<html lang="en" xmlns:th="http://www.thymeleaf.org">

@{}用来取地址

${}用来取值

2、跳转到添加页面

写完前端之后，我们来写controller层调用我们写号的业务层

    @GetMapping("/emp")
    public String toAddPage(Model model){
        //需要查出所有部门的信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/add";
    }

3、添加到员工成功,返回首页

我们到对应的添加页面之后，在填入参数之后，我们点击提交按钮的时候，我们应该回到我们的列表页面，并且显示出我们所有的数据，这个在list我们已经有对应的方法了，只需要重定向到该页面就好啦

    @PostMapping("/emp")
    public String AddEmp(Employee employee){

        //添加的操作
        System.out.println("Save===>"+employee);
        employeeDao.save(employee);//调用底层的方法，将前端保存的员工对象传到后端保存
        return "redirect:emps";
    }

修改和删除也同理，我们写出前端对应的标签，然后写controller层进行视图跳转并调用业务层来操作dao层来调用数据并显示给前端，

修改和删除的controller

    //去员工的修改页面
    @GetMapping("emp/{id}")
    public String toUpdateEmp(@PathVariable("id")Integer id,Model model){
        //查出原来的数据
        Employee employeeById = employeeDao.getEmployeeById(id);
        model.addAttribute("emp",employeeById);
        //需要查出所有部门的信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/update";
    }

    //修改
    @PostMapping("/updateEmp")
    public String updateEmp(Employee employee){
        employeeDao.save(employee);

        return "redirect:emps";

    }

    //删除员工
    @GetMapping("/delemp/{id}")
    public String deleteEmp(@PathVariable("id")int id){
        employeeDao.delete(id);
        return "redirect:/emps";
    }

小整理

我们来重新整理一下我们写的代码

首先我们来看层级目录

后端的

前端的

实体类

没什么可说的

package com.zhao.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

//部门表
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Department {
    private Integer id;
    private String departmentName;
}

package com.zhao.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.format.annotation.DateTimeFormat;

import java.util.Date;

//员工表
@Data
@NoArgsConstructor

public class Employee {
    private Integer id;
    private String lastName;
    private String email;
    private Integer gender;//o:女 1：男

    private Department department;
    @DateTimeFormat(pattern = "yyyy-MM-dd")
    private Date birth;

    public Employee(Integer id, String lastName, String email, Integer gender, Department department) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
        this.birth = new Date();
    }
}

dao层

因为没有连数据库，我们在这里需要自己模拟一个数据库

部门dao

package com.zhao.dao;

import com.zhao.pojo.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;

import java.util.HashMap;
import java.util.Map;

//部门dao
@Repository
public class DepartmentDao {
    //模拟数据库中的数据
    private static Map<Integer, Department> departments = null;
    static {
        departments = new HashMap<Integer, Department>();//创建一个部门表
        departments.put(101,new Department(101,"教学部"));
        departments.put(102,new Department(102,"市场部"));
        departments.put(103,new Department(103,"教研部"));
        departments.put(104,new Department(104,"运营部"));
        departments.put(105,new Department(105,"后勤部"));
    }

    //获得所有部门信息
    public Collection<Department> getDepartments(){
        return departments.values();
    }
    //通过id得到部门
    public Department getDepartmentById(Integer id){
        return departments.get(id);
    }

}

员工dao

这里面主要写增删改查方法

{

    //模拟数据
    private static Map<Integer, Employee> employees = null;
    //员工有所属的部门
    @Autowired
    private DepartmentDao departmentDao;
    static {
        employees = new HashMap<Integer, Employee>();//创建一个部门表
        employees.put(1001,new Employee(1001,"AA","azz6666@qq.com",1,new Department(101,"教学部")));
        employees.put(1002,new Employee(1002,"BB","bzz6666@qq.com",0,new Department(102,"市场部")));
        employees.put(1003,new Employee(1003,"CC","czz6666@qq.com",1,new Department(103,"教研部")));
        employees.put(1004,new Employee(1004,"DD","dzz6666@qq.com",0,new Department(104,"运营部")));
        employees.put(1005,new Employee(1005,"EE","ezz6666@qq.com",1,new Department(105,"后勤部")));
    }

    //主键自增
    private static Integer initId = 1006;
    //增加一个员工
    public void save(Employee employee){
        if (employee.getId()==null){
            employee.setId(initId++);
        }
        employee.setDepartment(departmentDao.getDepartmentById(employee.getDepartment().getId()));
        employees.put(employee.getId(),employee);

    }
    //查询全部员工信息
    public Collection<Employee> getAll(){
        return employees.values()   ;
    }

    //通过Id查询员工
    public Employee getEmployeeById(Integer id){
        return employees.get(id);
    }
    //删除员工
    public void delete(Integer id){
        employees.remove(id);
    }

}

controller层

登录controller

package com.zhao.controller;

import com.sun.org.apache.regexp.internal.RE;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import javax.servlet.http.HttpSession;

@Controller
public class LoginController {
    @RequestMapping("/user/login")
    public String login(@RequestParam("username") String username, @RequestParam("password") String password, Model model, HttpSession session){
        //判断用户名密码
        if (!StringUtils.isEmpty(username) && "123456".equals(password)){
            session.setAttribute("loginUser",username);
            return "redirect:/main.html";


        }else {
            //告诉用户登陆失败
            model.addAttribute("msg","用户名或密码错误！");
            return "index";


        }


    }
    @RequestMapping("user/logout")
    public String logout(HttpSession session){
        session.invalidate();
        return "redirect:/index.html";
    }
}

员工controller

package com.zhao.controller;

import com.zhao.dao.DepartmentDao;
import com.zhao.dao.EmployeeDao;
import com.zhao.pojo.Department;
import com.zhao.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;

import java.util.Collection;

@Controller
public class EmployeeController {

    @Autowired
    EmployeeDao employeeDao;
    @Autowired
    DepartmentDao departmentDao;

    @RequestMapping("/emps")
    public String list(Model model){
        Collection<Employee> employees = employeeDao.getAll();
        model.addAttribute("emps",employees);
        return "emp/list";
    }

    @GetMapping("/emp")
    public String toAddPage(Model model){
        //需要查出所有部门的信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/add";
    }

    @PostMapping("/emp")
    public String AddEmp(Employee employee){

        //添加的操作
        System.out.println("Save===>"+employee);
        employeeDao.save(employee);//调用底层的方法，将前端保存的员工对象传到后端保存
        return "redirect:emps";
    }

    //去员工的修改页面
    @GetMapping("emp/{id}")
    public String toUpdateEmp(@PathVariable("id")Integer id,Model model){
        //查出原来的数据
        Employee employeeById = employeeDao.getEmployeeById(id);
        model.addAttribute("emp",employeeById);
        //需要查出所有部门的信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/update";
    }

    //修改
    @PostMapping("/updateEmp")
    public String updateEmp(Employee employee){
        employeeDao.save(employee);

        return "redirect:emps";

    }

    //删除员工
    @GetMapping("/delemp/{id}")
    public String deleteEmp(@PathVariable("id")int id){
        employeeDao.delete(id);
        return "redirect:/emps";
    }
}

自定义config

里面包括国际化，还有url替换，拦截器的设置

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/main.html").setViewName("dashboard");
    }

    //自定义的国际化组件，就生效了
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

    //添加拦截器
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","/css/**","/img/**","/js/**","/main.html");

    }
}

//自定义国际化
public class MyLocaleResolver implements LocaleResolver {
    //解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        //获取请求中的语言参数
        String language = request.getParameter("lang");
        Locale locale = Locale.getDefault();//默认的,如果没有就是用默认的
        //如果请求的链接携带了国际化参数
        if (!StringUtils.isEmpty(language)){
            //zh_CN
            String[] split = language.split("_");
            //国家,地区
            locale = new Locale(split[0], split[1]);


        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}

//拦截器
public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //登陆成功之后，应该有用户的Session
        Object loginUser = request.getSession().getAttribute("loginUser");
        if (loginUser==null){
            //没有登录
            request.setAttribute("msg","没有权限，请先登录！");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else {
            return true;
        }

    }

}

配置文件

application.properties

#设置图标
spring.mvc.favicon.enable=false

#引入thymeleaf模板
spring.thymeleaf.cache=false

#国际化
spring.messages.basename=i18n.login

#时间格式化
spring.mvc.format.data=yyyy-MM-dd

在剩下就是前端的东西了，之后希望可以继续改完这个项目，通过数据库mybatis/mybatis-plus，希望大家越学学牛逼！！！

lt();//默认的,如果没有就是用默认的
//如果请求的链接携带了国际化参数
if (!StringUtils.isEmpty(language)){
//zh_CN
String[] split = language.split(“_”);
//国家,地区
locale = new Locale(split[0], split[1]);

    }
    return locale;
}

@Override
public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

}

}

```java
//拦截器
public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //登陆成功之后，应该有用户的Session
        Object loginUser = request.getSession().getAttribute("loginUser");
        if (loginUser==null){
            //没有登录
            request.setAttribute("msg","没有权限，请先登录！");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else {
            return true;
        }

    }

}

配置文件

application.properties

#设置图标
spring.mvc.favicon.enable=false

#引入thymeleaf模板
spring.thymeleaf.cache=false

#国际化
spring.messages.basename=i18n.login

#时间格式化
spring.mvc.format.data=yyyy-MM-dd

在剩下就是前端的东西了，之后希望可以继续改完这个项目，通过数据库mybatis/mybatis-plus，希望大家越学学牛逼！！！

未完待续。。。。。