Web-Servlet(2)--Thymeleaf
视图模板技术,是做视图渲染的一个技术(静态页面和数据柔和在一起)
基本流程
在服务器端引入Thymeleaf环境
1.加入jar包
2.新建一个Servlet类ViewBaseServlet
package src.com.wht.myssm.myspringmvc;
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;
@Override
public void init() throws ServletException {
// 1.获取ServletContext对象
ServletContext servletContext = this.getServletContext();
// 2.创建Thymeleaf解析器对象
ServletContextTemplateResolver templateResolver = new ServletContextTemplateResolver(servletContext);
// 3.给解析器对象设置参数
// ①HTML是默认模式,明确设置是为了代码更容易理解
templateResolver.setTemplateMode(TemplateMode.HTML);
// ②设置前缀
String viewPrefix = servletContext.getInitParameter(\"view-prefix\");
templateResolver.setPrefix(viewPrefix);
// ③设置后缀
String viewSuffix = servletContext.getInitParameter(\"view-suffix\");
templateResolver.setSuffix(viewSuffix);
// ④设置缓存过期时间(毫秒)
templateResolver.setCacheTTLMs(60000L);
// ⑤设置是否缓存
templateResolver.setCacheable(true);
// ⑥设置服务器端编码方式
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());
}
}
3.在web.xml文件中添加配置
<!-- 配置上下文参数 -->
<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>
4.使我们的Servlet继承ViewBaseServlet
public class indexServlet extends ViewBaseServlet
5.根据逻辑视图名称,得到物理视图名称
-
此处的视图名称是 index
-
那么thymeleaf会将这个 逻辑视图名称 对应到 物理视图 名称上去//逻辑视图名称 : index
-
物理视图名称 : view-prefix + 逻辑视图名称 + view-suffix
-
所以真实的视图名称是: / index .html
6.使用Thymeleaf的标签
th:if, th:unless, th:each, th:text
Servlet-保存作用域
保存作用域:
保存作用域我们可以认为有4个:page(目前不用),request(一次请求响应范围),session(一次会话范围),application(整个应用程序范围)
- request:
代码的小例子(主代码):
@WebServlet(\"/demo01\")
public class Demo01Servlet extends HttpServlet {
@Override
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.向request保存作用域保存数据
request.setAttribute(\"uname\",\"lili\");
//2.客户端重定向
//response.sendRedirect(\"demo02\");
//3.服务器端转发
//request.getRequestDispatcher(\"demo02\").forward(request,response);
}
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.获取request保存作用域保存的数据,key为uname
Object unameObj = request.getAttribute(\"uname\");
System.out.println(\"unameObj = \" + unameObj);
}
重定向的结果:
服务器转发的结果:
-
session:(上一篇有哦)
-
application:
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.向application保存作用域保存数据
//ServletContext : Servlet上下文
ServletContext application = request.getServletContext();
application.setAttribute(\"uname\",\"lili\");
//2.客户端重定向
response.sendRedirect(\"demo06\");
//3.服务器端转发
//request.getRequestDispatcher(\"demo04\").forward(request,response);
}
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.获取application保存作用域保存的数据,key为uname
ServletContext application = request.getServletContext() ;
Object unameObj = application.getAttribute(\"uname\");
System.out.println(\"unameObj = \" + unameObj);
}
都可以打印出,不管是直接搜demo05、demo06、还是换一个浏览器再搜索,都可以的(只要不停掉tomcat)
路径问题
- 相对路径(../返回上一级)红字
- 绝对路径 蓝字
来源:https://www.cnblogs.com/wht-de-bk/p/16146707.html
本站部分图文来源于网络,如有侵权请联系删除。