第五章整合视图层技术

最新推荐文章于 2024-09-23 17:27:13 发布

阳仔蛋炒饭

最新推荐文章于 2024-09-23 17:27:13 发布

阅读量128

点赞数

分类专栏： spring boot 从零开始文章标签： spring java spring boot jsp vue.js

本文链接：https://blog.csdn.net/yangzhiwei273/article/details/115935158

版权

spring boot 从零开始专栏收录该内容

11 篇文章 1 订阅

订阅专栏

使用Vue.js 的前后端分离的化，不需要整合。

一、SpringBoot整合jsp

重点：

注意:创建SpringBoot整合JSP，一定要为war类型，否则会找不到页面。

1、引入依赖

在maven的dependencies的依赖中除了springBoot启动器还要添加对jstl和jsp的依赖。

<dependencies> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> </dependency> <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <scope>provided</scope> </dependency> </dependencies>

2、在application.properties中修改jsp全局访问设置。

spring.mvc.view.prefix=/WEB-INF/jsp/

spring.mvc.view.suffix=.jsp

接下来就只需要在controller中返回spring类型的视图名称即可访问到WEB-INF/jsp/中相应的jsp文件

3、测试demo

书写 controller

@Controller public class UserController { @RequestMapping("/showUser") public String showUser(Model model) { List<User> userList = new ArrayList<>(); userList.add(new User("鬼魅传说")); userList.add(new User("魑魅魍魉")); userList.add(new User("妖魔")); model.addAttribute("userList", userList); return users; } }

书写WEB-INF/jsp/users.jsp

<%@page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@tagbib url="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
</head>
<body>
<table border="1" align="center" width="50%">
<tr>
<th>id</th>
<th>name</th>
<th>age</th>
</tr>
<c:forEach items="${userList}" var="user">
<tr>
<td>${user.id}</td>
<td>${user.name}</td>
<td>${user.age}</td>
</tr>
</c:forEach>
</table>
</body>
</html>

测试页面。

二、springboot整合Thymeleaf

在maven中添加对thymeleaf的依赖。

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

视图存放的位置为src/main/resources/templates，该目录是安全的，意味着该目录下的内容不允许被外界直接访问。

书写 user类，拥有 id，name，age三个属性。

import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;


//@Data
@ApiModel(description = "用户模型")
public class UserPO {
    public UserPO(String Name) {
        this.name = Name;
    }

    @ApiModelProperty(value = "name")
    public String name;
    @ApiModelProperty(value = "id")
    public String id;
    @ApiModelProperty(value = "age")
    public String age;

书写 controller，在model中添加attributeute的userList即可