位置: 编程技术 - 正文

Node.js的Web模板引擎ejs的入门使用教程(nodejs web3)

编辑:rootadmin

推荐整理分享Node.js的Web模板引擎ejs的入门使用教程(nodejs web3),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nodejs web3,node.js web,node html模板,node html模板,nodejs web3,node js模块,node html模板,nodejs 模板,内容如对您有帮助,希望把文章链接给更多的朋友!

Node 开源模板的选择很多,但推荐像我这样的老人去用 EJS,有 Classic ASP/PHP/JSP 的经验用起 EJS 来的确可以很自然,也就是说,你能够在 <%...%> 块中安排 JavaScript 代码,利用最传统的方式 <%=输出变量%>(另外 <%-输出变量是不会对 & 等符号进行转义的)。安装 EJS 命令如下:

JS 调用JS 调用的方法主要有两个:

实际上 EJS 可以游离于 Express 独立使用的,例如:

names 成了本地变量。

选项参数第二个参数是数据,一般是一个对象。而这个对象又可以视作为选项,也就是说数据和选择都在同一个对象身上。如果不想每次都都磁盘,可需要缓存模板,设定 options.filename 即可。例如:

inculde 指令而且,如果要如

般插入公共模板,也就是引入文件,必须要设置 filename 选项才能启动 include 特性,不然 include 无从知晓所在目录。模板:

EJS 支持编译模板。经过模板编译后就没有 IO 操作,会非常快,而且可以公用本地变量。下面例子 user/show 忽略 ejs 扩展名:

自定义 CLOSE TOKEN如果打算使用 <h1>{{= title }}</h1> 般非 <%%>标识,也可以自定义的。格式化输出也可以哦。调用:EJS 也支持浏览器环境。不知道 EJS 能否输出多层 JSON 对象呢?

对了,有网友爆料说,jQ 大神 John 若干年前写过 行的模板,汗颜,与 EJS 相似但短小精悍!

简单实用的js模板引擎不足 行的 js 模板引擎,支持各种 js 语法:

“<%= xxx =%>”内是 js 逻辑代码,“<%== xxx =%>”内是直接输出的变量,类似 php 的 echo 的作用。“p”是调用下面 build 方法时的 k-v 对象参数,也可以在调用 “new JTemp” 时设置成别的参数名

调用:

上面的 temp 生成以后,可以多次调用 build 方法,生成 html。以下是模板引擎的代码:

核心是将模板代码转变成了一个拼接字符串的 function,每次拿数据 call 这个 function。

因为主要是给手机(webkit)用的,所以没有考虑字符串拼接的效率问题,如果需要给 IE 使用,最好将字符串拼接方法改为 Array.push() 的形式。

Node.js的Web模板引擎ejs的入门使用教程(nodejs web3)

ejs模板布局 layout1. 如果不愿意使用默认的layout.ejs,可自行指定。例如:

2. 如果不愿意使用layout,则可以设置layout为false,例如:

3. 如果不想每个请求都单独设置一次。可以使用全局设置:

4. ejs 里,默认的闭合标记是 <% .. %>,我们也可以定义自己的标签。例如:

5. 局部布局 在web应用中,经常会需要重复显示某个内容,例如:用户评论功能,需要重复显示出每一条用户的评论,这个时候,我们可以通过循环来实现。但是也可以使用【局部模版】( partial)来实现。例如:

首先我们建一个局部的模版 ./views/comment.ejs:

注意:这里是 comment.xxxx

然后在./views/index.ejs中,通过partial调用comment

注意:这里是 partial("comment.ejs", comments); <-- 单词要用复数。

最后是在router中,调用index.ejs。

注意:代码里的 comments 和 index.ejs的 comments变量名称一致,而partial所调用的comment.ejs中,则采用 comment 的单数形式。

在列表显示时,我们通常会遇到的场景是,对第一个元素或者最后一个元素加以特殊显示。在partial中,我们可以通过express内置的变量来判断当前对象是否是第一个元素或者最后一个元素,例如:

这样第一条评论的 class 里就会多一个firstitem。

类似的内置变量还有:(1)firstInCollection 如果是数组的第一个元素,则为true(2)indexInCollection 当前元素在数组里的索引 (3)lastInCollection 如果是数组的最后一个元素,则为true(4)collectionLength 数组的长度

最后是partial调用模版时的路径查找问题:

(1)partial("edit") 会查找同目录下的edit.ejs文件。(2)partial("../message") 会查找上一级目录的message.ejs文件。(3)partial("users") 会查找 users.ejs文件,如果不存在users.ejs, 则会查找 /users/index.ejs文件。

(4)<%= users %> 会对内容进行转义,想不转义,可以用 <%- users %>

Node.js中npm常用命令大全 npm是什么NPM的全称是NodePackageManager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npmi

Node.js Addons翻译(C/C++扩展) PS:请先升级Node6.2.1,Node升级命令npminstall-gn;nstable.NOde.js扩展是一个通过C/C++编写的动态链接库,并通过Node.js的函数require()函数加载,用起来就像使用一

Node.js环境下JavaScript实现单链表与双链表结构 单链表(LinkedList)的javascript实现npmjs相关库:complex-list、smart-list、singly-linked-list编程思路:add方法用于将元素追加到链表尾部,借由insert方法来实现;

标签: nodejs web3

本文链接地址:https://www.jiuchutong.com/biancheng/370743.html 转载请保留说明!

上一篇:node.js 中国天气预报 简单实现(苹果手机如何给视频添加字幕)

下一篇:Node.js中npm常用命令大全(node.js常用命令)

  • 签订合同后付款
  • 费用化支出期末结转
  • 企业发行债券的目的
  • 盈余公积转增股本的分录怎么写
  • 抵扣认证发票时间
  • 企业支付投资者股利属于什么引起的财务活动
  • 政府补助的核算方法名词解释
  • 现金支票 差旅费
  • 现金比率计算公式含义
  • 收到别人的承兑怎么入账
  • 制造业交新型墙体材料专项基金款分录
  • 酒店代金券怎么做账
  • 每个月计提工资没有发怎么办
  • 企业购买扶贫物资怎么入账
  • 工资预支怎么做账,影响个税吗?
  • 无形资产和固定资产计提折旧的时间
  • 当月工资补扣个税吗
  • 个人所得税更正申报有滞纳金吗
  • 有进项没有销项会计处理
  • 去国外参加展会带什么东西
  • 汇票线下清算什么时候能到账
  • 职工教育经费怎么记账
  • 腾讯电脑管家中的软件搬家
  • rosnmgr.exe - rosnmgr是什么进程 有什么用
  • 非合理损耗怎么做分录
  • oeloader.exe - oeloader是什么进程 有什么用
  • uniapp监听网络状态
  • 对方发票丢失情况说明
  • 增值税的计税依据包括契税吗
  • phpinclude
  • oss使用场景
  • php功能实现
  • 还在用夸克?这3款能安装插件的手机浏览器不香吗_Via_
  • 堡垒封印
  • 金蝶专业版怎么用
  • php操作mysql数据库的扩展有哪三个
  • php递归函数桃子一天吃一半
  • 活动补助会计分录
  • 收入的利息怎么记账
  • python多态的概念
  • 营改增后房地产企业增值税如何核算
  • dede后台左侧菜单空白或不显示的解决办法(完美解决)
  • 全面理解健康教案
  • 工资薪金个人所得税在哪里申报
  • 长期待摊费用的最新账务处理
  • centos 安装方法
  • 补计提所得税怎么做分录
  • 劳动保护费进什么科目
  • 拆迁补偿怎么算的
  • 公司股权作价转让会计分录案例
  • 营业外收入记入企业的什么
  • 应交销项税转出分录
  • 疫情期间购买消毒弥雾机的请示
  • 社保缴纳的时候可以用吗
  • 餐饮店赠品
  • 基本医疗保险费是医保吗
  • 个体户做账流程新手必看
  • 旅游费的发票可以进成本吗?
  • win2003 IIS6.0+PHP+MySQL的安?配置
  • 系统图工具
  • U盘安装ubuntu的分区详细教程
  • win8怎么调亮度调节
  • awk正则表达式中引入变量
  • gcf是什么软件的文件
  • winxp虚拟内存怎么改
  • vmware中安装centos7
  • win8装机教程
  • 不需要远程传输的文件
  • JavaScript数组去重
  • win7系统安装环境
  • js正则 \w
  • 批处理计数
  • 电脑怎么自动清除垃圾
  • 对于javascript理解
  • unity的text
  • Android中使用HttpURLConnection和HttpClient实现GET和POST请求访问网络
  • 辽宁省农村合作医疗2024怎么缴费
  • 境外付汇税务备案要多久
  • 广西国税发票查询系统
  • 公共基础设施项目所得税优惠目录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设