Node.js的Express框架笔记

最新推荐文章于 2024-04-19 09:32:20 发布
最新推荐文章于 2024-04-19 09:32:20 发布
阅读量105 收藏
点赞数
分类专栏： Node 文章标签： node Express框架 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43379230/article/details/103302138
版权

Express 框架

简介

  1. Express 是基于Node.js 的极简web框架，它的运用十分的广泛。

  2. Express 是一个路由和中间件web框架，其自身只有最低程度的功能：Express应用程序基本上是一系列中间件函数调用。

  3. npm 安装：npm install express --save

  4. express 入门案例：

        const APP = require('express')();
    
    APP.get('/', function (req, res) {
        res.send('hello');
    });
    
    APP.listen(3000,function () {
        console.log('running...');
    });

在Express 中提供静态文件

  1. 为了提供如图像、css文件和JavaScript文件之类的静态文件，请使用Express中的express.static 内置中间件函数。
  2. 将包含静态资源的目录的名称（即静态资源的根路径）传递给express.static 中间件函数，以便开始直接提供这些文件。例如，使用以下代码在名为public的目录中提供图像、css文件和JavaScript文件。
  3. 使用 app.use(express.static('rootpath'))加载静态资源
  4. use() 方法的第一个参数可以指定一个虚拟路径。
  5. 可以指定多个目录作为静态资源目录，只需要将use()重复调用多次即可。
  6. 参考下面的代码：
        //========== express 静态资源托管 ============
    const EXPRESS = require('express');
    const APP = EXPRESS();
    
    APP.use('/static',EXPRESS.static('public'));
    APP.use(EXPRESS.static('doc'));
    
    APP.listen(3000,function () {
     console.log('Express server running...');
    });

Express 路由

基础路由

  1. 路由：根据请求路径和请求方式进行路径分发处理
  2. http常用的请求方式：
    • post 添加操作
    • get 查询操作
    • put 更新操作
    • delete 删除操作
  3. restful api : 一种特定格式的URL
  4. express 基础路由，参考下面的代码：
     const EXPRESS = require('express');
 const APP = EXPRESS();
 
 //express基础路由
 APP.get('/',function (req,res) {
 	res.send('get data');
 });
 
 APP.post('/',function (req,res) {
 	res.send('post data');
 });
 
 APP.put('/',function (req,res) {
 	res.send('put data');
 });
 
 APP.delete('/',function (req,res) {
 	res.send('delete data');
 });
 
 //直接使用use 可以拦截所有的请求
 APP.use(function (req,res) {
 	res.send('ok');
 });
 
 APP.listen(3000,function () {
 	console.log('APP running...');
 });
  5. app.route(): 为路由路径创建可连接的路由处理程序。因为在单一位置指定路径，所以可以减少冗余和输入错误。参考下面的代码：
        app.route('/login')
        .get(function (req,res) {
            res.send('get ');
        })
        .post(function (req,res) {
            res.send('post');
        })
        .put(function (req,res) {
            res.send('put');
        });
  6. express.Router: 使用express.Router类来创建可安装的模块化路由处理程序。Router实例是完整的中间件和路由系统；因此，常常称其为“微型应用程序”。参考下面的代码：
       //============= 路由器处理模块 ==================
   
   const express = require('express');
   const router = express.Router();
   
   //------------ 处理路由 -------------
   router.get('/',function (req,res) {
   	res.send('ok');
   });
   
   //------------- 导出路由模块 -----------
   module.exports = router;

express 整合模板引擎

  1. 在项目中安装对应的模板引擎npm包：
  2. 设置以下运用程序设置：
    • views: 模板文件所在的目录。例如：app.set('views', './views')。注意第一个参数是固定的写法 ‘views’,第二个参数是模板文件所在的根路径
    • view engine: 要使用的模板引擎。例如：app.set('view engine','pug')。 第一个参数是固定的写法，第二个参数是模板文件的后缀名。
  3. 使express兼容模板引擎 例如：app.engine('art',require('express-art-template'));
  4. 通过res.render('模板名称',data);来渲染模板。
  5. 具体参考下面的代码：
       //============ express 整合模板引擎 ================
   const express = require('express');
   const app = express();
   const path = require('path');
   
   //设置模板的路径
   app.set('views',path.join(__dirname,'views'));
   //设置模板引擎
   app.set('view engine', 'art');
   //使express兼容art-template模板引擎
   app.engine('art',require('express-art-template'));
   
   let data = { //水果---模板引擎渲染需要的数据
   	title: '水果',
   	list: ['apple', 'banana', 'chestnut']
   };
   
   app.get('/',function (req,res) {
   	res.render('list.art',data);
   });
   
   app.listen(3000, function () {
   	console.log('running...');
   });

express 中间件

  1. 中间件就是处理过程的一个环节，其本质是一个函数。
  2. 中间件函数能够访问请求对象（req),响应对象（res)以及应用程序的请求/响应循环中的下一个中间件函数。下一个中间函数通常由名为next的变量表示。
  3. 中间件函数可以执行以下任务：
    • 执行任何代码
    • 对请求和响应对象进行更改
    • 结束请求/响应循环
    • 调用堆栈中的下一个中间件函数
  4. 如果当前中间件函数没有结束请求/响应循环，那么它必须调用next()，以将控制权传递给下一个中间件函数。否则，请求将保持挂起状态。
  5. Express 应用程序可以使用以下类型的中间件
    • 应用层中间件
    • 路由层中间件
    • 错误处理中间件
    • 内置中间件
    • 第三方中间件

应用层中间件

  1. 使用app.use()和app.METHOD()函数将应用层中间件绑定到应用程序对象的实例，其中METHOD是中间件函数处理的请求方法的小写（如 get，post等）
  2. 应用层中间件的简单示例，参考下面的代码：
    • 使用 app.use()
       //=========== express 中间件 ==============
   const EXPRESS = require('express');
   const APP = EXPRESS();
   let total = 0; //记录被访问的次数
   
   APP.use('/www', function (req, res, next) {
   	console.log(`有人访问了, 访问时间：${Date.now()}`);
   	next(); //将控制权传递给下一个中间件函数
   });
   
   APP.use('/www', function (req, res, next) {
   	//记录访问日志
   	console.log('访问了：/www');
   	next();
   });
   
   APP.use('/www', function (req, res) {
   	total += 1;
   	console.log(`被访问的次数：${total} \n`);
   	res.send('result');
   });
   
   APP.listen(3000,function () {
   	console.log('APP running...');
   });
    • 使用 app.METHOD() ,注意 next(‘route’) 是将控制权交给下个路由。参考下面的代码：
       let cb0 = function (req, res, next) {
   	console.log('cb0');
   	next();
   };
   let cb1 = function (req, res, next) {
   	console.log('cb2');
   	next();
   };
   let cb2 = function (req, res) {
   	res.send('Hello word');
   };
   APP.get('/abc', [cb0, cb1, cb2]);
   
   APP.listen(3000, function () {
   	console.log('APP running...');
   });

路由器层中间件

  1. 路由器层中间件的工作方式与应用层中间件基本相同，差异之处在于它绑定到express.Router()的实例
  2. 使用方式：const router = express.Router();，使用router.use() 和router.METHOD() 函数装入路由器层中间件。
  3. 参考下面的代码：
       //=========== 路由器层中间件 ============
   const EXPRESS = require('express');
   const APP = EXPRESS();
   const ROUTER = EXPRESS.Router();
   
   ROUTER.get('/login',function (req,res,next) {
    console.log(req.url);
    next();
   });
   
   ROUTER.get('/login', function (req, res,next) {
    res.send('router');
   });
   
   APP.listen(3000, function () {
    console.log('server running...');
   });

错误处理中间件

  1. 错误处理中间件函数的定义方式与其他中间件函数基本相同，差别在于错误处理函数有四个变量(err,req,res,next)；必须提供四个变量，即使无需使用next对象，也必须指定，否则next对象将被解析为常规中间件，从而无法处理错误。
  2. 请在其他app.use() 和路由调用之后，最后定义错误处理中间件。
  3. 参考下面的代码：
        const EXPRESS = require('express');
    const APP = EXPRESS();
    
    APP.use('/', function (req, res) {
        throw new Error('fail');
    });
    
    APP.use(function (err, req, res, next) {
        console.log(err);
        res.status(500).send('Something broke');
    });
    
    APP.listen(3000, function () {
        console.log('running...');
    });

内置中间件模块

  1. 自v.x 起，Express不再依赖于Connect。除了express.static外，Express 随附的所有中间件函数以单独模块的形式提供。

第三方中间件

  1. 使用第三方中间件向Express程序添加功能需要先安装该中间件
  2. 安装方式如：npm install cookie-parser --save
  3. 使用方式如下所示：
       const EXPRESS = require('express');
   const APP = EXPRESS();
   const COOKIE = require('cookie');
   
   APP.use(COOKIE());
Express 参数处理

  1. 使用body-parser第三方中间件，安装方式：npm install body-parser

  2. get 请求使用 req.query 获得提交的数据

  3. post 请求使用 req.body 获得提交的数据

  4. 参考下面的代码：

       //========= express 参数处理 =============
   const EXPRESS = require('express');
   const APP = EXPRESS();
   const BODY_PARSER = require('body-parser');
   
   //加载静态资源
   APP.use('/static', EXPRESS.static('public'));
   
   //使用参数解析中间件
   //解析 application/x-www-form-urlencoded
   APP.use(bodyParser.urlencoded({extended: false}));
   //解析 application/json
   APP.use(bodyParser.json());
   
   // 获取get参数
   APP.get('/login', function (req, res) {
   	console.log(req.query);
   	res.send('get params');
   });
   
   // 获取post 参数
   APP.post('/login', function (req, res) {
   	console.log(req.body);
   	res.send('post params')
   });
   
   APP.listen(3000, function () {
   	console.log('server running...');
   });

Express 中有用的方法

response（响应）

  1. res.redirect(url)：重定向到指定的url页面。url: 重定向的页面的路径。
[小月]
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js Express 框架 2024版 笔记
PieroPc的博客
01-31 688
Node.js express 框架 笔记
Node.js笔记-Express（基于Node.js的web开发框架）
maohe的博客
02-11 1031
基于Node.js的Express框架使用及说明，快速使用，express路由，express中间件等深入浅出的使用说明。
Node.js学习笔记——Express.js
manerzi的博客
04-02 1068
Node.js学习笔记——Express.js
Node.js Express 框架1：路由，响应，中间件
lilcur的博客
02-20 922
node.js 中 的express框架
Node.js Express框架
CYSNLD的博客
09-17 151
Express是一个简洁而灵活的node.js Web因故用框架，提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。
Node.JS后端开发笔记整理（简洁版）
虎康的博客
04-19 676
基于 Vue3，面向设计师和开发者的组件库。
【Node.js】Express学习笔记（黑马）
m0_59778008的博客
04-11 1462
什么是 Express？官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express 的中文官网进一步理解 Express：思考：不使用 Express 能否创建 Web 服务器？
[Node.js学习笔记]Express框架路由和托管静态文件
あなたの可愛い41
11-06 172
今天继续了解一下Express路由普通语法特殊语法路由参数托管静态文件普通写法express语法 路由 1.路由：就是网址 2.路由参数：网址参数 普通语法 /* * @Author: 41 * @Date: 2021-11-06 10:56:59 * @LastEditors: 41 * @LastEditTime: 2021-11-06 11:16:48 * @Description: */ // 1.引入express框架模块 var express=require('express
Node.js框架Express 学习笔记
weixin_56071445的博客
01-01 641
一、Express 简介 Express 时基于 Node.js 平台，快速、开放、极简的 Web 开发框架。Express 是基于内置的 http 模块进一步封装出来的，能够极大的提高开发效率。使用 Express 可以方便快速的创建 Web 网站服务器或 API 接口的服务器。其中，Web 服务器是专门对外提供 Web 网页资源的服务器；API 接口服务器是专门对外提供 API 接口的服务器。 二、Expresss 的基本使用 1、安装 在笑傲您过目所处的目录...
Node.js的md笔记
Y27896的博客
07-20 184
xx.get(‘/’, m1,m2, (req, res) => {})//(局部多个中间件生效)bcrypt.compareSync(用户提交的密码, 数据库中的密码)//比较密码是否一致。path.basename(fpath) //返回 in.html。path.extname(fpath) //返回 .html。xx.get(‘/’, m, (req, res) => {})//局部生效。path.basename(fpath,‘.html’) //返回 in。
Node.js学习笔记
05-26
本学习笔记旨在深入解析Node.js的核心概念、特性以及常见应用，帮助你高效地掌握这一强大的开发工具。 1. **事件驱动模型** Node.js采用非阻塞I/O和事件驱动模型，使得它在处理高并发请求时表现出色。这种模型通过...
前端学习笔记-Node.js
05-26
Node.js是一种基于Chrome V8引擎的JavaScript运行环境，它让JavaScript得以在服务器端执行，开启了前后端同语言的时代。Node.js利用非阻塞I/O和事件驱动模型，使其在处理高并发场景时表现出高效性能。在黑马程序员的...
node.zip 笔记 ppt express koa mysql
06-20
“node.js”标签进一步确认了这个压缩包的核心内容是围绕Node.js这一JavaScript运行环境的，可能涵盖了Node.js的基础知识、开发工具、模块系统、异步编程等方面。 【压缩包子文件的文件名称列表】 由于未提供具体的...
Node.js-Nodejs学习笔记以及经验总结
08-09
中间件是Node.js处理请求的一种机制，如Express框架中的中间件，按照顺序执行，逐层处理请求和响应。 七、性能优化 1. 异步编程：充分利用非阻塞I/O模型，避免阻塞主线程。 2. 内存管理：理解V8垃圾回收机制，避免...
BasicNodeJS:Node.JS 基础知识笔记
08-05
**Node.js基础知识笔记** Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程，打破了传统的JavaScript只能在浏览器端执行的限制。Node.js以其高效、非阻塞I/O和...
nodejs crypto 加密模块分析及ASE加密、解密的实现
weixin_43379230的博客
12-03 2189
crypto 加密模块 crypto 模块提供了加密功能，包括对OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的以整套封装。 使用 require('crypto') 来访问该模块 查看nodejs支持的加密算法， 使用 crypto.getCiphers(),如下所示 const crypto = require('crypto') crypto.get...
nodejs 实现从服务器发送请求
weixin_43379230的博客
11-30 2125
nodejs 实现从服务器发送请求 nodejs 实现从服务器发送请求需要使用到 nodejs http 模块的 http.request(url[, options][, callback]) 方法。 http.request(url[, options][, callback]) 方法的重要属性： url： url可以是一个字符串或url对象。 options对象的重要属性 protoc...
使用express实现静态资源托管并且可以访问整个目录下的文件
weixin_43379230的博客
02-10 1998
使用express实现静态资源托管还是挺简单的只需要使用express的static中间件即可 代码如下：const express = require('express'); const app = express(); const path = require('path'); //----- 配置静态资源托管 ----- app.use('/', express.static(path....
Express 框架解决跨域问题
weixin_43379230的博客
01-22 1210
当我们在浏览器的console控制台中看到类似如下的信息：Access to XMLHttpRequest at 'http://localhost:3001/books' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is...
简述node.js express框架的基本原理
最新发布
06-20
Node.js Express框架是一个轻量级、灵活的Web应用开发套件，它基于Node.js，利用其事件驱动和非阻塞I/O模型，简化了服务器端应用程序的构建。Express的基本原理如下： 1. **中间件（Middleware）**：Express的核心...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值