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)


相关推荐

  • 密歇根安娜堡计算机排名,密歇根大学的计算机系统排名,该细心来考查

    密歇根安娜堡计算机排名,密歇根大学的计算机系统排名,该细心来考查

    2021年11月27日
  • MyBatis面试题(2020最新版)

    MyBatis面试题(2020最新版)整理好的MyBatis面试题库,史上最全的MyBatis面试题,MyBatis面试宝典,特此分享给大家MyBatis介绍MyBatis是一款优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。MyBatis避免了几乎所有的JDBC代码和手动设置参数以及获取结果集。MyBatis可以使用简单的XML或注解来配置和映射原生类型、接口和Java的POJO(Plai…

  • python中的换行符是什么_python的换行符是什么?_后端开发

    python中的换行符是什么_python的换行符是什么?_后端开发python换行符是什么?python换行符是“\n”。Windows换行符是’\r\n’,Unix/Linux的换行符为’\n’,Mac的换行符为’\r’,在python中,对换行符举行了一致处置惩罚,定义为“\n”。运用“\”举行换行输入:1、在python中,Python用反斜线(“\”)作为续行符(换行符),这里以python3.5为例。起首运转终端或许cmd敕令行(windows…

    2022年10月19日
  • RegisterStartupScript 过期

    RegisterStartupScript 过期1.ClientScriptManager.RegisterStartupScript方法:  1)  ClientScriptManager.RegisterStartupScript (Type,String,String)  2)  ClientScriptManager.RegisterStartupScript (Type,String,String,

  • 动态规划:最长上升子序列(二分算法 nlogn)「建议收藏」

    动态规划:最长上升子序列(二分算法 nlogn)「建议收藏」解题心得:1、在数据量比较大的时候n^2会明显超时,所以可以使用nlogn的算法,此算法少了双重循环,用的lower_bound(二分法)。2、lis中的数字并没有意义,仅仅是找到最小点lis[0]和最大点lis[len],其中,在大于lis[len]时len++,在小于lis[len]时可以将arr[i]在lis中的数进行替换掉。所以此算法主要是在不停的找最合适的起点和最合适的终点。

  • Navicat Premium 15.0.26 MacOS[通俗易懂]

    Navicat Premium 15.0.26 MacOS[通俗易懂]Navicatpremium是一款强大的数据库管理软件,使用它可以轻松连接到MySQL、SQLite、Oracle、MariaDB、Mssql、及PostgreSQL数据库,让管理不同类型的数据库更加的方便。有了NavicatPremium,您不再需要为不同的数据库而切换不同的数据库工具。NavicatPremium结合了其他Navicat成员的功能。有了这种连接到不同数据库的能力,它可以在MySQL、SQLite、Oracle、MariaDB、Mssql、及PostgreSQL之间进行数据传输,同

发表回复

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

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