express框架结合jade模板引擎使用

在views文件夹里新建一个jade.jade文件作为模板:

html
    head
        title 哈哈
    body
        #box
            ul
                li 标题1
                li 标题2
                li 标题3
                li 标题4
        #aside

在js里关联:

var express = require("express");
var app = express();
var jade = require("jade");

app.engine("jade",jade.__express);
app.set("view engine","jade");
app.get("/",function (req,res) {
    res.render("jade");//对应views文件夹里的jade.jade文件
})
app.listen(3000);

浏览器访问3000端口:

时间: 2024-11-08 04:33:31

express框架结合jade模板引擎使用的相关文章

express框架结合ejs模板引擎使用

我们在项目里建立一个views文件夹(必须),然后在里面建立一个模板文件news.ejs: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1

node下使用express框架,ejs模板引擎

ubuntu下安装 node npm相关 apt-get update apt-get install -y python-software-properties software-properties-common add-apt-repository ppa:chris-lea/node.js apt-get update apt-get install nodejs 命令执行完之后,Node.js就安装好了,一旦Node.js 有新版本发布,直接升级即可,无需从头编译安装: 这样, nod

Jade 模板引擎使用

在 Express 中调用 jade 模板引擎 jade 变量调用 if 判断 循环 Case 选择 在模板中调用其他语言 可重用的 jade 块 (Mixins) 模板包含 (Includes) 模板引用 (Extends) 在 Express 中调用 jade 模板引擎 var express = require('express'); var http = require('http'); var app = express(); app.set('view engine', 'jade'

Node.js开发入门—使用jade模板引擎

在"Node.js开发入门--Express安装与使用"里,我们曾经使用express generator创建了一个HelloExpress网站,express工具为我们生成了基本的目录结构.模板.stylesheet.routers等.虽然那只是一个简单的HelloWorld类的小东西,可里面包含的内容还是有些多了,为了更好的理解Express所支持的jade模板引擎的用法,我们这次提供一个手动创建的小网站,可以显示来访者的IP,并对访问进行计数. 安装jade npm instal

jade模板引擎简明用法

①.特性 首个单词为标签,有一些不能识别的标签可作为code,如each for case if  else if unless zen coding风格添加标签,如 .nb#hello 生成 <div class="nb" id="hello"></div> 缩进必须统一使用tab或space,否则会报错 通过缩进来表示嵌套关系,这个很重要!如 p a   生成 <p><a></a></p>

初次入坑jade模板引擎(一)

最近由于工作需要全栈开发,nodejs做后端,在写一个后台管理系统的时候,我一直在考虑用怎样的方式去写,尝试过依然采用前后端分离的结构.使用json数据进行数据交互的模式,但是尝试过才知道,真的很花时间和精力,大部分精力都花在了前端构建上面了. 后来我想到了模板引擎,采用现成的UI框架直接套用,然后通过模板引擎直接在服务端生成HTML代码.node常用的模板引擎有ejs和jade,都说jade很牛逼,所以今天就尝试了一下. 首先安装jade npm install jade 安装好后在expre

jade模板引擎

jade是使用JavaScript实现,可供nodejs使用的高性能模板引擎(性能高不高,有些争议.姑且称之为高性能吧!).模板引擎有很多,主要使用比较广泛的是jade和ejs,modejs项目默认使用jade作为模板引擎,我也就不多说了至于如何选择,还是得就事论事综合各种因素来考虑.在此不对优缺点进行分析.插一句嘴,ejs的语法更像jsp.asp这样的技术而jade更像python的语法风格,缩进来缩进去,有点绕.不过这并不影响代码的可读性(我是这么认为的).不管是jade还是ejs语法都比较

Node.js开发 ---- Jade 模板引擎使用

1.安装jade插件npm install jade 2.app.js[javascript] view plain copy 在CODE上查看代码片派生到我的代码片var express = require('express'); var http = require('http'); var app = express(); app.set('view engine', 'jade'); // 设置模板引擎 app.set('views', __dirname); // 设置模板相对路径(相

Jade模板引擎学习(一)安装及基本语法

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