express框架

最新推荐文章于 2024-09-21 21:27:53 发布
最新推荐文章于 2024-09-21 21:27:53 发布
阅读量706 收藏
点赞数
分类专栏： Java 文章标签： devexpress node.js
原文链接：https://blog.youkuaiyun.com/m0_48459838/article/details/113870365?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161865463616780262585231%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=161865463616780262585231&biz_id=0&utm_me
版权

Express框架

一、什么是Express框架

基于Node的一个框架，封装了读取html文件、css文件的操作，直接返回封装好的内容，让开发人员更加注重业务逻辑。

二、安装Express

npm install express

三、框架的使用

1.根据请求地址返回给前端内容

//1.引入模块
var express = require('express')
//2.创建网址服务器,框架核心app对象
var app = express();
//3.监听请求
app.on('request',function(req,res){
	//响应数据方法：
	//end()			响应字符串(乱码)
	//send()		响应字符串（自动识别）
	//render()		响应字符串（自动识别，只能打开指定文件字符串并相应，注意：必须配合模块引擎使用）
	res.end("响应你了");
})
//4.启动服务
app.listen(8080,function(){
console.log('服务器响应成功');
})

//接收请求方法和地址
app.get('/',(req,res)=>{
res.send('hello world')
})
app.post('/aa',(req,res)=>{
    res.send({
          aa:11
    })
   
})

res的send方法：
1.会检测响应内容的类型,是httml，css还是js
2.会自动设置http状态码,200,304,404,
3.会自动帮我们设置响应的内容类型和编码即type/html,ype/css,编码是utf8
4.所以send方法直接返回要返回的内容就行了。

2.中间件

就是一堆方法，可以接收客户端发来的请求，可以对请求做出响应，也可以将请求交给下一个中间件来处理。
可以对同一个请求进行多个中间件处理。
但是在默认情况下，请求时从上到下匹配中间件的，一旦匹配成功，就终止匹配，达不到一个请求进行多个中间件处理。
需要用到获取请求的第三个参数next

app.get('/',(req,res,next)=>{
res.send('hello world')
req.name = '张三'
next()
//只要调用这个next(),下面的获取请求的方法也会执行。
})
app.get('/',(req,res,next)=>{
res.send(req.name)
})

3.use中间件

app.use((req,res,next)=>{
   next()
})
//参数必须传一个处理函数进去.
也可以这么写
app.use(fn())
function fn(){
return function (req,res,next){
 next()
}
}

//这样可以在fn()里传一个实参,在匿名函数中调用这个实参

//表示不论请求的地址是什么都会进入这个函数，代表接收所有的请求。

也可以指定请求地址，第一个参数就是请求地址

app.use(’/’,(req,res,next)=>{
next()
})
1
2
3
表示不论什么请求方式，只要请求地址是这个，就会进入方法。

4.中间件的作用
1.路由保护
客户端在请求用户登录后才能访问的地址时，可以先用中间件判断用户登录状态，如果没有登录，就拦截请求，禁止用户访问。

const express = require(‘express’)
const app = express();
app.use(’/admin’,(req,res,next)=>{
let login = false;
if(login){
next()
}else{
res.send(‘您未登录’)
}
})
app.get(’/admin’,(req,res,next)=>{
res,sedn(‘您已登录’)
})

2.网站维护

app.use('/admin',(req,res,next)=>{   
  res.send('网站正在维护')
})

3.自定义404页面
在最后写

app.use((req,res,next)=>{
res.send(‘网址未找到’)
})

这样路由一层一层匹配下来后，没找到就回执行这个。

5.更改状态码
app.use((req,res,next)=>{
res.status(404).send(‘网址未找到’)
})

6.捕获错误的错误处理中间件
1.文件读取错误，数据库连接错误。
都需要捕获到，不然不会程序继续的执行。
理论是在每个可能出错的地方进行判断，express有一个中间件可以集中处理错误。
当程序发生错误时，错误处理中间件就会自动执行。
但错误处理中间件只能处理同步错误，异步API的错误需要手动触发
Node.js中有一个内置错误构造函数

app.get(’/index’,(req,res)=>{
throw new Error(‘程序发生错误’)//当抛出错误时，会自动执行错误中间件

})
//错误处理中间件，还是用use
app.use((err,req,res,next)=>{
res.status(500).send(err.message)
})
//err.message就是错误的内容’程序发生错误’

//异步api

app.get(’/index’,(req,res，next)=>{
fs.readFile(’./index.html’,(err,res)=>{
if(err){//如果读取文件出错，err就会存在
next(err)//手动触发错误中间件，将err传过去。next带了参数表示要触发错误中间件，没参数，表示触发下一个获取同一个请求的地址方法
}
})
})
app.use((err,req,res,next)=>{
res.status(500).send(err.message)
})

//异步函数要用try catch捕获错误
app.get(’/index’,(req,res，next)=>{
try{
await User.find({name:‘飞’})//发生错误就会执行catch(err)里的next(err)，触发错误处理中间件
}catch(err){
next(err)
}
})

app.use((err,req,res,next)=>{
res.status(500).send(err.message)
})

7.构建模块化路由Router
1.嵌套路由

const express = require('express ')
//创建路由对象
const home = express.Router()
//中间件监听请求地址，匹配路由

//根路由再监听请求地址，返回子路由
home.get(’/index’,()=>{
///home/index
res.send(‘欢迎来到home下的index页面’)
})
app.use(’/home’,home)

2.模块化路由

//home.js
const express = require(‘express ‘)
const home = express.Router()
home.get(’/index’),(req.res)=>{
res.send(‘欢迎来到博客首页’)
})
module.exports = home

//user.js
const express = require(‘express ‘)
const user= express.Router()
home.get(’/index’),(req.res)=>{
res.send(‘欢迎来到用户首页’)
})
module.exports = home

//app.js
const express = require(‘express’)
//创建网址服务器
const app = express();
//监听端口
app.listen(3000)
const home = require(’./home.js’)
const user = require(’./user.js’)

app.use(’./home’,home)//访问/home/index时会触发这个中间件
app.use(’./user’,user)

多个路由模块合并使用

8.获取get请求附带的参数
app.get(’/index’,(req.res)=>{
//req.query就是get请求方式附带的参数,会自动帮我们转成json对象形式{}
})

9.获取post请求附带的参数
需要第三方模块插件

npm install body-parser
1
const bodyParser = require(‘body-parser’)

//false时会使用node的系统模块querystring来获取参数,true时会使用第三方模块的qs方法来获取参数,推荐用querystring
//配置body-parser模块,拦截所有请求
app.use(bodyParser.urlencoded({extended:false}))

app.post(’./add’,(req,res)=>{
console.log(req.body)//返回对象形式的参数
})

10.路由占位参数
app.get(’/find/:id’,(req,res)=>{
// req.paramse就是{id:123}

})

//:id是一个占位符
//此时路由可以也称http://localhost/home/123
//:id就对应着123

//不用写成http://localhost/home?name =123的形式了
//可以在:id后面接着写/:name/:age
//id,name,age就是对象的属性

11.静态资源访问功能
app.use(express.static(静态文件绝对路径))//http:127.0.0.1/public/img/0.1jpg
1
写了之后就开启了静态服务,浏览器可以直接根据地址来访问静态资源.
也可不写真实的路径,指定一个虚拟的路径来访问.

app.use(‘statc’,express.static(静态文件绝对路径))//http:127.0.0.1/statc/public/img/0.1jpg
1
这也就需要在路径上,再加一层statc

12.express的模板引擎
还是使用art-template
但是art-template在express的基础上又进行了一次封装.比原生的node配合art-template简洁一点
安装

npm install art-template express-art-template
1
要把art-template和express-art-template都安装起来.
1.告诉express用的什么模板引擎

const express = require(‘express’)
const app = express();
//表示要渲染后缀为art文件时,使用express-art-template模板引擎
//告诉框架使用什么模板引擎渲染什么后缀的模板文件
//第一个参数是模板的后缀,第二个参数是模板的引擎
//express框架可以使用多个模板引擎
app.engine(‘art’,require(‘express-art-template’))

2.设置模板存放的目录

//第一个参数是固定的views,是express固定的配置,第二个views是文件夹的名字,
//第二个参数是位置,path模块需要引入
app.set(‘views’,path.join(__dirname,‘views’))

3.渲染模板时不写后缀,默认拼接后缀

//view engine是默认模板的配置项
app.set(‘view engine’,‘art’)

4.响应客户端

app.get(’/’,(req,res)=>{
res.render(‘index’,{
msg:‘hello’
})
})
//render方法执行了多个操作
//1.拼接了模板的路径
//2.拼接了模板的后缀
//3.将模板和数据连接
//4.直接将结果返回给数据,都不要使用send了
//第一个参数是模板的名字,第二个参数是模板的对象

模板是

//index.art
{{msg}}
1
2
将index模板返回给客户端,render方法会自动帮我们拼接好文件

13.locals对象
将变量设置到app.locals对象下,这个数据在所有的模板中都可以获取到

app.local.user = [
{name :‘张三’,
age:18
},{
nam:‘李四’
age:20
}
]

//index.art
//可以直接使用这个user
{{user}}

这样在所有模板中都能访问这个数据,不必在res.render的第二个参数中访问这个数据了

14.jsonp方法
app.get(’/get’,(req,res)=>{
const fnname = res.query.callback//获取jsonp传递过来的方法名
const data = JSON.stringify({name:‘飞’})
const result = fnname+"(" + data + “)”
res.send(result )
})
//这是正常接受处理jsonp传递过来的方法

app.get(’/get’,(req,res)=>{
res.jsonp({
//这里放的是返回给浏览器的参数
})
//jsonp方法能自动帮我们处理
})
sonp方法会帮我们自动接受处理jsonp请求，我们只需要传递参数即可。

15.设置跨域响应头
app.get(’./cross’,(req,res)=>{
// 设置请求头为允许跨域
res.header(‘Access-Control-Allow-Origin’, ‘*’);
// 设置服务器支持的所有头信息字段
res.header(‘Access-Control-Allow-Headers’, ‘Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild, sessionToken’);
// 设置服务器支持的所有跨域请求的方法
res.header(‘Access-Control-Allow-Methods’, ‘PUT, POST, GET, DELETE, OPTIONS’);
————————————————
版权声明：本文为优快云博主「小飞不咕」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/m0_48459838/article/details/113870365

Express框架
03-21
node.js中的有关Express框架的各个版本的详细介绍及实例说明。
Express框架学习记录一：Express框架基础使用
吮指原味鸡的博客
02-19 1775
Express框架一、什么是Express框架二、安装Express三、框架的使用1.根据请求地址返回给前端内容2.中间件3.use中间件4.中间件的作用5.更改状态码6.捕获错误的错误处理中间件7.构建模块化路由Router8.获取get请求附带的参数9.获取post请求附带的参数10.路由占位参数11.静态资源访问功能12.express的模板引擎13.locals对象 一、什么是Express框架 基于Node的一个框架，封装了读取html文件、css文件的操作，直接返回封装好的内容，让开发人员更加注
Node.js17 Express框架
mxy1234的博客
09-21 1356
概述 Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。 Express上手非常简单，首先新建一个项目目录，假定叫做hello-world。 $ mkdir hello-world 进入该目录，新建一个package.json文件，内容如下。 { "name": "hello-world", "desc
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
Express框架.docx
07-09
Express 框架详解 Express 框架是基于 Node.js 平台的 Web 应用开发框架，提供了一系列强大特性，帮助开发者创建各种 Web 应用。 Express 框架的特性包括方便简洁的路由定义方式、对获取 HTTP 请求参数的简化处理、...
node.js express框架实现文件上传与下载功能实例详解
10-16
Node.js通过Express框架实现文件上传与下载功能，可以使用多个库和方法。例如，使用第三方库multer，它专门用于处理multipart/form-data，这类数据即HTML表单上传的文件数据。通过配置multer中间件，可以轻松地处理...
node+express框架中连接使用mysql(经验总结)
01-20
最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。 node.js环境下express+mysql的服务端项目示例 首先是环境搭建： node环境下 $ npm ...
EXPRESS框架
mantou_riji的博客
07-07 3137
express是一款基于Node.js平台,快速、开放、极简的web开发框架。官网：https://www.expressjs.com.cn/express是node的第三方框架 初始化： 安装： 使用的时候引入即可：之前都是用 向前端页面写数据，但是比较麻烦，一般情况下我们还需定义 ，还需要注意返回的书html片段，页面还是json数据，比较麻烦。 EXPRESS框架直接将这些内容封装成,我们可以直接将数据进行返回，比较方便。 处理路由 固定路由 表示可以匹配 和 路径 是一个占位符 表
express 框架
chengyu12138的博客
01-27 2024
简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发WEB 应用(HTTP 服务)路由确定了应用程序如何响应客户端对特定端点的请求3.2 路由的使用一个路由的组成有请求方法， 路径 和 回调函数组成express 中提供了一系列方法，可以很方便的使用路由，使用格式如下:// 1.导入express// 2.创建express实例// 3.配置路由res.send('这是首页');})res.send('这是真正的首页');})})//匹配所有请求方法。
Express 框架
最新发布
2401_87288893的博客
09-21 945
res.send(‘我是主页’)})res.send(‘我是添加’)})//当用户访问地址与以上路由均不匹配时 进入下面的路由 因为下面会匹配任何路由res.status(404).send(‘你访问的地址不存在’)})})错误处理中间件程序中有两类错误代码错误，这个在开发调试阶段就可以解决掉运行时错误：程序运行时才可能出现的错误，如读取的文件不存在，连接数据库时数据库服务没有 启动，这类错误的发生与我们的代码没有关系。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值