静态页面

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

　　　　/static

　　　　/public　　

　　　　/resources

　　　　/META-INF/resources

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

动态页面

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

　　在pom.xml中添加Thymeleaf组件

<dependency>

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

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

</dependency>

　　TemplatesController.java

@Controller //返回的是页面所以用简单的controller

public class TemplatesController {

    @GetMapping("/templates")

    String test(HttpServletRequest request) {

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

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

        return "index";

    }

}

　　templates/index.html

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

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

</body>

</html>

　　访问http://localhost:8088/dev/templates

这是一个最基本的像页面传递参数，templates标签和jsp标签一样，也可以实现条件判断，循环等各种功能，建议使用静态html+rest代替动态页面。

遍历数据：

    @GetMapping("/template")

    String template(HttpServletRequest request){

        request.setAttribute("key",bookName + bookAuthor);

        request.setAttribute("list", Arrays.asList("a","b","c","d","e"));

        return "index";

    }
遍历

<table>

    <tr th:each="item : ${list}">

        <td th:text="${item}"></td>

    </tr>

</table>

数据判断：

    <tr th:each="item : ${list}">

        <td th:text="${item}" th:if="${item == 'a'}"></td>

    </tr>

等于a才显示出来

<table th:if="${list != null && list.size() > 0}">

有数据才遍历

在javascript中访问model数据

<script>

    var a = '[[${key}]]';

    alert(a);

</script>

Spring Boot (4) 静态页面和Thymeleaf模板的更多相关文章

  1. Spring Boot获取前端页面参数的几种方式总结

    Spring Boot的一个好处就是通过注解可以轻松获取前端页面的参数,之后可以将参数经过一系列处理传送到后台数据库. 获得的方式有很多种,这里稍微总结一下,大致分为以下几种: 1.指定前端url请求 ...

  2. Spring boot 默认静态资源路径与手动配置访问路径的方法

    这篇文章主要介绍了Spring boot 默认静态资源路径与手动配置访问路径的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下   在application.propertis中配置 ##端口号 ...

  3. Spring Boot中静态资源（JS, 图片）等应该放在什么位置

    Spring Boot的静态资源,比如图片应该放在什么位置呢, 如果你放在传统WEB共的类似地方, 比如webapp或者WEB-INF下,你会得到一张示意文件未找到的破碎图片.那应该放哪里呢? 百度一 ...

  4. 不常见偏门的Bug，Spring Boot IDEA 静态资源 图片访问404，初学者之殇

    用过Idea朋友都知道,它有一个非常让人喜欢的功能就是:打算在某个a目录下创建一个hello.class文件,那么你仅需要右键点击New-Java Class- 然后输入名字:a.hello 即可. ...

  5. Spring Boot 的静态资源处理

    做web开发的时候,我们往往会有很多静态资源,如html.图片.css等.那如何向前端返回静态资源呢?以前做过web开发的同学应该知道,我们以前创建的web工程下面会有一个webapp的目录,我们只要 ...

  6. spring boot 开静态资源访问，配置视图解析器

    配置视图解析器spring.mvc.view.prefix=/pages/spring.mvc.view.suffiix= spring boot 开静态资源访问application.proerti ...

  7. spring boot 配置静态路径

    一  前言 最近有个项目,需要上传一个zip文件(zip文件就是一堆的html压缩组成)的压缩文件,然后后端解压出来,用户可以预览上传好的文件. 查看资料,spring boot对静态文件,可以通过配 ...

  8. Spring Boot开发Web应用之Thymeleaf篇

    前言 Web开发是我们平时开发中至关重要的,这里就来介绍一下Spring Boot对Web开发的支持. 正文 Spring Boot提供了spring-boot-starter-web为Web开发予以 ...

  9. Spring Boot 设置静态资源访问

    问题描述 当使用spring Boot来架设服务系统时,有时候也需要用到前端页面,当然就不可或缺地需要访问其他一些静态资源,比如图片.css.js等文件.那么如何设置Spring Boot网站可以访问 ...

随机推荐

  1. iview表单密码自定义验证

    From中定义   ref="passwordForm" 获取dom节点  :model="passwordForm" 关联表单数据对象 :rules=&quo ...

  2. node.js的初级使用

    node.js的初级使用 作为一个全栈开发员怎么能不会node.js了?至少得会用node搭载环境吧!话不多说直接开干! 一.下载与安装: 官网:http://nodejs.cn/ 中文文档:http ...

  3. Linux之内核管理及故障排错

    一.Centos6启动流程: 加电自检PSOT 引导加载器BootLoader MBR(GRUB第一阶段)||(GRUB第1.5阶段)(GRUB第2阶段) 加载内核(vmlinuz.initramfs ...

  4. 00.pip安装包

    pip安装更换镜像源 pip install 包名 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com pip导出和导入 ...

  5. vs2015 配置 cplex

    首先设置模式为Release, 根据软件选择x86或x64 附加库目录(链接器 - 常规) C:\Program Files\IBM\ILOG\CPLEX_Studio128\cplex\lib\x6 ...

  6. 渗透实战（周二）：FLUXION暴力破解WIFI登录口令

    Wi-Fi攻与防 假设我们Kali Linux 攻击机有一个无线网卡,想通过特殊手段连入名称:414的Wi-Fi网络,那以下便是特殊手段的具体过程. Wi-Fi的破解 硬件:MacBook Pro.小 ...

  7. Spring+SpringMVC+MyBatis整合教程

    1.基本概念 1.1.Spring Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One  ...

  8. Office 2003的卸载 与 Office 2013 的安装

    一.Office 2003的卸载 软件:卸载Office2003.msi 运行该软件,等待几分钟即可, 二.Office 2013 的安装 1.Office Professional Plus 201 ...

  9. JLOI2018 记

    2018JL省选记 又是一年省选.今年的我,依然好菜啊... [Day 0] 呼...好紧张,明天就省选了.下周就有学长退役了吧,机房又该恢复冷清了吧.只剩下为数不多的几个i7接送着来来往往的OIer ...

  10. Spring MVC-表单（Form）标签-单选按钮（RadioButton）示例（转载实践）

    以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_radiobutton.htm 说明:示例基于Spring MVC 4.1.6. ...