springboot模板

Thymeleaf模板

关于Thymeleaf的优点，我只说一条：它就是html页面。下面直接上代码

相关pom依赖

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

Spring Boot官方文档建议在开发时将缓存关闭，那就在application.yml文件中加入下面这行

spring:  thymeleaf:    cache: false

正式环境还是要将缓存开启的

对应的后台代码

实体类 User

package com.liuwenwu.springboot01.entity;import lombok.Data;import org.springframework.boot.context.properties.ConfigurationProperties;import org.springframework.stereotype.Component;/** * @author LWW * @site www.lww.com * @company * @create 2019-11-07 16:25 * * @Data Set Get Tostirng * * */@Datapublic class User {    private String uid;    private String uname;    public User() {    }    public User(String uid, String uname) {        this.uid = uid;        this.uname = uname;    }}

ThymeleafController

package com.liuwenwu.springboot01.controller;import com.liuwenwu.springboot01.entity.User;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpServletRequest;import java.util.ArrayList;import java.util.List;/** * @author LWW * @site www.lww.com * @company * @create 2019-11-08 11:05 */@Controller@RequestMapping("/thymeleaf")public class ThymeleafController {    @RequestMapping("/list")    public ModelAndView list(){        ModelAndView mv =new ModelAndView();        List list =new ArrayList();        list.add(new User("1","zs"));        list.add(new User("2","ls"));        list.add(new User("3","ww"));        mv.addObject("userList",list);        mv.addObject("msg","<span style='color:red'>天王盖地虎，宝塔镇河妖</span>");        mv.addObject("name","zs");        mv.setViewName("list");        return mv;    }    //    public String list2(HttpServletRequest req){//        return "list";//    }}

前台HTML页面

<html xmlns:th="http://www.thymeleaf.org">

list.html

<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8">    <title>thymeleaf讲解</title></head><body>thymeleaf讲解<h2>显示文本</h2><span th:text="${name}"></span><h2>显示html</h2><div th:utext="${msg}"></div><h2>循环</h2><table border="1" width="60%">    <tr>        <td>用户id</td>        <td>用户名</td>    </tr>    <tr th:each="u : ${userList}">        <td th:text="${u.uid}"></td>        <td th:text="${u.uname}">/td>    </tr></table><h2>包含页面</h2><div th:include="role/common/head2"></div><h2>包含部分</h2><div th:replace="role/common/head2 :: h2" ></div></body></html>

head2.html

<div th:fragment="h1">    第一部分内容</div><div th:fragment="h2">    第二部分内容</div><div th:fragment="h3">    第三部分内容</div>

浏览器访问结果

Freemarker模板

学习网站：http://freemarker.foofun.cn/

导入pom依赖

<dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-freemarker</artifactId>   </dependency><!--可以不加，但是做项目的时候可能会用--> <resources>            <!--解决mybatis-generator-maven-plugin运行时没有将XxxMapper.xml文件放入target文件夹的问题-->            <resource>                <directory>src/main/java</directory>                <includes>                    <include>**/*.xml</include>                </includes>            </resource>            <!--freemarker模板也读取需要注释标红地方-->            <resource>                <directory>src/main/resources</directory>                <includes>                    <!--<include>*.properties</include>-->                    <!--<include>*.xml</include>-->                    <!--<include>*.yml</include>-->                </includes>            </resource>        </resources>

application.yml文件的默认配置

spring:  thymeleaf:    cache: false  freemarker:    # 设置模板后缀名    suffix: .ftl    # 设置文档类型    content-type: text/html    # 设置页面编码格式    charset: UTF-8    # 设置页面缓存    cache: false    # 设置ftl文件路径，默认是/templates，为演示效果添加role    template-loader-path: classpath:/templates/role    mvc:      static-path-pattern: /static/**

list.ftl

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>freemarker讲解</title></head><body>freemarker讲解<h2>获取值</h2>${loginName!'未知'}${logineName!'未知'}<h2>遍历</h2><table border="1" width="60%">    <tr>        <td>角色id</td>        <td>角色名</td>    </tr>    <#list roleList as role>    <tr>        <td>${role.rid}</td>        <td>${role.rname}</td>    </tr>    </#list></table><h2>如何包含页面、导入全局变量</h2><#include 'common/head.ftl'><#include 'common/global.ftl'><h2>获取项目名</h2>${springMacroRequestContext.contextPath}<h2>如何在页面定义变量</h2>${ctx}添加请求映射</body></html>

global.ftl

<#global ctx>
    ${springMacroRequestContext.contextPath}
</#global>

head.ftl

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>头部页面</body></html>

FreemarkerController

package com.liuwenwu.springboot01.controller;import com.liuwenwu.springboot01.entity.Role;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.servlet.ModelAndView;import java.util.ArrayList;import java.util.List;/** * @author LWW * @site www.lww.com * @company * @create 2019-11-08 11:43 */@Controller@RequestMapping("/freemarker")public class FreemarkerController {    @RequestMapping("list")    public ModelAndView list(){        ModelAndView mv =new ModelAndView();        mv.addObject("loginName","大毛");        List list =new ArrayList();        list.add(new Role("1","普通用户"));        list.add(new Role("2","会员"));        list.add(new Role("3","超级会员"));        mv.addObject("roleList",list);        mv.setViewName("list");        return mv;    }}

来源：https://www.icode9.com/content-4-552951.html

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。