jq tmpl输出编码html,jQuery tmpl 讲解「建议收藏」

jq tmpl输出编码html,jQuery tmpl 讲解「建议收藏」2016-07-0114:30陈铭竑1、什么是jQuery-tmpl(1)jQuery的一个类库(2)一个轻量级的前端模板引擎(vue.js也是一种前端模板引擎)(3)可以在模板中实现逻辑运算2、jQuery-tmpl的语法(1)占位:${变量}或{{=变量}}注:=和变量之间一定要有空格(2)循环{{each(i,obj)objs}}…{{/each}}(3)选择{{if条件}}….

大家好,又见面了,我是你们的朋友全栈君。

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即可。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/149521.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号