Spring Boot 整合视图层技术,application全局配置文件

目录
  • Spring Boot 整合视图层技术
  • Spring Boot 整合jsp
  • Spring Boot 整合freemarker

Spring Boot 整合视图层技术

Spring Boot 整合jsp
Spring Boot 整合Freemarker
Spring Boot 整合 Thymeleaf  (重点讲解,官方推荐)

Spring Boot 整合jsp

步骤:

  1. 新建maven project的Spring Boot 的jar项目
    Spring Boot 整合视图层技术,application全局配置文件_第1张图片
    Spring Boot 整合视图层技术,application全局配置文件_第2张图片
  2. 打开pom.xml文件 加入jsp依赖
    Spring Boot 整合视图层技术,application全局配置文件_第3张图片
    代码如下:
 
        org.springframework.boot
        spring-boot-starter-parent
        2.2.4.RELEASE
    
    
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
        
            javax.servlet
            jstl
        
        
        
            org.apache.tomcat.embed
            tomcat-embed-jasper
        
    

  1. 编写控制器Controller(不访问数据库)
    Spring Boot 整合视图层技术,application全局配置文件_第4张图片
    代码如下:
@Controller
public class UserController {
	/**
	 * 获取用户信息,到jsp页面进行展示
	*/
	@RequestMapping("/userList")
	public String getUsersAll(Model model) {
		//访问业务层-->数据访问层mapper-->mybatis数据库获取所有用户信息
		//模拟,定义固定的用户信息
		List list=new ArrayList();
		list.add(new User("007", "小张", 22));
		list.add(new User("009","小康",32));
		list.add(new User("012","小健",18));
		model.addAttribute("list", list);
		//配置springmvc的视图解析器,前缀:/WEB-INF/   后缀: .jsp
		return "index";
	}
}

  1. 创建Spring Boot的全局配置文件 application.properties
    src/main/resources-->创建-->application.properties
    Spring boot默认识别两个全局配置文件:application.properties和application.yml
    Spring Boot 整合视图层技术,application全局配置文件_第5张图片
    代码:
#配置jsp的访问的前缀和后缀 (视图解析器)
spring.mvc.view.prefix=/WEB-INF/
spring.mvc.view.suffix=.jsp

  1. 视图层 jsp
    src/main-->webapp-->WEB-INF-->index.jsp
    Spring Boot 整合视图层技术,application全局配置文件_第6张图片
    代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>



    
    用户显示页面



        
用户编号 用户名称 年龄
${user.id} ${user.username} ${user.age}
  1. 启动类
@SpringBootApplication
public class App {
    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}
  1. 运行 浏览器输入 localhost:8080/userList
    在这里插入图片描述

Spring Boot 整合freemarker

  1. 创建maven project 的jar 的spring boot 项目 (步骤一样省略)
  2. 打开pom.xml,加入freemarker相关依赖
    Spring Boot 整合视图层技术,application全局配置文件_第7张图片
    代码:

     
     
     	org.springframework.boot
    	spring-boot-starter-web
     
     
     
     
     	org.springframework.boot
    	spring-boot-starter-freemarker
     
  

  1. 编写控制器Controller
    Spring Boot 整合视图层技术,application全局配置文件_第8张图片
  2. 视图层 freemarker
    freemarker 页面必须放入src/main/resources下的templates目录下,并且页面的扩展名为:ftl
    Spring Boot 整合视图层技术,application全局配置文件_第9张图片
    代码:




用户显示页面


   
	   <#list list as user>
	       
用户编号 用户名称 年龄
${user.id} ${user.username} ${user.age}
  1. 创建Spring Boot的全局配置文件 application.properties
    Spring Boot 整合视图层技术,application全局配置文件_第10张图片
    代码:
# 模板编码。
spring.freemarker.charset= UTF-8
# 后缀,在构建URL时附加到查看名称。
spring.freemarker.suffix=.ftl
# 逗号分隔的模板路径列表。src/main/resources==classpath
spring.freemarker.template-loader-path=classpath:/templates/
server.port=8081
  1. 启动类
@SpringBootApplication
public class App {
	public static void main(String[] args) {
		SpringApplication.run(App.class, args);
	}
}

运行
Spring Boot 整合视图层技术,application全局配置文件_第11张图片

你可能感兴趣的:(Spring Boot 整合视图层技术,application全局配置文件)