Express学习笔记

最新推荐文章于 2024-07-05 17:06:33 发布
最新推荐文章于 2024-07-05 17:06:33 发布
阅读量243 收藏
点赞数
文章标签： node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/olssa/article/details/116091889
版权

Express框架

特性：
提供了方便简介的路由定义方式
对获取HTTP参数请求进行了简化处理
提供了中间件机制有效控制HTTP请求
拥有大量第三方中间件对功能进行扩展

一、基本使用方法

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
app.get('/', (req, res) => {
    res.send('Hello express');
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

运行方法：
在当前目录中打开windows powershell
输入node (文件名).js
在这里插入图片描述
在浏览器中输入localhost：3000便可以看到效果

send()方法内部会检测响应内容的类型，会自动设置http状态码
也可以显示json对象

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
app.get('/request', (req, res, next) => {
    req.name = "zhangsann";
    next();
})
app.get('/request', (req, res) => {
    res.send(req.name);
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

next作为中间件，当匹配完一个路由的时候会继续匹配下一个路由，继续执行

二、app.use中间件
app.use匹配所有的请求方式，可以直接传入请求处理函数，代表接受所有的请求
app.use 第一个参数也可以传入请求地址，代表无论什么请求方式，只要是这个请求地址就接收这个请求

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
//接受所有请求的中间件
app.use((req, res, next) => {
        console.log('app.use中间件')
        next()
    })
//访问/request请求的时候走当前中间件
app.use('/request', (req, res, next) => {
    console.log('request/app.use中间件')
    next()
})
app.get('/list', (req, res) => {
    res.send('/list')
})
app.get('/request', (req, res, next) => {
    req.name = "zhangsann";
    next();
})
app.get('/request', (req, res) => {
    res.send(req.name);
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

三、中间件的应用
1、路由保护：客户端在访问需要登录的页面时，先使用中间件判断用户的登录状态，如果用户没有登录，则拦截请求，禁止进入需要的页面

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
app.use('/admin', (req, res, next) => {
    let islogin = true;
    if (islogin == true) {
        next() //如果已经登录，则继续向下执行
    } else {
        res.send('尚未登录，不能访问当前页面')
    }
})
app.get('/admin', (req, res) => {
    res.send('已经登录，可以访问当前页面')
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

此时状态：
在这里插入图片描述
2、网站的维护公告：在所有路由的最上面定义接收所有请求的中间件，直接为客户端做出相应，网站正在维护中

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
app.use((req, res, next) => {
    res.send('当前网站正在维护。。。') //没有next，请求直接终止
})
app.use('/admin', (req, res, next) => {
    let islogin = true;
    if (islogin == true) {
        next() //如果已经登录，则继续向下执行
    } else {
        res.send('尚未登录，不能访问当前页面')
    }
})
app.get('/admin', (req, res) => {
    res.send('已经登录，可以访问当前页面')
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

在这里插入图片描述
3、定义404页面

const express = require('express'); //引入express框架

const app = express(); //创建web服务器

app.use('/admin', (req, res, next) => {
    let islogin = true;
    if (islogin == true) {
        next() //如果已经登录，则继续向下执行
    } else {
        res.send('尚未登录，不能访问当前页面')
    }
})
app.get('/admin', (req, res) => {
    res.send('已经登录，可以访问当前页面')
})
app.use((req, res, next) => {
	res.status(404).send('当前页面不存在')
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

四、错误处理中间件
是一个集中处理错误的地方

const express = require('express'); //引入express框架

const app = express(); //创建web服务器
app.get('/index', (req, res) => {
        throw new Error('程序发生了未知错误') //会自动执行错误处理中间件
    })
    //错误处理中间件
app.use((err, req, res, next) => {
    res.status(500).send(err.message); //里面保存了错误信息
})
app.listen(3000); //监听端口1
console.log('服务器启动成功');

在这里插入图片描述
以上方法只能执行同步请求
当程序出现错误时，调用next（）方法，并且将错误信息通过参数的形式传递给next（）方法，即可触发错误处理中间件

const express = require('express'); //引入express框架
const fs = require('fs'); //引入fs模块

const app = express(); //创建web服务器
app.get('/index', (req, res, next) => {
        //throw new Error('程序发生了未知错误') //会自动执行错误处理中间件
        fs.readFile('./01.js', 'utf-8', (err, result) => {
            //err如果是空的，则代表读取成功
            //err如果是一个对象，则读取失败
            if (err != null) {
                next() //传送至下一个路由进行处理
            } else {
                res.send(result)
            }
        })
    })
    //错误处理中间件
app.use((err, req, res, next) => {
    res.status(500).send(err.message); //里面保存了错误信息
})
app.listen(3000); //监听端口
console.log('服务器启动成功');

在这里插入图片描述
代表成功读取文件
总结：错误处理中间件有四个参数，只能捕获同步代码执行出错，如果异步代码执行出错，则无法捕获，此时需要手动调用next方法，且给next方法传递参数，才能触发错误处理中间件

五、构建模块化路由

//引入express框架
const express = require('express');
//创建网站服务器
const app = express();
//创建路由对象
const home = express.Router();
//为路由对象匹配请求路径
app.use('/home', home);
//创建二级路由
home.get('/index', (req, res) => {
        res.send('欢迎来到页面')
    })
    //端口监听11
app.listen(3000)

在这里插入图片描述
构建多页面路由

//引入express框架
const express = require('express');
//创建网站服务器
const app = express();
//导入路由模块
const home = require('./route/home');
const admin = require('./route/admin');
//不同后缀使用不同的路由模块，路由模块单独放入一个文件中
app.use('/home', home);
app.use('/admin', admin);
//端口监听11
app.listen(3000)

//路由1
const express = require('express');

const home = express.Router();
home.get('/index', (req, res) => {
    res.send('欢迎来到首页页面')
});
module.exports = home; //对该路由模块进行导出

//路由2
const express = require('express');

const admin = express.Router();
admin.get('/index', (req, res) => {
    res.send('欢迎来到管理页面')
});
module.exports = admin; //对该路由模块进行导出

六、get参数的获取
express框架中使用req.query获取get参数，框架内部会将get参数转换为对象并返回

//引入express框架
const express = require('express');
//创建网站服务器
const app = express();
app.get('/index', (req, res) => {
        //获取get请求参数
        res.send(req.query)
    })
    //端口监听11
app.listen(3000)

在这里插入图片描述
七、post参数的获取

express中接收post请求参数需要借助第三方包body-parser

html代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="http://localhost:3000/add" method="post">
        <input type="text" name="username">
        <input tepe="password" name="password">
        <input type="submit" name="">

    </form>
</body>

</html>

路由代码

//引入express框架
const express = require('express');
const body = require('body-parser');
//创建网站服务器
const app = express();
//拦截所有请求
//extended:false方法内部使用querystring模块处理请求参数的格式
//extended:true方法内部使用第三方模块qs处理请求参数的格式
app.use(body.urlencoded({ extended: false }));
app.post('/add', (req, res) => {
		//接收post请求参数
        res.send(req.body)
    })
    //端口监听11
app.listen(3000)

效果：在黑窗口中打开html之后，在表单中输入内容，内容就被上传到对应的服务器地址当中了
app.use()返回的是函数的调用

八、express路由参数

方法：

app.get('/find/:id',(req,res)=>{
	console.log(req.params);
});
localhost:3000/find/123
params存储的是一个对象，对象内部就是参数

在这里插入图片描述

//引入express框架
const express = require('express');
const body = require('body-parser');
//创建网站服务器
const app = express();

app.get('/index/:id', (req, res) => {
        res.send(req.params) //通过这个参数进行获取
    })
    //端口监听11
app.listen(3000)
    //注：只有匹配到参数才能连接到路由，否组无法连接到路由

重点是app.get那一块

九、静态资源的处理
通过express内置的express.static可以方便地托管静态文件，例如img CSS Javascript文件等

const express = require('express');
const path = require('path');
const app = express();

//获取当前文件所在的路径
app.use(express.static(path.join(__dirname, 'public')))
app.listen(3000);

在浏览器中直接输入public文件夹下的静态资源文件名
例如
http://localhost:3000/images/litten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/hello.html（因为直接存在于html目录下）

__Chuya
关注
Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解
12-24
Express 4.x 框架详解 Express 4.x 框架是 Node.js 下一个流行的Web框架，提供了丰富的功能和灵活的架构。下面是 Express 4.x 框架的详细解析。 目录结构 Express 4.x 框架的目录结构主要包括以下几个部分： * ...
node+express的路由跳转（get/post）
qq_42552455的博客
10-19 1851
node+express的路由跳转（get/post） 项目目录 app.js var router = require('./router') var express = require('express'); var app = express() // 放开静态资源 app.use('/node_modules', express.static('./node_modules')) app.use('/public', express.static('./public')) app.engi
node express中两个controller之间调用异步问题处理
最新发布
qq_57980861的博客
07-05 229
我在UserController中去调用MusicController。
nodejs express 调用外部API
aiuyuu628048的博客
03-28 4081
1.需要添加request依赖 2. var express=require('express'); var router=express.Router(); var request=require('request'); router.get('/',function(req,res,next){ res.send("hello world"); }) ...
每天一个nodejs开发技巧：在ejs页面中，调用多个路由接口
qq_25501981的博客
03-26 398
在这个例子中，我们定义了两个函数 `fetchUsers` 和 `fetchOrders`，它们分别通过 `fetch` 函数发送 GET 请求到 `/api/users` 和 `/api/orders` 接口。在这个更新后的示例中，我们在 `window.onload` 事件中调用了两个接口 `/api/users` 和 `/api/orders`，这样页面加载完成后会自动触发调用。当页面加载时，浏览器会自动执行 `window.onload` 函数内的代码。
node中 express 中的路由（内 / 外引用）
北芒的博客
06-22 658
说明 告诉你去哪，对于前端，主要是导向告诉浏览器应该去哪。对于后端，可以理解为一个子服务，一个路由就是一个小的服务，处理一类接口 比如 /index/xxx 如果相同功能的接口，前面的（index）全部是相同的，那么就可以使用路由归类到一起 let userRouter = express.Router(); // 1. 创建路由 app.use('/api/user',userRouter); //2. 安装路由 userRouter.响应API(地址, 处理函数) //3.
express入门笔记
10-09
本入门笔记将深入讲解Express的基础知识和核心特性，帮助你从零开始掌握这个强大的框架。 一、Express简介 Express是一个轻量级的Web应用程序框架，遵循CommonJS规范，提供了丰富的HTTP工具和中间件系统，让开发者...
Labview SignalExpress学习笔记
04-01
"Labview SignalExpress学习笔记" Labview SignalExpress是National Instruments公司开发的一款信号处理软件，主要用于信号采集、生成、分析、比较、记录和导出数据。下面是Labview SignalExpress的学习笔记，涵盖...
oracle学习笔记
10-23
Oracle学习笔记概述 Oracle数据库系统是全球广泛使用的大型关系型数据库管理系统之一，由甲骨文公司（Oracle Corporation）开发和维护。本笔记旨在为初学者和有经验的IT专业人士提供一个全面的Oracle学习指南，帮助...
Nodejs学习笔记之入门篇
10-24
在本文中，我们将深入探讨Node.js的入门知识，特别是针对已经有一定JavaScript基础的开发者。...在后续的学习中，你还将接触到更多Node.js的中间件、框架，如Express和Koa，以及数据库操作等高级主题。
Express框架的使用
01-07
使用npm安装express npm install express -S 命令如下： C:\Users\Administrator>cd /d E:/node E:\node>mkdir express E:\node>cd express E:\node\express>npm install express -S npm WARN node@1.0.0 No description npm WARN node@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.
express基础笔记
Go_going_的博客
01-03 938
命令行语句递归复制文件01 到 02提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
Express 支持同一路径绑定多个路由响应函数，（node）
yq_dxp1218的博客
03-02 2674
控制权转移        我们要绑定某个路径的 POST 请求，则可以用 app.post(path, callback) 的        方法。需要注意的是 app.all 函数，它支持把所有的请求方式绑定到同一个响应函数，是        一个非常灵活的函数，在后面我们可以看到许多功能都可以通过它来实现。       app.all('/user/:username', function(r...
Express（学习笔记）
Cicada的博客
04-27 1775
黑马程序员Node.js全套入门教程（学习笔记）
【Node.js】Express学习笔记（黑马）
m0_59778008的博客
04-11 1644
什么是 Express？官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express 的中文官网进一步理解 Express：思考：不使用 Express 能否创建 Web 服务器？
nodejs Express路由传参数据交互express.Router() router.get
热门推荐
开心大表哥
02-26 2万+
路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求。 路由是由一个 URI、HTTP 请求（GET、POST等）和若干个句柄组成，它的结构如下： app.METHOD(path, [callback…], callback)， app 是 express 对象的一个实例， METHOD 是一个 HTTP 请求方法， path 是服务器上的路径， callback 是当路由匹配时要执行...
Express笔记
liangzhenmeng的博客
09-12 5301
基于 Node.js 平台，快速、开放、极简的 web 开发框架。
Ibatis3结合Oracle学习笔记
“ibatis学习笔记”是一份详细记录了如何学习和使用Ibatis框架的文档，结合了Oracle数据库的使用，适用于对Java持久层技术感兴趣的开发者。这份笔记涵盖了Ibatis环境的搭建、配置文件SqlMapConfig.xml的设置以及实体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值