之前写的,搬到这里方便查阅,现在好像用koa比较多了,总之先记录。
Express 官网:
英语官网: http://expressjs.com/
中文官网: http://www.expressjs.com.cn/
Express 不对 Node.js 已有的特性进行二次抽象,只是在它之上扩展了 Web应用所需的基本功能。
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);
});
在浏览器中访问:
![](https://i-blog.csdnimg.cn/blog_migrate/7fbfbfa921783b17635a52e384c7d3cb.webp?x-image-process=image/format,png)
(2)路由里面获取 Get 的传值/news?name=heqi&age=100
app.get('/news', function(req, res) {
res.send(req.query);
});
![](https://i-blog.csdnimg.cn/blog_migrate/1f46797e55228cefffc54de154f43e51.webp?x-image-process=image/format,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'));
![](https://i-blog.csdnimg.cn/blog_migrate/0a0f3e167ecd628d6816e0ca83f1eedf.webp?x-image-process=image/format,png)
(2)有虚拟目录的静态服务:app.use('/public',express.static('public'));
![](https://i-blog.csdnimg.cn/blog_migrate/9702670db559c860864639fba086d554.webp?x-image-process=image/format,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;
// 这里我多写了个{},结果报错:
Router.use() requires a middleware function but got a Object.
大概是ES6的模块化与后端模块化common.js的不同吧。
然后在应用(主入口)中加载路由模块:
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
看看目录结构:
![](https://i-blog.csdnimg.cn/blog_migrate/b764f1918ecbfc1ac0c9c531c5ff53ea.webp?x-image-process=image/format,png)
package.json:
![](https://i-blog.csdnimg.cn/blog_migrate/9a4014db37fe48782f599cc2f8d3d729.webp?x-image-process=image/format,png)
npm i
npm start
打开
http://localhost:3000/就可以看到:
![](https://i-blog.csdnimg.cn/blog_migrate/1d6d0a846a7acedc4ff087d4805f2fe9.webp?x-image-process=image/format,png)