express web的一款mvc框架

阅读量：6572 次

发布时间：2019-06-24

本文共 6366 字，大约阅读时间需要 21 分钟。

express

express相关的网站

web开发有这么常用的四款mvc (model(数据层) view(视图层) controller(控制层))框架，我们今天说一下express

*express

*koa

*阿里的egg框架

*thinkjs

express()

Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架

安装

创建一个目录

$ mkdir myapp$ cd myapp

通过 npm init 命令为你的应用创建一个 package.json 文件。

$ npm init

然后需要我们自己在目录下创建一个app.js 文件

接下来安装 Express 并将其保存到依赖列表中：

$ npm install express --save

Hello world 实例

app.js

var express = require('express');//引入模块var app = express();//调用函数app.get('/', function (req, res) {  res.send('Hello World!');});//请求Hello World!var server = app.listen(3000, function () {  var host = server.address().address;  var port = server.address().port;  console.log('Example app listening at http://%s:%s', host, port);});  //启动

运行下面命令

$ node app.js

然后在浏览器中打开 :3000/ 并查看输出结果。

express 应用生成器

通过应用生成器工具 express 可以快速创建一个应用的脚手架。

命令行安装

$ npm install express-generator -g

在当前工作目录下创建一个命名为 myapp1 的应用。(和myapp同级)

$ express myapp

安装依赖包：

$ cd myapp $ npm install

启动这个应用（MacOS 或 Linux 平台）：

$ DEBUG=myapp npm start

Windows 平台使用如下命令：

set DEBUG=myapp & npm start

然后在浏览器中打开 :3000/ 网址就可以看到这个应用了

express路由

路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求

我们可以在routes这个文件夹下创建一个文件order.js来详细的说一下路由的用法。

order.js

var express = require('express');var router = express.Router();router.get('/', function(req, res, next) {  res.render('order',{msg:'我的订单'});});router.get('/list', function(req, res, next) {  res.send('订单列表');});module.exports = router;

app.js

var order = require('./routes/order');//引入roder.jsapp.use('/order', order);

Express 模板引擎(本博客开头有网址关于 pug(jade)的)

模板引擎有这么几类pug(jade) ejs handlerbars(扩展模块)

需要在应用中进行如下设置才能让 Express 渲染模板文件：

*views, 放模板文件的目录，比如： app.set('views', './views')

*view engine, 模板引擎，比如： app.set('view engine', 'jade')

然后安装相应的模板引擎 npm 软件包。

$ npm install jade --save$ npm install ejs --save

需要那种就在app.set('view engine', 'jade')里将'jade'改成那种。

在 views 目录下生成名为 order.jade 的 Jade 模板文件，内容如下：

doctype htmlhtml  head    title 订单  body    h1 #{msg}

然后使用路由渲染它：

router.get('/',function(req,res,nest){    res.render('orders',{msg:'订单首页'})})

Express 托管静态文件

通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。

将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如，假设在 public 目录放置了图片、CSS 和 JavaScript 文件，你就可以：

app.use(express.static('public'));

如果你的静态资源存放在多个目录下面，你可以多次调用 express.static 中间件：

app.use(express.static('public'));app.use(express.static('files'));

你就可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。

http://localhost:3000/static/images/kitten.jpghttp://localhost:3000/static/css/style.csshttp://localhost:3000/static/js/app.jshttp://localhost:3000/static/images/bg.pnghttp://localhost:3000/static/hello.html

中间件

中间件（Middleware）是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和 web 应用中处于请求-响应循环流程中的中间件，一般被命名为 next 的变量。

中间件的功能包括：

*执行任何代码。

*修改请求和响应对象。

*终结请求-响应循环。

*调

中间件种类:

*应用级中间件

*路由级中间件

*错误处理中间件

*内置中间件

*第三方中间件

应用级中间件

应用级中间件绑定到 app 对象使用 app.use() 和 app.METHOD()，其中， METHOD 是需要处理的 HTTP 请求的方法，例如 GET, PUT, POST 等等，全部小写。例如：

var app = express();// 没有挂载路径的中间件，应用的每个请求都会执行该中间件app.use(function (req, res, next) {  console.log('Time:', Date.now());  next();});// 挂载至 /user/:id 的中间件，任何指向 /user/:id 的请求都会执行它app.use('/user/:id', function (req, res, next) {  console.log('Request Type:', req.method);  next();});// 路由和句柄函数(中间件系统)，处理指向 /user/:id 的 GET 请求app.get('/user/:id', function (req, res, next) {  res.send('USER');});

在下面的例子中，为指向 /user/:id 的 GET 请求定义了两个路由。第二个路由虽然不会带来任何问题，但却永远不会被调用，因为第一个路由已经终止了请求-响应循环

// 一个中间件栈，处理指向 /user/:id 的 GET 请求app.get('/user/:id', function (req, res, next) {  console.log('ID:', req.params.id);  next();}, function (req, res, next) {  res.send('User Info');});// 处理 /user/:id， 打印出用户 idapp.get('/user/:id', function (req, res, next) {  res.end(req.params.id);});

如果需要在中间件栈中跳过剩余中间件，调用 next('route') 方法将控制权交给下一个路由。注意： next('route') 只对使用 app.VERB() 或 router.VERB() 加载的中间件有效。

路由级中间件

路由级中间件和应用级中间件一样，只是它绑定的对象为 express.Router()。

var router = express.Router();

路由级使用 router.use() 或 router.VERB() 加载。

var app = express();var router = express.Router();// 没有挂载路径的中间件，通过该路由的每个请求都会执行该中间件router.use(function (req, res, next) {  console.log('Time:', Date.now());  next();});// 一个中间件栈，显示任何指向 /user/:id 的 HTTP 请求的信息router.use('/user/:id', function(req, res, next) {  console.log('Request URL:', req.originalUrl);  next();}, function (req, res, next) {  console.log('Request Type:', req.method);  next();});// 一个中间件栈，处理指向 /user/:id 的 GET 请求router.get('/user/:id', function (req, res, next) {  // 如果 user id 为 0, 跳到下一个路由  if (req.params.id == 0) next('route');  // 负责将控制权交给栈中下一个中间件  else next(); //}, function (req, res, next) {  // 渲染常规页面  res.render('regular');});// 处理 /user/:id， 渲染一个特殊页面router.get('/user/:id', function (req, res, next) {  console.log(req.params.id);  res.render('special');});// 将路由挂载至应用app.use('/', router);

错误处理中间件

错误处理中间件和其他中间件定义类似，只是要使用 4 个参数，而不是 3 个，其签名如下： (err, req, res, next)。

app.use(function(err, req, res, next) {  console.error(err.stack);  res.status(500).send('Something broke!');});

内置中间件

express.static(root, [options])

express.static 是 Express 唯一内置的中间件。它基于 serve-static，负责在 Express 应用中提托管静态资源。

参数 root 指提供静态资源的根目录。

下面的例子使用了 express.static 中间件，其中的 options 对象经过了精心的设计。

var options = {  dotfiles: 'ignore',  etag: false,  extensions: ['htm', 'html'],  index: false,  maxAge: '1d',  redirect: false,  setHeaders: function (res, path, stat) {    res.set('x-timestamp', Date.now());  }}app.use(express.static('public', options));

第三方中间件

通过使用第三方中间件从而为 Express 应用增加更多功能。

安装所需功能的 node 模块，并在应用中加载，可以在应用级加载，也可以在路由级加载。

进程管理器

在编写程序时，我们发现，每次更改文件之后，都需要在命令行内停止当前的服务，然后输入 npm start ，很麻烦。我们需要一款自动刷新的工具

pm2

安装：

npm install pm2 -gd

启动

pm2 start ./bin/www --watch

PS D:\node.js\code\0505\myapp2> pm2 start ./bin/www --watch┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬───────────┬────────┬──────────┐│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem       │ user   │ watching │├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼───────────┼────────┼──────────┤│ www      │ 0  │ fork │ 17480 │ online │ 0       │ 0s     │ 0%  │ 24.1 MB   │ lenovo │ enabled  │└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴───────────┴────────┴──────────┘ Use `pm2 show 
    
     ` to get more details about an app

当显示 status 为 online 时，说明程序启动成功

现在可以打开 :3000 就可以看到运行的程序了

停止应用：