nodeJs 模版引擎

先安装依赖

ejs与jade的区别

jade 侵入式      破坏原来的html

ejs   非侵入式    不破坏

----------------------------------------------------------------------------------------------------------------------------

jade的使用

1.根据缩进,规定层级 。 如图


2.属性放在()里面,逗号分隔

3.内容空个格,直接往后堆

------------------------------------------------------------

style的写法:1.普通属性写法。2.用json


class的写法:1.普通属性写法。2.用arr



如果要用json的写法 就要加上&attributes





jade.render('字符串');

jade.renderFile('模板文件名', 参数)


其中pretty参数的作用为输出排版。 下图1为写了参数,图2为没有参数的结果



使用ejs 


--------------------------------------------------------------------------------------------------------


前面带| 则表示 后面输出的为内容 不是标签


后面加.号也能达到同样的效果。点 表示它所有的下一级的内容都是原样输出。


include 可以引入文件。

-----------------------------------------------------------------


把变量name 引入进来。


class 和style 不用#号 可以直接接变量,   也可以2个class同时存在。


-意味着我是一段代码。

span #{a}    和 sapn = a   是一样的


div!=content  非转义字符  就是不要content里的内容转译为字符串,而是转译为标签


例子




-------------------------------------------------------------------------------------------------------------------------

ejs的写法


include 引用文件


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值