express搭建简单的后台服务器（基础篇），开发前端基础

// GET method route

app.get(‘/’, function (req, res, next) {

res.send(‘GET request to the homepage’);

next();

});

// POST method route

app.post(‘/’, function (req, res, next) {

res.send(‘POST request to the homepage’);

next();

});

还有一种不区分请求方式的写法，不管使用 GET、POST、PUT、DELETE 或其他任何 http 模块支持的 HTTP 请求，句柄都会得到执行。

app.all(‘/secret’, function (req, res, next) {

console.log(‘Accessing the secret section …’);

next(); // pass control to the next handler

});

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 实例是一个完整的中间件和路由系统。这样我们就可以在一个文件中专门做路由处理，而在app.js中use这个中间件。

例如我们在一个routes.js文件中这样使用。

// routes.js文件

var express = require(‘express’);

var router = express.Router();

// 定义网站主页的路由

router.get(‘/’, function(req, res) {

res.send(‘home page’);

});

// 这里把中间件导出，供app.js使用

module.exports = router;

app.js中这样使用：

var router = require(‘./router’);

// 其他处理逻辑代码

…

…

…

// 最后use路由中间件

app.use(‘/’, router);

静态文件

---

使用静态文件服务

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

app.use(express.static(‘public’));

然后就可以访问public中的静态资源了。

http://localhost:3000/images/avatar.jpg

多个静态资源文件夹

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

app.use(express.static(‘public’));

app.use(express.static(‘assets’));

挂在虚拟目录下

app.use(‘/resourse’, express.static(‘public’));

那么访问的方式就是

http://localhost:3000/resourse/images/avatar.jpg

中间件

---

定义

什么叫中间件，引用官方的解释就是：

中间件（Middleware） 是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和 web 应用中处于请求-响应循环流程中的中间件，一般被命名为 next 的变量。Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架：从本质上来说，一个 Express 应用就是在调用各种中间件。

中间件可以做的事情

（1）执行任何代码。

（2）修改请求和响应对象。

（3）终结请求-响应循环。

（4）调用堆栈中的下一个中间件。

中间件分类

应用级中间件

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

3/H4lCoPEF.jpg" />

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

[外链图片转存中…(img-mK7EJUtV-1712100645496)]