jq tmpl输出编码html,jQuery tmpl 讲解

2016-07-01 14:30

陈铭竑

1、什么是jQuery-tmpl

(1)jQuery的一个类库

(2)一个轻量级的前端模板引擎(vue.js也是一种前端模板引擎)

(3)可以在模板中实现逻辑运算

2、jQuery-tmpl的语法

(1)占位：${变量}或{{= 变量}}

注：=和变量之间一定要有空格

(2)循环

{{each(i,obj) objs}}...{{/each}}

(3)选择

{{if 条件}}...

{{else 条件}}...

{{else}}...

{{/if}}

3、为什么选择jQuery-tmpl

兼容性好，兼容各种主流浏览器

容易学，上手快

代码清晰，有智能提示

渲染工作放在前端，减少服务端开销

文档齐全，找资料方便

PS:其实jQuery-tmpl也给我们提供了一个思路，有些时候可以自己写模板，然后去使用，不一定要引用插件。

例如：

{type}

中文姓名：

1.乘客姓名必须与所持证件一致。
2.名字中含生僻字可直接输入拼音代替。例：“王鬳”可输入为“王 yan”或者“王-yan”。
3.姓名中不可含有称谓等词语，如：小姐、先生、太太、夫人等。
4.中文姓名不可少于2个汉字，英文姓名不可少于2个英文单词。

英文姓名：

1.必须用英文字母填写，并确保与所持证件一致。
2.请以姓在前名在后的方式填写，如乘客姓名为诸葛亮，则在“姓(拼音或英文)”栏中输入 ZhuGe (注：复姓中无空格或特殊符号)；在“名(拼音或英文)”栏中输入 Liang。如乘客姓名为 Green(姓)/Jim(名) Stephanie(中间名)，则在“姓(拼音或英文)”栏中输入 Green；在“名(拼音或英文)”栏中输入 JimStephanie(注：中间名需空一格紧随名之后)。
3.英文名字的长度不可超过 26 个字符，如名字过长请使用缩写，乘客的姓氏不能缩写，名可以缩写。姓氏中如包括空格请在输入时删掉空格。
4.英文姓名不可少于 2 个英文单词。

证件类型：

护照

港澳通行证

台胞证

证件号码：

证件有效期：

证件有效期必须为8位数(如:20160808)

出生日期:

出生日期必须为8位数(如:20160808)

国籍：

{nationality}

性别：

男女

var temp = $("#PsgerTemp").html();

var html=temp.replace("{nationality}",nationalityHtml).replace("{ptype}", 1).replace("{type}", "成人").replace("{isShowMobile}","").replace(/\{i\}/g, i);

通常来说，都会有很多个人，如果使用模板的话，只要写一遍html代码，剩余的就是遍历人数，拼接html即可。