目录
- Spring Boot 整合 JSP
- 1. 配置依赖
- 2. 创建WEB目录结构,配置JSP解析路径
- 3. 创建Controller类
- 4. 修改application.yml
- 5. 添加jstl标签库的依赖
- 6. JSP页面
- 7. 创建启动类
- Spring Boot 整合 Thymeleaf
- 1. 添加Thymeleaf依赖
- 2. Controller
- 3. 修改`application.yml`配置:
- 4. 创建页面
- 5. 访问
Spring Boot 整合 JSP
在Spring Boot项目里写 jsp 是可以的,但是需要准备一个 web 项目的目录结构。
1. 配置依赖
新建一个普通Maven项目,不需要模板的支持:
在pom.xml里面添加Spring Boot的依赖:
SpringBoot依赖和SpringMVC的依赖:
<?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>com.veeja</groupId><artifactId>springboot-jsp</artifactId><version>1.0-SNAPSHOT</version><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><!-- 继承方式:添加SpringBoot启动器 --><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.1.10.RELEASE</version></parent><!-- 添加SpringMVC启动器依赖 --><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><version>2.1.10.RELEASE</version></dependency></dependencies></project>
2. 创建WEB目录结构,配置JSP解析路径
在src/main/下创建文件夹webapp,在webapp目录下创建WEB-INF文件夹:
配置JSP解析路径:
File→Project Structure→Modules→项目,web→点击下面的”+”号→选择当前项目里jsp的路径→ok→ok→Apply ok。
这回webapp路径下 就让创建jsp页面了。
3. 创建Controller类
我们做一些假的数据就可以了:
package com.veeja.controller;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import java.util.ArrayList;
import java.util.List;/*** @Author veeja* 2021/1/8 14:03*/
@Controller
public class MyController {@RequestMapping("/show")public String show(Model model) {List<String> list = new ArrayList<>();list.add("liuweijia");list.add("lilingjie");list.add("limeimei");list.add("liushuaishuai");model.addAttribute("lsit", list);return "show";}
}
4. 修改application.yml
server:port: 8086spring:mvc:view:prefix: /WEB-INF/jspsuffix: .jsp
5. 添加jstl标签库的依赖
<dependency><groupId>jstl</groupId><artifactId>jstl</artifactId><version>1.2</version>
</dependency><dependency><groupId>taglibs</groupId><artifactId>standard</artifactId><version>1.1.2</version>
</dependency>
6. JSP页面
<%--Created by IntelliJ IDEA.User: veejaDate: 2021/1/8Time: 14:11To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>首页</title>
</head>
<body><c:forEach items="list" var="s">${s}<br/></c:forEach></body>
</html>
7. 创建启动类
package com;import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;/*** @Author veeja* 2021/1/8 14:17*/
@SpringBootApplication
public class MyApplication {public static void main(String[] args) {SpringApplication.run(MyApplication.class, args);}
}
启动服务,访问页面即可。
结果他妈的这个逼东西没有解析,
我排查了好久,实在不知道为啥,放弃了。
等一个有缘人来解决吧。
Spring Boot 整合 Thymeleaf
Spring Boot 官方推荐使用thymeleaf作为 视图展示技术。
thymeleaf 就是html页面,只不过是在html页面的标签里插入thymeleaf 的语法 ,达到的效果跟jsp一样。
Thymeleaf的文件必须在一个templates文件夹中,该文件夹还有个特性:跟 WEB-INF 一样。不能通过浏览器url直接访问;所有 thymeleaf 页面必须先走控制器。
thymeleaf的 效率 高于jsp:
JSP:
第一次访问:jsp→.java→.class→.html
之后的访问 :.class→.html
Thymeleaf: 本身就是html
1. 添加Thymeleaf依赖
<!-- 添加 Thymeleaf 的依赖 -->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId><version>2.1.10.RELEASE</version>
</dependency>
2. Controller
写一个简单的Controller,service层就借用之前的SpringBoot1项目的StudentService。
Controller:
/*** @Author veeja* 2021/1/7 11:44*/
@RestController
public class StudentController {@Resourceprivate StudentService studentService;@RequestMapping("/getAll")public ModelAndView getAll() {ModelAndView mv = new ModelAndView();mv.addObject("list", studentService.selectAll());mv.setViewName("show");return mv;}
}
3. 修改application.yml
配置:
mvc:view:prefix: classpath:/templates/suffix: .html
4. 创建页面
在src/main/resources/
下创建templates
文件夹,并且在该文件夹下创建index.html页面:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title>Title</title></head><body><table><tr><td>学生ID</td><td>学生姓名</td><td>学生年龄</td></tr><tr th:each="student:${list}"><td th:text="${student.id}"></td><td th:text="${student.name}"></td><td th:text="${student.age}"></td></tr></table></body>
</html>
5. 访问
浏览器访问即可: