如何设计网站制作方案/seo搜狗

一、数据库搭建

二、代码开发

1.pom.xml

2.thymeleaf模块处理的配置类

3.application配置文件

4.配置（在启动类中）

5.编写数据层

②编写dao层

③编写service层

接口

实现类

注意

补充（注入的3个注解）

1.@AutoWired（类型注入）

2.@Qualifier（名称注入）

3.@Qualifier

④编写controller层

前端页面

1.add.html

3.index.html

5.main.html

7.update.html

css

4.style.css

controller代码

⑤编写拦截类

三、测试

搭建一个简单的登录拦截页面。

首先，先来看一下最终的目录结构：

一、数据库搭建

这里演示案例用的是MySQL数据库，并且数据库名称和表格结构如下所示：

可以通过手动图形点击的方式实现；或是打开一个查询页面，然后输入下面的SQL语句：

-- 创建数据库（如果尚未存在）
CREATE DATABASE IF NOT EXISTS boot_demo;
-- 使用数据库
USE boot_demo;
-- 创建表格
CREATE TABLE IF NOT EXISTS txperson (pid INT PRIMARY KEY,username VARCHAR(255) NOT NULL,password VARCHAR(255) NOT NULL,p_addr INT,pname VARCHAR(255),gender INT,birth DATE
);

二、代码开发

首先创建一个springboot项目，详细步骤参见下面这篇文章（任选里面一种即可）：

SpringBoot（一）--搭建架构5种方法_springboot框架搭建-CSDN博客文章浏览阅读2.2k次，点赞19次，收藏39次。Spring Boot 是基于 Spring 框架，以约定优于配置、自动配置为核心，可快速构建独立运行的应用，为微服务等开发提供便利的开发框架。前面已经对SSM(Spring,SpringMVC,MyBatis)每个框架做了讲解，SpringBoot就是基于这个框架一个更简单、更有利于开发。_springboot框架搭建https://blog.csdn.net/m0_74977981/article/details/146139845?spm=1001.2014.3001.5502

1.pom.xml

首先导入项目所需要的依赖；这是在搭建一个项目后开始写代码之前的第一步骤。

怎么在maven中央仓库找到自己需要的代码和版本参见下面这篇文章的这一部分：

SSM项目的基本目录结构_ssm框架项目的工程目录-CSDN博客文章浏览阅读662次，点赞19次，收藏21次。一个完整的SSM（Spring+SpringMVC+MyBatis）项目理应包含以下几个目录结构：上面是一个普通的maven项目。_ssm框架项目的工程目录https://blog.csdn.net/m0_74977981/article/details/145968984?spm=1001.2014.3001.5502#t17这里我的jdk版本的1.8即Java8;springboot框架是2.7.0版本，老规矩我会将演示案例的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><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.0</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>cn.tx.springboot</groupId><artifactId>tx_sys</artifactId><version>0.0.1-SNAPSHOT</version><name>tx_sys</name><description>Demo project for Spring Boot</description><dependencies><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-devtools</artifactId><optional>true</optional></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!--导入jquery--><dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.3.1</version></dependency><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>1.3.1</version></dependency><dependency><groupId>com.alibaba</groupId><artifactId>druid</artifactId><version>1.0.9</version></dependency><dependency><groupId>log4j</groupId><artifactId>log4j</artifactId><version>1.2.17</version></dependency><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><scope>runtime</scope></dependency><dependency><groupId>net.sourceforge.nekohtml</groupId><artifactId>nekohtml</artifactId><version>1.9.22</version></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>

2.thymeleaf模块处理的配置类

package cn.tx.springboot.srcConfig;import cn.tx.springboot.interceptor.LoginInterceptor;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;import java.util.ArrayList;
import java.util.List;/*** Spring MVC 配置类* 用于配置视图控制器和拦截器*/
@Configuration
public class TxMvcConfig implements WebMvcConfigurer {/*** 添加视图控制器* 用于直接将请求映射到视图页面，而不需要通过Controller类处理** @param registry 视图控制器注册器*/@Overridepublic void addViewControllers(ViewControllerRegistry registry) {// 将 /index 请求映射到 index 视图页面registry.addViewController("/index").setViewName("index");// 将 /menu 请求映射到 menu 视图页面registry.addViewController("/menu").setViewName("menu");// 将 /header 请求映射到 header 视图页面registry.addViewController("/header").setViewName("header");// 将 /login 请求映射到 login 视图页面registry.addViewController("/login").setViewName("login");// 将 /add 请求映射到 add 视图页面registry.addViewController("/add").setViewName("add");}/*** 添加拦截器* 配置一个登录拦截器，用于拦截请求并执行登录验证逻辑** @param registry 拦截器注册器*/@Overridepublic void addInterceptors(InterceptorRegistry registry) {// 创建一个排除路径的列表List<String> excludePatterns = new ArrayList<>();// 添加不需要拦截的路径excludePatterns.add("/css/**");       // 排除所有以 /css/ 开头的静态资源路径excludePatterns.add("/images/**");    // 排除所有以 /images/ 开头的静态资源路径excludePatterns.add("/webjars/**");   // 排除所有以 /webjars/ 开头的路径excludePatterns.add("/login");        // 排除登录页面路径excludePatterns.add("/toLogin");      // 排除跳转到登录页面的路径// 注册登录拦截器// 拦截所有请求路径，但排除上述定义的路径registry.addInterceptor(new LoginInterceptor()).addPathPatterns("/**")       // 拦截所有路径.excludePathPatterns(excludePatterns); // 排除指定路径}
}

这段代码中使用了addViewController方法，它是ViewControllerRegistry接口提供的一个方法，用于将请求路径映射到视图名称（这么用主要是因为可以在一个方法中实现多条路径的映射）。具体语法如下：

registry.addViewController("/path").setViewName("viewName");

3.application配置文件

接着在配置文件配置好链接数据库的信息：

spring:datasource:username: rootpassword: 2020url: jdbc:mysql://localhost:3306/boot_demo?serverTimezone=GMT%2B8driver-class-name: com.mysql.cj.jdbc.Drivertype: com.alibaba.druid.pool.DruidDataSourceinitialSize: 5minIdle: 5maxActive: 20maxWait: 60000timeBetweenEvictionRunsMillis: 60000minEvictableIdleTimeMillis: 300000validationQuery: SELECT 1 FROM DUALtestWhileIdle: truetestOnBorrow: falsetestOnReturn: falsepoolPreparedStatements: truefilters: stat,wall,log4jmaxPoolPreparedStatementPerConnectionSize: 20useGlobalDataSourceStat: trueconnectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500mvc:format:date: yyyy-MM-dd

这里面的配置项解析参见：SpringBoot 第三课（Ⅰ）数据层开发-CSDN博客

除此之外，这里额外注意一点：

注意框起来的.cj.

在配置驱动时会遇见这个问题，有的加cj，有的不加cj，但是在某些时刻好像都是正确的，这就涉及到一些版本问题了：

MySQL现在三个版本：5.6（低版本）；5.7（低版本）；8.0（高版本）

但是能不能用cj，取决于jar包，并不是MySQL的版本决定的。

如果你需要使用 com.mysql.cj.jdbc.Driver，那么你需要引入 MySQL Connector/J 8.x 的依赖；同理如果是引入5.x的依赖，那么在配置文件这里就不用加cj。

4.配置（在启动类中）

可以选择加一个config包，里面写配置类；也可以写在springboot的项目启动类中，在这里我采用将配置写进启动类中（因为我这个演示的项目逻辑比较简单，一般情况下不建议这么做）：

package cn.tx.springboot;import com.alibaba.druid.pool.DruidDataSource;
import com.alibaba.druid.support.http.StatViewServlet;
import com.alibaba.druid.support.http.WebStatFilter;
import org.mybatis.spring.annotation.MapperScan;
import org.mybatis.spring.boot.autoconfigure.ConfigurationCustomizer;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.boot.web.servlet.ServletRegistrationBean;
import org.springframework.context.annotation.Bean;import java.util.Arrays;
import java.util.HashMap;
import java.util.Map;@MapperScan("cn.tx.springboot.dao")  //在驱动类标注好mapper的文件包，这样就不用在每个dao接口文件中标注@Mapper了
@SpringBootApplication
public class TxSysApplication {public static void main(String[] args) {SpringApplication.run(TxSysApplication.class, args);}@ConfigurationProperties(prefix = "spring.datasource")@Beanpublic DruidDataSource getDruidDataSource(){return new DruidDataSource();}@Beanpublic ServletRegistrationBean statViewServlet(){ServletRegistrationBean bean = new ServletRegistrationBean(new StatViewServlet(),"/druid/*");Map<String,String> initParams = new HashMap<>();initParams.put("loginUsername","root");initParams.put("loginPassword","root");initParams.put("allow","");//默认就是允许所有访问initParams.put("deny","192.168.15.21");bean.setInitParameters(initParams);return bean;}//2、配置一个web监控的filter@Beanpublic FilterRegistrationBean webStatFilter(){FilterRegistrationBean bean;bean = new FilterRegistrationBean();bean.setFilter(new WebStatFilter());Map<String,String> initParams = new HashMap<>();initParams.put("exclusions","*.js,*.css,/druid/*");bean.setInitParameters(initParams);bean.setUrlPatterns(Arrays.asList("/*"));return bean;}@Beanpublic ConfigurationCustomizer getCustomizer(){return new ConfigurationCustomizer() {@Overridepublic void customize(org.apache.ibatis.session.Configuration configuration) {configuration.setMapUnderscoreToCamelCase(true);}};}
}

5.编写数据层

①编写实体类

package cn.tx.springboot.model;import java.util.Date;public class TxPerson {private int pid;private String username;private String password;private String pAddr;private String pname;private int gender;private Date birth;public TxPerson() {}public TxPerson(int pid, String username, String password, String addr, int gender, Date birth) {this.pid = pid;this.username = username;this.password = password;this.pAddr = pAddr;this.gender = gender;this.birth = birth;}public int getPid() {return pid;}public void setPid(int pid) {this.pid = pid;}public String getPname() {return pname;}public void setPname(String pname) {this.pname = pname;}public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}public String getpAddr() {return pAddr;}public void setpAddr(String pAddr) {this.pAddr = pAddr;}public int getGender() {return gender;}public void setGender(int gender) {this.gender = gender;}public Date getBirth() {return birth;}public void setBirth(Date birth) {this.birth = birth;}@Overridepublic String toString() {return "TxPerson{" +"pid=" + pid +", username='" + username + '\'' +", password='" + password + '\'' +", pAddr='" + pAddr + '\'' +", pname='" + pname + '\'' +", gender=" + gender +", birth=" + birth +'}';}
}

②编写dao层

这里选用SQL全注解的形式编写dao接口文件：

package cn.tx.springboot.dao;import cn.tx.springboot.model.TxPerson;
import org.apache.ibatis.annotations.*;
import org.springframework.stereotype.Service;
import org.springframework.ui.Model;import java.util.List;
import java.util.Map;//@Mapper
/*** IDEA在注入处报错（报红），因为找不到注入的对象，因为类是动态创建的，但是程序可以正确的执行。* 为了避免报错，可以在被注入dao接口上添加 @Repository 注解* */
@Repositorypublic interface PersonDao {@Select("select * from txperson")public List<TxPerson> select();@Select("select * from txperson where pid=#{pid}")public TxPerson getPersonById(int pid);@Update("update txperson set " +"username=#{username}," +"password=#{password}," +"pname=#{pname}," +"p_addr=#{pAddr}," +"gender=#{gender}," +"birth=#{birth} " +"where pid=#{pid}")public void updatePerson(TxPerson txPerson);@Options(useGeneratedKeys = true,keyProperty = "pid")@Insert("insert into txperson(pid, username,password,pname, p_addr,gender, birth)" +" values(#{pid}, #{username},#{password},#{pname}, #{pAddr},#{gender}, #{birth})")public void insert(TxPerson P);@Delete("delete from txperson where pid=#{pid}")public int delete(int pid);@Select("select * from txperson where username=#{username} and password=#{password}")public TxPerson getPersonUsepass(Map map);
}

可以看见在这个文件中，我将@Mapper注释掉了，但是项目启动后仍旧能够正常运行起来，这是因为我在启动类中标注了扫描路径。

注：其实可以发现，这么编写相较于Spring框架的编写格式来说，省去了编写Mapper.xml文件（因为将sql语句直接赋予给dao接口了），这么编写大大节省的代码量。

但是这么写还是不够精简，后面为了方便项目开发，将引进MyBatisPlus技术，实现省略简单SQL语句的编写。