package com.meteor.thymeleaf;

import org.thymeleaf.TemplateEngine; import org.thymeleaf.context.WebContext; import org.thymeleaf.templatemode.TemplateMode; import org.thymeleaf.templateresolver.ServletContextTemplateResolver;

import javax.servlet.ServletContext; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException;

public class ViewBaseServlet extends HttpServlet {

//定义私有模板引擎对象 private TemplateEngine templateEngine;

//重写init()方法(其是servlet的初始化方法) @Override public void init() throws ServletException { //1. 获取当前Servlet的ServletContext对象 ServletContext servletContext = this.getServletContext(); //2. 创建Thymeleaf解析器对象,其接收:一个ServletContext对象 ServletContextTemplateResolver templateResolver = new ServletContextTemplateResolver(servletContext); //3. 给解析器对象设置参数 //3.1 设置解析的模板模式, HTML是默认模式，明确设置是为了代码更容易理解 templateResolver.setTemplateMode(TemplateMode.HTML); //3.2 设置前缀 String viewPrefix = servletContext.getInitParameter("view-prefix"); templateResolver.setPrefix(viewPrefix); //3.3 设置后缀 String viewSuffix = servletContext.getInitParameter("view-suffix"); templateResolver.setSuffix(viewSuffix); //3.4 设置缓存过期时间(毫秒) templateResolver.setCacheTTLMs(60000L); //3.5 设置是否缓存 templateResolver.setCacheable(false); //3.6 设置服务器端编码方式 templateResolver.setCharacterEncoding("utf-8");

//4. 实例化模板引擎对象 templateEngine = new TemplateEngine();

//5. 给模板引擎对象设置模板解析器对象 templateEngine.setTemplateResolver(templateResolver); }

//创建处理模板文件的函数 protected void processTemplate(String templateName, HttpServletRequest req, HttpServletResponse resp) throws IOException{ //1. 设置响应体内容类型和字符集 resp.setContentType("text/html;charset=UTF-8"); //2. 创建WebContext对象 WebContext webContext = new WebContext(req,resp,getServletContext()); //3. 处理模板数据 templateEngine.process(templateName,webContext,resp.getWriter()); } }

<!-- 在web.xml文件中的上下文参数中配置视图前缀和视图后缀的相关属性和值,方便后续servlet读取 --> <!-- 说明：param-value中设置的前缀、后缀的值不是必须叫这个名字，可以根据实际情况和需求进行修改。 这里示例将用于视图前缀设置为: /WEB-INF/view/, 视图后缀设置为: .html --> <context-param> <param-name>view-prefix</param-name> <param-value>/</param-value> </context-param> <context-param> <param-name>view-suffix</param-name> <param-value>.html</param-value> </context-param>

@WebServlet("/index") public class TestServlet extends ViewBaseServlet{ @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setAttribute("msg","传过来的数据~"); //这是你要转到的页面 processTemplate("index",req,resp); } }

<p th:text="欢迎Thymeleaf">Hello~</p> <h1 th:text="${msg}">msg会替换这个信息/h1>

<!-- 可以将传过来的对象，简写成这样--> <div th:object="${user}"> <p th:text="*{id}">id</p> <p th:text="*{name}">name</p> </div>

<!-- 连接表达式--> <a th:href="@{/stu/student(id=20,name='lx')}" <img src="" th:src="@{${图片地址}}" alt="">

<div th:each="li:${list}"> <span th:text="${liStat.size}"></span> <span th:text="${li.id}"></span> <span th:text="${li.name}"></span> </div>

ArrayList<User> list = new ArrayList<>(); list.add(new User(1001,"Meteor")); list.add(new User(1002,"Meteors")); list.add(new User(1003,"Meteorss")); req.setAttribute("list",list);

<div th:if="10 > 0"> 显示文本内容 </div> <div th:unless="10 > 0"> 显示文本内容 </div>

<div th:switch="${sex}"> <p th:case="m">显示男</p> <p th:case="f">显示女</p> <p th:case="*">显示未知</p> </div>

<div th:inline="text"> <p>显示姓名：[[${key}]]</p> </div>

<script type="text/javascript" th:inline="javascript"> alert("获取模板数据" + [[${method}]]); </script>

<p th:text=" '我是' + ${name} + ',喜欢听他的' + ${music}"> 显示数据 </p>

<p th:text="${#request.getAttribute('user')}"></p> <p th:text="${#request.getContextPath()}"></p> <p th:text="${#param.name}"></p> <p th:text="${#param.size()}"></p>