nodejs 模板引擎jade的简单使用

1.jade

html
    head
        style
        script
    body
        div
           ul
              li
              li

jade1.js

var  jade=require(‘jade‘);
var str=jade.renderFile(‘./view/1.jade‘,{pretty:true});

console.log(str);

项目部署：

输出结果：

时间： 2024-08-11 10:20:38

nodejs 模板引擎jade的简单使用的相关文章

nodejs 模板引擎ejs的简单使用（2）

test.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <% for(var i=0;i<json.arr.length;i++){ %> <div>用户名:<%=json.arr[i].user%> 密码:<%=j

nodejs 模板引擎ejs的简单使用（3）

1.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <% for(var i=0;i<2;i++){ %> <% include ../a.txt %> <% } %> </body> </html>

nodejs学习（二） ---- express中使用模板引擎jade

系列教程,上一节教程 express+nodejs快速创建一个项目在创建一个项目后,views目录下的文件后缀为 .jade . 打开 index.jade,具体内容如下图(忽略 header.jade 和 footer.jade,下面教程会一步步创建) 页面解析出的样子如下图.完全是html标签一.jade 模板引擎介绍模板引擎是一个库,或者一个使用一定的规则或者语言来解释数据并渲染视图的框架.模板引擎处理过的最终结果是一个视图页面,也就是html页面或者用户图形界面GUI.在MVC

js 模板引擎 jade使用语法

Jade是一款高性能简洁易懂的模板引擎,Jade是Haml的Javascript实现,在服务端(NodeJS)及客户端均有支持. 功能 · 客户端支持 · 超强的可读性 · 灵活易用的缩进 · 块扩展 · 代码默认经过编码处理以增强安全性 · 编译及运行时的上下文错误报告 · 命令行编译支持 · HTML5模式(使用!!!5文档类型) · 可选的内存缓存 · 联合动态和静态标记类 · 利用过滤器解析树的处理 · 支持 Express JS · 利用each透明的循环objects,arrays甚

模板引擎Thymeleaf的简单了解

模板引擎 SpringBoot中,项目以jar包的形式打包,而不是web项目,而且使用的tomcat是嵌入式的tomcat,故不支持JSP了模板引擎:JSP.Velocity.Freemarker.Thymeleaf SpringBoot推荐的Thymeleaf: 语法更简单,功能更强大: 1.引入thymeleaf: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>

模板引擎freemarker的简单使用教程

freemarker十分强大,而且不依赖web容器,个人感觉十分好用. 下面直接进主题,freemarker还有什么特性,请找度娘或谷哥~ 一.freemarker生成word 1.创建模板. 我创建模板的方法比较简单,也不知道有没有其他更好的方法,有的话,请告诉我吧~ 首先是新建一个word文档,按照内容格式排好版,然后在需要注入信息的位置先写上占位置的数据,如图1,然后另存为xml文件(我是存为2003版本的xml),然后用文本编辑器把xml打开,在xml中把对应的数据改为freemarke

学习前端模板引擎 jade (一)

一.为什么要学习jade? 通常大部分前端开发工作者一开始步入前端开发的时候,都是直接简单的写html页面然后丢给后台开发,后台开发在来嵌入模版. 对于日益庞大的前端页面来说,还是用老的字符串拼接的方法来嵌入html内容已经不适应当下的开发趋势了. 废话不多说,直接切入正题. 二.开始装jade. jade基于nodejs的开发环境,所以我们首先要安装nodejs,nodejs的安装方法其实还是挺复杂的,所以请大家自己去百度或者google,省事可以直接去nodejs的官方网站下载nodejs的

html模板引擎jade的使用

jade语法: #{xxx} //嵌入数据 p= xxx //嵌入数据 p #{xx} //嵌入数据标签 html // 翻译为<html></html> div#test // <div id="test"></div> div.bb-dd // <div class="bb-dd"></div> div#bb.aa.cc //也可以的,类似emmet的语法 #content .item /

JavaScript使用Nodejs模板引擎EJS

HTML文件里加入下面一段代码(下载地址:http://www.embeddedjs.com/): <script type="text/javascript" src="ejs_production.js"></script> Syntax // load a template file, then render it with data html = new EJS({url: '/template.ejs'}).render(data)