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 引用文件


猜你喜欢

转载自blog.csdn.net/weixin_41436338/article/details/80773567
今日推荐