静态页面

spring boot项目只有src目录，没有webapp目录，会将静态访问(html/图片等)映射到其自动配置的静态目录，如下

/static

/public

/resources

/META-INF/resources

比如，在resources建立一个static目录和index.htm静态文件，访问地址 http://localhost:8080/index.html

如果要从后台跳转到静态index.html，代码如下。

  1. @Controller
  2. public class HtmlController {
  3. @GetMapping("/html")
  4. public String html() {
  5. return "/index.html";
  6. }
@Controller

public class HtmlController {

	@GetMapping("/html")

	public String html() {

		return "/index.html";

	}

动态页面

动态页面需要先请求服务器，访问后台应用程序，然后再转向到页面，比如访问JSP。spring boot建议不要使用JSP，默认使用Thymeleaf来做动态页面。

在pom.xml  中添加Thymeleaf组件

  1. <dependency>
  2. <groupId>org.springframework.boot</groupId>
  3. <artifactId>spring-boot-starter-thymeleaf</artifactId>
  4. </dependency>
		<dependency>

			<groupId>org.springframework.boot</groupId>

			<artifactId>spring-boot-starter-thymeleaf</artifactId>

		</dependency>

TemplatesController.java

  1. package hello;
  2. import javax.servlet.http.HttpServletRequest;
  3. import org.springframework.stereotype.*;
  4. import org.springframework.web.bind.annotation.*;
  5. @Controller
  6. public class TemplatesController {
  7. @GetMapping("/templates")
  8. String test(HttpServletRequest request) {
  9. //逻辑处理
  10. request.setAttribute("key", "hello world");
  11. return "/index";
  12. }
  13. }
package hello;  

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.;


import org.springframework.web.bind.annotation.;

@Controller


public class TemplatesController {

@GetMapping("/templates")

String test(HttpServletRequest request) {

	//逻辑处理

	request.setAttribute("key", "hello world");

	return "/index";

}




}

@RestController：上一篇中用于将返回值转换成json

@Controller：现在要返回的是一个页面，所以不能再用@RestController，而用普通的@Controller/

request.setAttribute("key", "hello world")：这是最基本的语法，向页面转参数 key和value。

return "/index"： 跳转到 templates/index.html动态页面，templates目录为spring boot默认配置的动态页面路径。

index.html    将后台传递的key参数打印出来

  1. <!DOCTYPE html>
  2. <html>
  3. <span th:text="${key}"></span>
  4. </html>
<!DOCTYPE html>

<html>

<span th:text="${key}"></span>

</html>

访问http://localhost:8080/templates

这只是一个最基本的传参，templates标签和JSP标签一样，也可以实现条件判断，循环等各种功能。不过我在上一篇讲过，建议用静态html+rest替代动态页面，所以关于templates在此不做详细介绍

动态和静态区别

静态页面的return默认是跳转到/static/index.html，当在pom.xml中引入了thymeleaf组件，动态跳转会覆盖默认的静态跳转，默认就会跳转到/templates/index.html，注意看两者return代码也有区别，动态没有html后缀。

重定向

如果在使用动态页面时还想跳转到/static/index.html，可以使用重定向return "redirect:/index.html"。

  1. @GetMapping("/html")
  2. public String html() {
  3. return "redirect:/index.html";
  4. }
	@GetMapping("/html")

	public String html() {

		return "redirect:/index.html";

	}

spring boot-html和templates的更多相关文章

  1. Spring boot 直接访问templates中html文件

    application.properties 在浏览器中输入http://localhost:8080/index.html 会报一个 因为Spring boot 无法直接访问templates下的文 ...

  2. spring boot(4)-html和templates

     静态页面 spring boot项目只有src目录,没有webapp目录,会将静态访问(html/图片等)映射到其自动配置的静态目录,如下 /static /public /resources ...

  3. 玩转spring boot——结合redis

    一.准备工作 下载redis的windows版zip包:https://github.com/MSOpenTech/redis/releases 运行redis-server.exe程序 出现黑色窗口 ...

  4. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

  5. 玩转spring boot——结合JPA入门

    参考官方例子:https://spring.io/guides/gs/accessing-data-jpa/ 接着上篇内容 一.小试牛刀 创建maven项目后,修改pom.xml文件 <proj ...

  6. 玩转spring boot——结合JPA事务

    接着上篇 一.准备工作 修改pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=&q ...

  7. 玩转spring boot——结合AngularJs和JDBC

    参考官方例子:http://spring.io/guides/gs/relational-data-access/ 一.项目准备 在建立mysql数据库后新建表“t_order” ; -- ----- ...

  8. 玩转spring boot——MVC应用

    如何快速搭建一个MCV程序? 参照spring官方例子:https://spring.io/guides/gs/serving-web-content/ 一.spring mvc结合thymeleaf ...

  9. 第一个Spring Boot Web程序

    需要的环境和工具: 1.Eclipse2.Java环境(JDK 1.7或以上版本)3.Maven 3.0+(Eclipse已经内置了) 写个Hello Spring: 1.新建一个Maven项目,项目 ...

  10. Spring boot配置文件 application.properties

    http://www.tuicool.com/articles/veUjQba 本文记录Spring Boot application.propertis配置文件的相关通用属性 # ========= ...

随机推荐

  1. FTP服务器建立windows与Linux的文件共享与读写操作

    centos7搭建vsftpd  2018-11-15 我们有时想要windows与Linux互传文件,就要用到vsftpd了.它仅仅在windows上面操作,就可以实现与Linux的通信,详情如下: ...

  2. 实验十二 团队作业8：软件测试与Alpha冲刺

    实验十二 团队作业8:软件测试与Alpha冲刺 实验时间 2018-6-13 Deadline: [6.13-6.19]之间任选连续5天的23:00,以团队随笔博文提交时间为准. 评分标准: 按时交 ...

  3. iOS应用架构谈－part1概述

    当我们讨论客户端应用架构的时候,我们在讨论什么? 其实市面上大部分应用不外乎就是颠过来倒过去地做以下这些事情: --------------- --------------- ------------ ...

  4. I/O理解

    I/O是什么 我的理解I/O就是用于读写的一个流 官方解释:I/O(英语:Input/Output),即输入/输出,通常指数据在内部存储器和外部存储器或其他周边设备之间的输入和输出. node中的io ...

  5. 【二分 最小割】cf808F. Card Game

    Digital collectible card games have become very popular recently. So Vova decided to try one of thes ...

  6. 03大端和小端（Big endian and Little endian）

    1.大端和小端的问题 ​ 对于整型.长整型等数据类型,Big endian 认为第一个字节是最高位字节(按照从低地址到高地址的顺序存放数据的高位字节到低位字节),而 Little endian 则相反 ...

  7. python入门：while 循环的基本用法

    #!/usr/bin/env python # -*- coding:utf-8 -*- #while 循环的作用 import time while True: ") time.sleep ...

  8. python3  循环输出当前时间。

    题目 暂停一秒输出(使用 time 模块的 sleep() 函数).循环输出当前时间. 代码: import time while True: time.sleep(1) print(time.str ...

  9. day 37 MySQL行(记录)的详细操作

    MySQL行(记录)的详细操作   阅读目录 一 介绍 二 插入数据INSERT 三 更新数据UPDATE 四 删除数据DELETE 五 查询数据SELECT 六 权限管理 一 介绍 MySQL数据操 ...

  10. leetcode-6-basic

    解题思路: 这道题真实地反映了我今晚有多脑残＝.＝只需要从根号N开始向前找,第一个能被N整除的数就是width,然后存到结果就 可以了.因为离根号N越近,width越大,与length的差越小. ve ...