[Java知识库] 模板技术和监听器

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Java知识库 -> 模板技术和监听器 -> 正文阅读

[Java知识库]模板技术和监听器

使用模板技术

自己动手的缺点（Object - > HTML格式）:
1. 代码繁琐
2. 数据和逻辑耦合了
  数据: html结构
  逻辑:循环、字符串处理等
  （1）容易出错
  （2）一旦需要修改，很麻烦
模板引擎就是为了解决上面遇到的, HTML 和 Java 混在一起的问题. 我们可以把 HTML 的内容提取出来, 放到单独的文件中,称为模板.
举例：
js 中的模板字符串`hello ${user.username},Bye!’ => String
String.format(“hello %s,Byte”, user.username) => String
web中要使用模板技术的时候，大多不是前后端分离的，而是后端直接产生html内容!
模板文件只是 web应用生成资源的一个中间事务，不是真正的web资源

Web应用上的模板技术

JSP、Thymeleaf（SpringBoot建议使用Thymeleaf 作为默认模板）、FreeMarker …

添加依赖
在普通类中使用
（1）模板引擎（TemplateEngin）
（2）模板解析器（TemplateResolver）
（3）供模板渲染(render)的数据/上下文(Context)
（4）模板文件=>路径的形式体现=>真实需要的其实是模板文件里的内容
（5）模板处理之后的结果字符串

编译出的类的根路径

资源根路径下的所有文件，编译时在这里插入图片描述
会被复制到类的根路径下

public static void main(String[] args) throws UnsupportedEncodingException {
        //1.创建一个模板引擎对象
        TemplateEngine engine=new TemplateEngine();

        //2.创建一个解析器对象&&对解析器进行必要的配置
        ClassLoaderTemplateResolver resolver=new ClassLoaderTemplateResolver();
        resolver.setTemplateMode(TemplateMode.HTML);
        resolver.setCharacterEncoding("utf-8");//字符集
        resolver.setCacheable(false);//取消缓存
        resolver.setPrefix("templates/"); //类根路径下 /templates/
        resolver.setSuffix(".html");//后缀名

        //3.把解析器对象，关联到引擎对象中
        engine.setTemplateResolver(resolver);

        //4.准备Context对象&&为其添加需要渲染的数据
        User user=new User();
        user.uid=1998;
        user.username="张三";
        user.password="123456";
        List<Integer> list= Arrays.asList(1,2,3,4,5);
        Context context=new Context();
        context.setVariable("data",user);//把user对象以data置名进行渲染
        context.setVariable("someString","你好世界");//可以是字符串
        context.setVariable("number",list);//可以是数组

        //5.传入模板名称+context,进行模板渲染
        String result = engine.process("demo", context);

        //模板文件的路径到底在哪
        //由于我们这里是ClassLoaderTemplateResolver
        //cl就是加载ThymeleafDemo类时的类加载器对象
        ClassLoader cl = ThymeleafDemo.class.getClassLoader();
        //拼接 Prefix + template + Suffix => template/demo.html
        URL resource = cl.getResource("templates/demo.html");
        System.out.println(URLDecoder.decode(resource.toString(), "UTF-8"));

        //打印最终的字符串
        System.out.println(result);
    }

<!doctype html>
<html lang="zh-hans" xmlns:th="http://www.thymeleleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板技术演示</title>
</head>
<body>
  <h1 th:text="${data.username}">随便写什么</h1>
  <h2 th:text="${data.uid}">会被真实的uid替换</h2>
  <h2 th:text="${data.password}"></h2>
</body>
</html>

结果：
在这里插入图片描述
thymeleaf 中的模板语言简介

背景知识xmlns:th= “http://www.thymeleaf.org”，是XML标准指定命名空间(namespace ns)

th:xxxx xxxx标签是输入th 命名空间下的（xmlns:th不写，只是有警告提示，不影响使用）

thymeleaf提供的所有模板语言功能都是以th:开头的标签

th:text=“表达式语言” ： ${data.uid} => user对象中的uid 属性或者 user对象的getUid()方法
< h1>（替换掉这里的内容）< /h1>
th:text ="“你好!’+ ${data.username}”
th:href = ""https://www.baidu.com/q?wd=’+ ${data.username}"替换标签中href属性
（除了几个特殊的标签，其他的都是替换标签中默认的属性）

<a href="https://www.qq.com" th:href="'https://www.baidu.com/q?wd='+ ${data.username} ">访问百度</a>
<img src="/img/demo.jpg" th:src="'https://some.img.com/img?id=' + ${data.uid}">

在这里插入图片描述

th:text = "每个元素的名称 : ${列表}"

<ol>
    <li th:each="s : ${number}">
        <p th:text="${s}"></p>
    </li>
</ol>

在这里插入图片描述

th : if = " " ：满足条件时
th : unless = " " ：不满足条件时

<p th:if="${someString}">有someString</p>
<p th:unless="${someString}">没有someString</p>

在这里插入图片描述

其他的基本视为直接替换标签的属性，类似 th:href、th:src、th:class、th:id

在web应用中把模板用起来

有个专门的解析器对象(ServletContextResolver)
有个专门的Context对象(WebContext)

@WebServlet("/template-demo")
public class TemplateDemoServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.创建一个模板引擎对象
        TemplateEngine engine=new TemplateEngine();

        //2.创建一个解析器对象
        ServletContext servletContext = req.getServletContext();//固定用法
        ServletContextTemplateResolver resolver = new ServletContextTemplateResolver(servletContext);
        resolver.setTemplateMode(TemplateMode.HTML);
        resolver.setCharacterEncoding("utf-8");
        resolver.setPrefix("/WEB-INF/templates/");
        resolver.setSuffix(".html");
        resolver.setCacheable(false);

        //3.关联解析器到引擎对象上
        engine.setTemplateResolver(resolver);

        //4.提供给模板引擎本次解析的上下文对象
        WebContext webContext=new WebContext(req,resp,servletContext);

        //5.准备好要放入的Context数据
        List<String> courseList=getCoursrList();
        webContext.setVariable("courseList",courseList);

        //6.通过模板引擎生成的最终的正文内容
        String responseBody=engine.process("course-list",webContext);

        //7.填充响应对象
        resp.setCharacterEncoding("utf-8");
        resp.setContentType("text/html");
        resp.getWriter().println(responseBody);

    }

    private List<String> getCoursrList() {
        return Arrays.asList("JavaSE","JavaDS","JavaDB","JavaWeb","JavaTest","JavaEE");
    }
}

<!doctype html>
<html lang="zh-hans" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程列表</title>
</head>
<body>
  <h1>计算机专业的课程列表</h1>
  <ol>
      <li th:each="course : ${courseList}" th:text="${course}"></li>
  </ol>
</body>
</html>

在这里插入图片描述

注意：

Resolver对象和Context对象使用正确
模板文件放对位置
模板文件不是 web 资源（不能访问）

各个对象的生命周期：（最有效率的）
在这里插入图片描述

监听器

在 Servlet 运行过程中, 会有一些特殊的 “时机”, 可以供我们来执行一些我们自定义的逻辑. 监听器就是让程序猿可以在这些特殊时机 “插入代码”.
监听器(listen) 模式 <-> 事件驱动的Java版本
场景：注册用户
注册用户 -> 发送新用户奖励 -> 根据用户的不同地域生成不同的标签 -> 给用户发送成功通知…

监听上述操作 —监听器（listener）

如何编写代码在合适的时机，进行模板对象和解析对象的构建

希望在ServletContext刚被初始化好的时机下，执行我们的模板初始化工作
由于ServletContext只会被初始化一次,所以，我们的模板初始化工作也只有一次 举例：
在店铺刚开张的时候，执行模板初识化工作
由于店铺只会开张一次,所以模板只会初始化一次
以后每次卖商品时，直接使用开店时,初始化好的模板对象就可以了
Servlet标准提供方法，可以在ServletContext初始好后执行我们的代码
1. 添加@WebListener,代表我们写的类是一个监听器类
2. 实现ServletContextListener接口，我们关心的ServletContext初始化和销毁的事件
3. 重写contextlnitialized方法，在ServletContext初始化好后执行一些代码

在这里插入图片描述
引擎对象怎么传递过来?
看到ServletContext是不是同一个对象，把引擎对象放到ServletContext对象中来传递

@WebListener
public class ThymeleafConfig implements ServletContextListener {
    public void contextInitialized(ServletContextEvent sce) {
        //1.创建一个模板引擎对象
        TemplateEngine engine=new TemplateEngine();

        //2.创建一个解析器对象
        ServletContext servletContext = sce.getServletContext();//固定用法
        ServletContextTemplateResolver resolver = new ServletContextTemplateResolver(servletContext);
        resolver.setTemplateMode(TemplateMode.HTML);
        resolver.setCharacterEncoding("utf-8");
        resolver.setPrefix("/WEB-INF/templates/");
        resolver.setSuffix(".html");
        resolver.setCacheable(false);

        //3.关联解析器到引擎对象上
        engine.setTemplateResolver(resolver);

        //3.5把引擎对象放进 ServletContext中
        servletContext.setAttribute("engine",engine);
    }

    public void contextDestroyed(ServletContextEvent servletContextEvent) {

    }
}

@WebServlet("/template")
public class TemplateServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        ServletContext servletContext = req.getServletContext();
        //4.提供给模板引擎本次解析的上下文对象
        WebContext webContext=new WebContext(req,resp,servletContext);

        //5.准备好要放入的Context数据
        List<String> courseList=getCoursrList();
        webContext.setVariable("courseList",courseList);

        //6.通过模板引擎生成的最终的正文内容
        //3.5从ServletContext对象中取出之前放进去的engine
        TemplateEngine engine=(TemplateEngine)servletContext.getAttribute("engine");
        String responseBody=engine.process("course-list",webContext);

        //7.填充响应对象
        resp.setCharacterEncoding("utf-8");
        resp.setContentType("text/html");
        resp.getWriter().println(responseBody);
    }
    private List<String> getCoursrList() {
        return Arrays.asList("JavaSE","JavaDS","JavaDB","JavaWeb","JavaTest","JavaEE");
    }
}

Java知识库最新文章

计算距离春节还有多长时间

系统开发系列之WebService（spring框架+ma

springBoot+Cache(自定义有效时间配置)

SpringBoot整合mybatis实现增删改查、分页查

spring教程

SpringBoot+Vue实现美食交流网站的设计与实

加:2022-01-01 13:44:53 更:2022-01-01 13:47:52

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 8:36:15-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码