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，

thymeleaf和artTemplate的更多相关文章

  1. spring boot(四)：thymeleaf使用详解

    在上篇文章springboot(二):web综合开发中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thymeleaf的使用.thymeleaf 是新一代的模板引擎,在spring4. ...

  2. 性能卓越的js模板引擎--artTemplate

    artTemplate能够将数据与View视图的分离,充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现. 在 chrome 下渲染效率测试中分别是知名引擎 Mu ...

  3. JavaScript模板引擎artTemplate.js——结语

    再次首先感谢模板的作者大神,再次放出github的地址:artTemplate性能卓越的js模板引擎 然后感谢博客园的一位前辈,他写的handlebars.js模板引擎教程,对我提供了很大的帮助,也是 ...

  4. 【JavaScript】ArtTemplate个人的使用体验。

    据说ArtTemplate是腾讯的,感觉这东西真不错,使用方便,用起来很简单,哈哈.腾讯也不完全只是坑爹啊. ArtTemplate 使用是,正常引入js,这个自然不用说.这东西啥时候使用呢?我觉得这 ...

  5. Thymeleaf

    1.在html顶部添加 <html xmlns:th="http://www.thymeleaf.org"> 2.url表达式 @{...} <link rel= ...

  6. Thymeleaf 模板的使用

    Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官网.本文主要介绍Thymel ...

  7. JS 模板引擎 BaiduTemplate 和 ArtTemplate 对比及应用

    最近做项目用了JS模板引擎渲染HTML,JS模板引擎是在去年做项目是了解到的,但一直没有用,只停留在了解层面,直到这次做项目才用到,JS模板引擎用了两个 BaiduTemplate 和 ArtTemp ...

  8. artTemplate模板引擎学习实战

    在我的一篇关于智能搜索框异步加载数据的文章中,有博友给我留言,认为我手写字符串拼接效率过低,容易出错.在经过一段时间的摸索和学习之后,发现现在拼接字符串的方法都不在是自己去书写了,而是使用Javasc ...

  9. JavaScript模板引擎artTemplate.js——两种方法实现性别的判定

    template.helper(name, callback) name:必传,辅助事件的名称. callback:必传,辅助事件的回调函数. return:undefined 所谓的辅助事件,主要用 ...

随机推荐

  1. 创建Maven项目出错 pom出错

    错误为 org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.a ...

  2. gulp-htmlone的BUG弃坑

    之前用项目用gulp-htmlone做最后的js和css内联打包出现各种问题 这次居然遇到打包后的css斜杠变反斜杠的问题 如下:/src/common/images/i_banner.jpg会被改成 ...

  3. 实现如下语法的功能：var a = (5).plus(3).minus(6);

    Number.prototype.plus= function(val){ return parseInt(this)+val; }; Number.prototype.minus= function ...

  4. “chm 已取消到该网页的导航”解决方案

    1. 右键单击该 CHM 文件,然后单击“属性”. 2. 单击“取消阻止”或者“解除锁定”. 3. 双击此 .chm 文件以打开此文件.

  5. 安装Pywin32后无法正常引用pyd文件

    1. 首先在官方下载pywin32 2.下载完成后,无法正常引用pyd文件 3.解决方案: python安装目录\Lib\site-packages\pywin32_system32\* 至 C:\W ...

  6. 一样的Java，不一样的HDInsight大数据开发体验

    大数据的热潮一直居高不下,每个人都在谈.你也许不知道,早些年这个领域可是有个非常「惹眼球」的段子: 1首先开始科普 什么是 HDInsight Azure HDInsight 是 Hortonwork ...

  7. 面向阿里云专家的 Azure 云服务介绍

    本文是面向阿里云专家的 Azure 云服务介绍,参考本文可以帮助大家“按图索骥”在 Azure 的平台上找到能满足自己需求的服务. 在公有云计算蓬勃发展的同时,中国也出现了越来越多的本土公有云平台.针 ...

  8. 洛谷P1628 合并序列

    题目描述 有N个单词和字符串T,按字典序输出以字符串T为前缀的所有单词. 输入输出格式 输入格式: 输入文件第一行包含一个正整数N: 接下来N行,每行一个单词,长度不超过100: 最后一行包含字符串T ...

  9. make与makefile的几个例子和（自己写一下，汗！忘记了！）总结

    共用的几个源代码文件: main.c 2.c 3.c 代码依次为: #include<stdlib.h> #include "a.h" extern void func ...

  10. Codeforces Round #317 (Div. 2) C Lengthening Sticks （组合，数学）

    一个合法的三角形的充要条件是a<b+c,其中a为最长的一边,可以考虑找出所有不满足的情况然后用总方案减去不合法的情况. 对于一个给定的总长度tl(一定要分完,因为是枚举tl,不分配的长度已经考虑 ...