Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解

周末，没事就来公司加班继续研究一下Express ，这也许也是单身狗的生活吧。

1、目录结构：

  • bin, 存放启动项目的脚本文件
  • node_modules, 项目所有依赖的库，以及存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下
  • public，静态文件(css,js,img)
  • routes，路由文件(MVC中的C,controller)
  • views，页面文件(jade模板)，后期打算换成 Ejs 模板搞搞
  • package.json，存储着工程的信息及模块依赖
  • app.js，应用核心配置文件（入口文件）

2、Package.json

package.json用于项目依赖配置及开发者信息，scripts属性是用于定义操作命令的，可以非常方便的增加启动命令，比如默认的start，用npm start代表执行node ./bin/www命令。当在 dependencies 中添加依赖的模块时，运行 npm install ，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块。

 1 {
 2   "name": "myapp",
 3   "version": "0.0.0",
 4   "private": true,
 5   "scripts": {
 6     "start": "node ./bin/www"
 7   },
 8   "dependencies": {
 9     "body-parser": "~1.13.2",
10     "cookie-parser": "~1.3.5",
11     "debug": "~2.2.0",
12     "express": "~4.13.1",
13     "jade": "~1.11.0",
14     "morgan": "~1.6.1",
15     "serve-favicon": "~2.3.0"
16   }
17 }

3、app.js

核心文件，也是项目入口文件。

 1 var express = require(‘express‘);
 2 //用于处理目录的对象，提高开发效率
 3 var path = require(‘path‘);
 4 //用户加载图标
 5 var favicon = require(‘serve-favicon‘);
 6 //在控制台中，显示req请求的信息
 7 var logger = require(‘morgan‘);
 8 //加载cookie模块，用于获取web浏览器发送的cookie中的内容
 9 var cookieParser = require(‘cookie-parser‘);
10 //解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理
11 var bodyParser = require(‘body-parser‘);
12
13 var routes = require(‘./routes/index‘);
14 var users = require(‘./routes/users‘);
15 var demo = require(‘./routes/demo‘);
16
17 var app = express();  //生成一个express实例 app
18
19
20 //设置VIEWS文件夹，__dirname是node.js里面的全局变量。取得执行js所在的路径
21 app.set(‘views‘, path.join(__dirname, ‘views‘));
22 // 视图引擎设置
23 app.set(‘view engine‘, ‘jade‘);
24
25
26 // 定义icon图标，参数为图标的路径。如果不指明，则用默认的express图标
27 //app.use(favicon(path.join(__dirname, ‘public‘, ‘favicon.ico‘)));
28
29 //加载日志中间件，定义日志和输出级别
30 app.use(logger(‘dev‘));
31
32 //加载解析json的中间件,接受json请求
33 app.use(bodyParser.json());
34
35 //加载解析urlencoded请求体的中间件
36 app.use(bodyParser.urlencoded({ extended: false }));
37
38 //加载解析cookie的中间件
39 app.use(cookieParser());
40
41 //静态文件目录设置,设置public文件夹为存放静态文件的目录
42 app.use(express.static(path.join(__dirname, ‘public‘)));
43 //app.use(express.static(path.join(__dirname, ‘html‘)));
44
45 //路由控制器
46 app.use(‘/‘, routes);
47 app.use(‘/users‘, users);
48 app.use(‘/demo‘,demo);
49
50 // 捕获404错误，并转发到错误处理器
51 app.use(function(req, res, next) {
52   var err = new Error(‘Not Found‘);
53   err.status = 404;
54   next(err);
55 });
56
57 // error handlers
58
59 // 开发环境下的500错误处理器，将错误信息渲染error模版并显示到浏览器中
60 if (app.get(‘env‘) === ‘development‘) {
61   app.use(function(err, req, res, next) {
62     res.status(err.status || 500);
63     res.render(‘error‘, {
64       message: err.message,
65       error: err
66     });
67   });
68 }
69
70 // 生产环境下的错误处理器，将错误信息渲染error模版并显示到浏览器中
71 // no stacktraces leaked to user
72 app.use(function(err, req, res, next) {
73   res.status(err.status || 500);
74   res.render(‘error‘, {
75     message: err.message,
76     error: {}
77   });
78 });
79
80 //导出app实例供其他模块调用
81 module.exports = app;

4、Bin/www文件

www文件内容：这里拥有着http服务器的基本配置，www文件也是一个node的脚本，用于分离配置和启动程序只用。代码如下：

 1 #!/usr/bin/env node  //表明是 node 可执行文件
 2
 3 /**
 4  * Module dependencies.
 5  */
 6 //依赖加载
 7 //引入我们上面导出的app实例
 8 var app = require(‘../app‘);
 9
10 //引入debug模块，打印调试日志
11 var debug = require(‘debug‘)(‘myapp:server‘);
12 var http = require(‘http‘);
13
14 /**
15  * Get port from environment and store in Express.
16  */
17 //定义启动端口
18 var port = normalizePort(process.env.PORT || ‘3000‘);
19 app.set(‘port‘, port);
20
21 /**
22  * Create HTTP server.
23  */
24
25 var server = http.createServer(app);
26
27 /**
28  * Listen on provided port, on all network interfaces.
29  */
30
31 server.listen(port);
32 server.on(‘error‘, onError);
33 server.on(‘listening‘, onListening);
34
35 /**
36  * Normalize a port into a number, string, or false.
37  */
38 //端口标准化函数
39 function normalizePort(val) {
40   var port = parseInt(val, 10);
41
42   if (isNaN(port)) {
43     // named pipe
44     return val;
45   }
46
47   if (port >= 0) {
48     // port number
49     return port;
50   }
51
52   return false;
53 }
54
55 /**
56  * Event listener for HTTP server "error" event.
57  */
58 //HTTP异常事件处理函数
59 function onError(error) {
60   if (error.syscall !== ‘listen‘) {
61     throw error;
62   }
63
64   var bind = typeof port === ‘string‘
65     ? ‘Pipe ‘ + port
66     : ‘Port ‘ + port;
67
68   // handle specific listen errors with friendly messages
69   switch (error.code) {
70     case ‘EACCES‘:
71       console.error(bind + ‘ requires elevated privileges‘);
72       process.exit(1);
73       break;
74     case ‘EADDRINUSE‘:
75       console.error(bind + ‘ is already in use‘);
76       process.exit(1);
77       break;
78     default:
79       throw error;
80   }
81 }
82
83 /**
84  * Event listener for HTTP server "listening" event.
85  */
86 //事件绑定函数
87 function onListening() {
88   var addr = server.address();
89   var bind = typeof addr === ‘string‘
90     ? ‘pipe ‘ + addr
91     : ‘port ‘ + addr.port;
92   debug(‘Listening on ‘ + bind);
93 }

5、routes

生成一个路由实例用来捕获访问主页的GET请求，导出这个路由并在app.js中通过app.use(‘/‘, routes); 加载。这样，当访问主页时，就会调用res.render(‘index‘, { title: ‘Express‘ });渲染views/index.jade模版并显示到浏览器中。

1 var express = require(‘express‘);
2 var router = express.Router();
3
4 /* GET home page. */
5 router.get(‘/‘, function(req, res, next) {
6   res.render(‘index‘, { title: ‘Express‘ });
7 });
8
9 module.exports = router;

关于路由，路由中有两个常用功能：

  • app.route()函数，创建可链接的途径处理程序的路由路径。
  • express.Router类，创建模块化安装路径的处理程序。

app.route方法会返回一个Route实例，它可以继续使用所有的HTTP方法，包括get,post,all,put,delete,head等。

1 app.route(‘/users‘)
2   .get(function(req, res, next) {})
3   .post(function(req, res, next) {})

express.Router类，则可以帮助我们更好的组织代码结构。在app.js文件中，定义了app.use(‘/’, routes); routes是指向了routes目录下的index.js文件，./routes/index.js文件中，express.Router被定义使用， 路径/*处理都会由routes/index.js文件里的Router来处理。如果我们要管理不同的路径，那么可以直接配置为多个不同的Router。

1 app.use(‘/user‘, require(‘./routes/user‘).user);
2 app.use(‘/admin‘, require(‘./routes/admin‘).admin);
3 app.use(‘/‘, require(‘./routes‘));

Express生成的骨架大致内容都差不多了解了。下一篇写一个小demo，连实践一下。

时间： 2024-11-18 02:52:26

Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解的相关文章

java学习笔记 第二篇 核心技术（二）

第十四章 集合类 集合类用来存放对象的引用.继承关系如下图: 14.1 Collection 接口 是层次结构中的根接口,构成Collection的单位称为元素.Collection接口不能直接使用,但该接口提供了添加元素.删除元素.管理数据的方法. Collection接口常用方法: 14.2 List 集合 包括List接口以及List集合的所有实现类.List集合中的元素允许重复,各元素循序就是对象插入的顺序 1.List接口,两个重要方法: get(int index): 获取指定索引位

算法学习笔记 KMP算法之 next 数组详解

最近回顾了下字符串匹配 KMP 算法,相对于朴素匹配算法,KMP算法核心改进就在于:待匹配串指针 i 不发生回溯,模式串指针 j 跳转到 next[j],即变为了 j = next[j]. 由此时间复杂度由朴素匹配的 O(m*n) 降到了 O(m+n), 其中模式串长度 m, 待匹配文本串长 n. 其中,比较难理解的地方就是 next 数组的求法.next 数组的含义:代表当前字符之前的字符串中,有多大长度的相同前缀后缀,也可看作有限状态自动机的状态,而且从自动机的角度反而更容易推导一些. "前

Kinect学习笔记之三Kinect开发环境配置详解

0.前言: 首先说一下我的开发环境,Visual Studio是2013的,系统是win8的64位版本,SDK是Kinect for windows SDK 1.8版本.虽然前一篇博文费了半天劲,翻译了2.0SDK的新特性,但我还是决定要回退一个版本. 其实我之前一直在用2.0的SDK在调试Kinect,但无奈实验室提供的Kinect是for Windows 1.0版本的,而且Kinect从1.8之后就好像是一个分水岭,就比如win8和win7有很大的差别,2.0版的Kinect和SDK都是相较

Cocos2d-x学习笔记（十四）CCAutoreleasePool详解

原创文章,转载请注明出处:http://blog.csdn.net/sfh366958228/article/details/38964637 前言 之前学了那么多的内容,几乎所有的控件都要涉及内存管理类CCAutoreleasePool,所以这一次的学习笔记,我们一起来看看CCAutoreleasePool,先从CCObject的autorelease方法入手. CCObject::autorelease CCObject* CCObject::autorelease(void) { // 将

js学习笔记第二篇

Js笔记整理 1.StringAPI a)        大小写转换:str.toUpperCase();str.toLowerCase(); b)        获取指定位置字符: Str[i]--->倒数第二个str[str.length-2] str.charAt(i) str.charCodeAt(i);返回字符的Unicode吗? c)  查找关键字的位置: I.var i=str.indexOf(“kword”[,starti]);如果找不到返回-1,starti默认为0 Ii va

Android学习笔记(第二篇)View中的五大布局

PS:人不要低估自己的实力,但是也不能高估自己的能力.凡事谦为本... 学习内容: 1.用户界面View中的五大布局... i.首先介绍一下view的概念   view是什么呢?我们已经知道一个Activity是Android的显示层,但是Activity是不能直接显示在屏幕上的,它也像JSP那样,显示的东西是html,那么Android也不例外,Activity是一个抽象的壳子,而显示的东西就是view或者是viewgroup(图形用户组件)....   有了这个概念,我们就清楚view是如何

JQuery学习笔记系列（一）----选择器详解

笔者好长时间没有更新过博客园的笔记了,一部分原因是去年刚刚开始工作一段时间忙碌的加班,体会了一种每天加班到凌晨的充实感,之后闲暇时间了也因为自己懒惰没有坚持记笔记的习惯,现在重新拾起来. 借用古人的一段话与诸君共勉: 人之为学,不日进则日退,独学无友,则孤陋而难成:久处一方,则习染而不自觉.不幸而在穷僻之域,无车马之资,犹当博学审问, 古人与稽,以求其是非之所在.庶几可得十之五六.若既不出户,又不读书,则是面墙之士,虽子羔.原宪之贤,终无济于天下. 翻译为:人们求学(或做学问),不能天天上进,就

Objective-C学习笔记：defer的实现方法详解

这篇文章会对 libextobjc 中的一小部分代码进行分析,也是如何扩展 Objective-C 语言系列文章的第一篇,笔者会从 libextobjc 中选择一些黑魔法进行介绍. 对 Swift 稍有了解的人都知道,defer 在 Swift 语言中是一个关键字:在 defer 代码块中的代码,会在作用域结束时执行.在这里,我们会使用一些神奇的方法在 Objective-C 中实现 defer. 如果你已经非常了解 defer 的作用,你可以跳过第一部分的内容,直接看 Variable Att

【转】Android开发学习笔记：5大布局方式详解

Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件. 帧布局(FrameLayout):组件从屏幕左上方布局组件. 表格布局(TableLayout):按照行列方式布局组件. 相对布局(RelativeLayout):相对其它组件的布局方式. 绝对布局(AbsoluteLayout):按照绝对坐标来布局组件. 1. 线性布局 线性布局是Android开发中最常见的一种布局方式,它是按照垂直或者水平方向来布局,通过“android: