首先要说的是,这个项目实战是参考自黑马,可以去对应视频看一看:https://www.bilibili.com/video/BV1ct411x7CN
首先第一步就是创建一个最基本的spring-boot项目
这是下一篇的地址https://blog.csdn.net/qq_41115379/article/details/113032617
大致步骤如下:
父工程:
在pom里加入
<!-- 继承Spring Boot的默认父工程 -->
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.0.4.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
修改jdk版本为1.8(这个可用可不用吧)
<!-- 修改参数 -->
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<!-- jdk的编译版本,修改之后需要Update Project -->
<java.version>1.8</java.version>
</properties>
web支持
<!-- 导入Web支持:Spring web开发支持,servlet相关程序等 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
(当然,如果你是用idea创建的spring-boot项目,并且导入了web-app的话,前面这些都是可以省略的)
总体的pox如下:
<?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.4.2</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.example</groupId>
<artifactId>demo</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>demo</name>
<description>Demo project for Spring Boot</description>
<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.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>
</plugin>
</plugins>
</build>
</project>
然后是创建一个Controller
代码如下:
package com.example.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class UserController {
//测试方法
@ResponseBody
@RequestMapping("/hello")
public String hello(){
System.out.println("UserController.hello()");
return "ok";
}
}
开始启动系统自带的application就行(没有的话就新建一个)代码如下
package com.example;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class DemoApplication {
public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
}
}
这里要注意的是:如果你是用idea创建的,application是在demo包的,所以你启动之后,到localhost找不到的,所以要把application从demo包中拿出来
程序只加载Application.java所在包及其子包下的内容。
然后到浏览器输入:http://localhost:8080/hello
这是接下来的步骤:
首先在pom.xml下面加入依赖
<!-- 导入thymeleaf依赖 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
然后在刚刚的UserController类下加入
@RequestMapping("/testThymeleaf")
public String testThymeleaf(Model model){
//把数据存入到model中
model.addAttribute("name","wzw");
//返回界面
return "test";
}
要注意的是:
在使用 @RequestMapping后,返回值通常解析为跳转路径,
但是加上 @ResponseBody 后返回结果不会被解析为跳转路径,而是直接写入 HTTP response body
测试thymeleaf
所以注意的是 这边是没加@ResponseBody,也就是他就是一个跳转路径,所以要创建一个test
然后是在resources/templates 下创建test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试用的</title>
</head>
<body>
<hs th:text="${name}"></hs>
</body>
</html>
这里可能会有一个关于meta的报错(虽然我没出现)
把他改成就行了(多一个斜杠)
再运行一个application,输入http://localhost:8080/testThymeleaf
最后顺便修改一下thymeleaf的版本,在pom的properties加入即可
<thymeleaf.version>3.0.2.RELEASE</thymeleaf.version>
<thymeleaf-layout-dialect.version>2.0.4</thymeleaf-layout-dialect.version>
ps这里可能会出现这个错误
改成这个就行了(3.0.2改成3.0.11)
<thymeleaf.version>3.0.11.RELEASE</thymeleaf.version>
<thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>