美文网首页
Web MVC 视图应用

Web MVC 视图应用

作者: gringotts | 来源:发表于2018-11-10 15:21 被阅读0次

模版引擎

新一代服务端模版引擎

参考资源:https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

模版类型

  • HTML
  • XML
  • TEXT
  • JAVASCRIPT
  • CSS
  • RAW

Thymeleaf 语法

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all"
          href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
  </head>
  <body>
    <p th:text="#{home.welcome}">Welcome to our grocery store!</p>
  </body>
</html>

核心要素

资源定位(模版来源)
  • 通用资源抽象
    • 文件资源:File
    • ClassPath资源:ClassLoader
    • 统一资源:URL
    • Web资源:ServletContext
  • Spring 资源抽象
    • Spring 资源:Resource
渲染上下文(变量来源)
  • 不同的实现
    • Context:Thymeleaf渲染上下文
    • Model:SpringWeb MVC模型
    • Attribute:Servlet上下文
模版引擎(模版渲染)
  • ITemplateEngine 实现

    • TemplateEngine :Thymeleaf 原生实现

    • SpringTemplateEngine :Spring 实现

      // 构建引擎
      SpringTemplateEngine templateEngine = new SpringTemplateEngine(); // 创建渲染上下文
      Context context = new Context();
      context.setVariable("message", "Hello,World");
      // 模板的内容
      String content = "<p th:text=\"${message}\">!!!</p>";
      // 渲染(处理)结果
      String result = templateEngine.process(content, context);
      // 输出渲染(处理)结果
      System.out.println(result);
      
      
    • SpringWebFluxTemplateEngine:Spring WebFlux实现

视图处理

Spring Web MVC 视图组件

  • ViewResolver:视图解析器
  • View:视图组件
  • DispatchServlet:总控

Thymeleaf 整合Spring Web MVC

  • ViewResolver:ThymeleafViewResolver
  • View:ThymeleafView
  • ITemplateEngine:SpringTemplateEngine

交互流程

示例:多视图处理器并存

  • 视图处理器
    • ThymeleafViewResolver
    • InternalResourceViewResolver
  • 目的
    • 理解ViewResolver Order
    • 理解ViewResolver 模版资源查找
    • 自定义ViewResolver Order

相关文章

  • Web MVC 视图应用

    模版引擎 新一代服务端模版引擎 参考资源:https://www.thymeleaf.org/doc/tutori...

  • MVC与MTV模型

    MVC Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)...

  • 2018-06-10(浅谈mvc)

    MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用...

  • MVC的设计理念

    MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用...

  • MVC框架 2019-03-25

    MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用...

  • 第5章 MVC模式

    MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用...

  • javaWeb面试三

    1.描述MVC 基于java的web应用系统采用MVC设计模型,即用Model(模型),View(视图)、和Con...

  • 小型web开发过程记录笔记

    1. MVC框架,使用MVC(模型视图控制器model-view-controller)创建web应用程序的模式。...

  • Spring基础(四)

    16. Web MVC 框架 16.1 Spring Web MVC 框架介绍 Spring Web 模型-视图-...

  • IntelliJ IDEA搭建Spring MVC开发环境

    Spring web MVC 框架提供了模型-视图-控制的体系结构和可以用来开发灵活、松散耦合的 web 应用程...

网友评论

      本文标题:Web MVC 视图应用

      本文链接:https://www.haomeiwen.com/subject/wobzxqtx.html