Node学习笔记二:Hello Express

Express 版本:4.13.1

1 启动服务

1.1 手动启动

如果需要手动启动服务,执行命令:

 npm start

或:

DEBUG=LearnNodejs:* npm start

1.2 Supervisor自动监测文件变化

Superviosr 安装资料 https://github.com/petruisfan/node-supervisor

全局安装

npm install supervisor -g

安装完毕后,执行命令:

supervisor bin/www

supervisor 默认监测的是当前目录下的所有文件。当项目文件夹中有文件变化时,会重新执行 bin/www文件;
为何不是supervisor app.js?
打开package.json

"scripts": {
    "start": "node ./bin/www"
  }

可以发现新版的express入口文件是bin/www而不是app.js
所以Supervisor 应该指向bin/www,既当文件发生改变的时候执行node bing/www

2 初识视图与路由:

2.1 添加视图:

./views/创建:about.jad
输入代码

extends layout

block content
  h1= title
  p this is #{title}

2.2 添加路由

在路由文件夹:./routes/添加about.js作为新的路由模块,
输入代码

var express = require('express');
var router = express.Router();

/* GET about */
router.get('/',function(req,res,next){ 
   //引用刚刚创建的视图:./views/about.jad文件
    res.render('about',{title:'About'});
});

module.exports = router;

在app.js加入以下代码

//引入about路由模块
var about = require('./routes/about');
//当用户访问localhost:3000/about/路径时 使用about模块
app.use('/about',about);

如果是需要制定更深层的路径,例如: /about/me该怎么做?
打开routes/about.js文件,添加以下代码

/* GET about/me */
router.get('/me',function(req,res,next){
    res.render('about',{title:'me'});
});

我们可以看出,在`routes/about.js`作为一个子模块(sub-app)加载到app.js中。

3 更换模板引擎

Express 默认的模板引擎为jad,如果要使用underscore.js模板怎么办?

3.1 安装underscore-express

npm install underscore-express

在app.js中引入underscore-express:

// view engine setup
app.set('views', path.join(__dirname, 'views'));
//设置模板文件格式`tmpl`
app.set('view engine', 'tmpl');
//引入underscore-express
require('underscore-express')(app);

3.2 创建undercore模板:

在views文件夹中创建header.tmpl

<html>
    <head>
        <title>Header!</title>
    </head>
    <body>

创建footer.tmpl

    </body>
</html>

创建 index.tmpl

<%= include('header') %>
Welcome to <%= title %> !
<%= include('footer') %>

访问 http://localhost:3000/
可以看到

Welcome to underscore !

4 RESTful API

Router 支持 RESTful 风格的API:
先准备好RESTful 调试工具,
Postman:
https://chrome.google.com/webstore/search/postman?utm_source=chrome-ntp-icon

然后就可以开始干了。
打开about.js 在

/* GET about */
router.get('/',function(req,res,next){
    res.render('about',{title:'About'});
});

之后添加以下代码:

/* POST about */
router.post('/',function(req, res, next){
    res.json({method:'post', message:'ok',request:req.body});
});

上面代码意思是, 当用户以POST方法传递数据进来时,我们将返回Json数据。req.body是指的是请求时传递过来数据。
如何调试呢?
可以照如下图设置Postman:

Paste_Image.png

点击 Send 按钮后,可以获得响应:

Paste_Image.png

Put,Delete方法也类似,代码如下:

/* PUT about */
router.put('/',function(req,res,next){
    res.json({method:'put', message:'ok',request:req.body});
});
/* DELETE about */
router.delete('/',function(req,res,next){
    res.json({method:'delete', message:'ok',request:req.body});
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,651评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,468评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,931评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,218评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,234评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,198评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,084评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,926评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,341评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,563评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,731评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,430评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,036评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,676评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,829评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,743评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,629评论 2 354

推荐阅读更多精彩内容