Express简单使用

简介：

Express是目前最流行的基于Node.js的Web开发框架。是基于 Node.js 平台，快速、开放、极简的 web 开发框架。
Express 不对 Node.js 已有的特性进行二次抽象，只是在它之上扩展了 Web应用所需的基本功能。

英语官网： http://expressjs.com/
中文官网： http://www.expressjs.com.cn/

1. Express 安装使用

安装：
npm install express --save

--save 参数，表示将自动修改 package.json 文件，自动添加依赖项。

简单使用：

var express = require('express');  // 引入
var app = express();               // 创建一个 Express 应用

app.get('/', function (req, res) {  
  res.send('Hello World!');
});
app.listen(process.env.POST || 8080);

2.路由：

http://www.expressjs.com.cn/guide/routing.html
路由指的就是针对不同请求的 URL，处理不同的业务逻辑。
（1）动态路由配置：

app.get("/user/:id",function(req,res){
  var id = req.params["id"];
  res.send(id);
});

在浏览器中访问：

image.png

（2）路由里面获取 Get 的传值/news?name=heqi&age=100

app.get('/news', function(req, res) {
    res.send(req.query);
});

image.png

当然也可以用url模块获得：

var url = require('url');
var query = url.parse(req.url,true).query;

3.后台模板ejs

EJS 是后台模板，可以把我们数据库和文件读取的数据显示到 Html 页面上面。它是一个第三方模块。（另外还有jade）

现在都是用前端框架，而且流行前后端分离。前端负责路由和模板输出，后端负责数据的处理，两者通过接口传送json数据。

5.用 express. static 托管服务器上的静态文件

（1）给public目录下的文件提供静态服务：
app.use(express.static('public'));

image.png

（2）有虚拟目录的静态服务：
app.use('/public',express.static('public'));

image.png

6.路由模块化

app.route():

同一路径下不同请求方法的处理

可使用 app.route() 创建路由路径的链式路由句柄。由于路径在一个地方指定，这样做有助于创建模块化的路由，而且减少了代码冗余和拼写错误。请参考 Router() 文档了解更多有关路由的信息。

下面这个示例程序使用 app.route() 定义了链式路由句柄。

app.route('/book')
  .get(function(req, res) {
    res.send('Get a random book');
  })
  .post(function(req, res) {
    res.send('Add a book');
  })
  .put(function(req, res) {
    res.send('Update the book');
  });

express.Router

可使用 express.Router 类创建模块化、可挂载的路由句柄。Router 实例是一个完整的中间件和路由系统，因此常称其为一个 “mini-app”。

在 app 目录下创建名为 birds.js 的文件，内容如下：

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

// 定义模块的路由
router.get('/', function(req, res) {
  res.send('Birds home page');
});
// 定义模块的about 页面路由
router.get('/about', function(req, res) {
  res.send('About birds');
});

module.exports = router;

然后在应用（主入口）中加载路由模块：

var birds = require('./birds');
app.use('/birds', birds);

所以要访问birds.js中的/about，则访问/birds/about，输出：'About birds'

7.express脚手架

http://www.expressjs.com.cn/starter/generator.html

看看目录结构：

image.png

package.json：

image.png

npm i
npm start
打开http://localhost:3000/就可以看到：

image.png

最后编辑于：2020.04.09 14:27:16