zoukankan      html  css  js  c++  java
  • thymeleaf和artTemplate

     Company最近项目中使用了两个模板引擎,分别是Java服务器端的模板引擎Thymeleaf和前端的模板引擎artTemplate,

    其实对于这两个模板引擎 理论上应该是不应该放在一起记录的,但是but刚好是同时了接和学习了这两个模板引擎,就

    刚好同时放在一起同时记录一下,因为两个模板引擎中所对应的语法使用,~~~~~~好了,反正就是简单记录一下了!,先不说那么多了,开始!

    Thymelaf,后端的jar等配置先暂且不提,主要先记录一些语法的使用。。

    首先:Thymeleaf是一个后端的服务器引擎,好处是:易于实现前后端的数据显示分离等,

    而art-Template则是前端的模板引擎,作用和好处则是:将以前通过字符串拼接再用js,append填充数据到html的方式,更改为另外一种,便于阅读,代码优雅,以及性能操作更快的模板引擎。art-Template的高性能的基本实现原理如该链接即可:(http://blog.csdn.net/qq635785620/article/details/29595931?readlog)

    首先使用:Thymeleaf时需要先在html页面引入: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

    所对应的头文件th标签,表名该页面为Thymeleaf模板引擎可管理的页面,除此之外在这里有一个必须要记住的是(不管是使用Thymeleaf引擎还是art-Template引擎,对于HTML页面标签的书写,语法一定要规范,规范,规范,</>标签关闭等语法一定要规范,)thy通过dom读取指定文件为xml的形式,这个操作则肯定是对html标签语法一定规范则不提了,而且art通过编译后将数据展示到页面,如果标签语法不规范的话则也是会出现错误的,好了这点不提了继续过。

    然后Thy在标签使用时:是通过指定所对应的th:属性的方式来展示数据的,

    1.简单表达式:<input type="text" value="abc" th:value="${user.name}"/>,则表示引用user对象中的name属性,

    2.*号表达式:

    <div th:object="${session.user}">

    <span th:text=" *{name} ">name</span>

    </div>

    *号表达式一般跟在th:object后,表示直接取该object中的属性值

    下面的一些网址对于th的使用包括field表单绑定等都有较为清晰的介绍等

    简书网址:对于th:include的使用讲解,较为详细;

    http://www.jianshu.com/p/ed9d47f92e37

    对于th:标签的使用较为详细(以及也有部分th:field绑定list集合对象元素时的使用)

    http://www.cnblogs.com/hjwublog/p/5051732.html

    对于th:标签使用较为详细:

    http://www.cnblogs.com/vinphy/p/4674247.html

    对于th:each讲解较为详细:

    http://blog.csdn.net/sun_jy2011/article/details/40710429

    对于th:的另外讲解,且直接搜索each对th:each也有很好的讲解(默认情况下为th:each=" obj,objStat:${objList} ")objStat为循环状态变量,默认没有定义时,则为“变量名+Stat”的形式;

    http://www.blogjava.net/bjwulin/articles/395185.html

    而对于JS的模板引擎art-Template则为:

     其实art的使用相对来说也没什么,相比较一些例子使用的话,会简单很多

    如:

    http://blog.csdn.net/jiazimo/article/details/39232425

    http://www.cnblogs.com/shiyou00/p/6841801.html

    http://www.jianshu.com/p/e7f3d0c93ed3

    http://www.jianshu.com/p/483fa7f6f55b

    关于{{include}}关于模板嵌套包含的连接:

    http://www.cnblogs.com/ningyanbo/p/4615186.html

    deng,

  • 相关阅读:
    javascript中 分号的问题
    IIFE(立即执行函数表达式)
    函数_回调函数
    数据_变量_内存
    严格区别变量类型与数据类型
    什么时候给变量赋值为null
    JavaScript Promise迷你书(中文版)
    python txt文件读写(追加、覆盖)
    python re:正向肯定预查(?=)和反向肯定预查(?<=)
    python re:正则表达式中使用变量
  • 原文地址:https://www.cnblogs.com/zh94/p/7787908.html
Copyright © 2011-2022 走看看