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,

posted @ 2017-11-05 17:17  陈咬金  阅读(1322)  评论(0编辑  收藏  举报