express基础介绍

更新时间：2022-06-18 09:45:58

express基础介绍

一、安装环境及准备工作
安装node、npm、express、jade、less及supervisor
安装node环境，官网：http://nodejs.org
安装npm插件管理工具，官网：https://npmjs.org
安装express，官网：http://www.expressjs.com
安装jade，官网：http://jade-lang.com
安装less，官网：http://www.lesscss.net
安装supervisor，使用：supervisor app.js
备注：
npm install express （安装在当前目录下）
npm install -g express (安装在全局)
node_modules包含文件如下图所示：
express基础介绍

二、基础例子
app.js内容

var express = require('express');
var app = express.createServer(
    express.logger()
);

app.configure(function(){
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(app.router);
    app.use(express.bodyParser());
    app.use(express.errorHandler({
        dumpExceptions:true,showStack:true
    }));
});

app.get('/',function(req,res){
    res.render('index.jade',{title:'标题'});
});

app.listen(3000);

views目录包含layout.jade和index.jade
layout.jade内容

!!!
html
    head
        meta(charset='utf-8')
        block headblock
    body
        block contentblock

index.jade内容

extends layout

block headblock
    title #{title}
    include ../less/test.less

block contentblock
    h1= title
    p Hello Moming ! Welcome to #{title}
  
    include ../script/test.js

备注：
less目录包含test.less文件
script目录包含test.js文件

express基础介绍

上一篇 : ：js模板引擎，哪个好下一篇 : 小写转换大写（人民币）

express基础介绍

相关阅读

推荐文章