nvm/express框架

nvm

nvm 是用来管理node版本的工具,方便切换不同版本的node.js。
下载安装:
首先先下载 nvm,下载地址 https://github.com/coreybutler/nvm-windows/releases ,选择 nvm-setup.exe 。
常用命令:
在这里插入图片描述

express框架

介绍及使用

express是一个基于nodejs平台的极简、灵活的web应用开发框架。expre是一个封装好的工具包,便于我们开发web应用(HTTP服务)。
express的下载:

在这里插入图片描述

express初体验:

1.导入 express
const express = require(‘express’)
2.创建应用对象
const app = express()
3.创建路由规则
app.get(‘地址’,(req,res) =>{
res.send(’ 内容’)
})
4.监听端口,启动服务
app.listen(端口,()=>{
console.log(‘服务已经启动,端口监听为’)
})

express路由

路由确定了应用程序如何响应客户端对特定端点的请求。

路由的使用

一个路由的组成有 请求方法路径回调函数组成。
在这里插入图片描述
导入 express
const express = require(‘express’)
.创建应用对象
const app = express()
创建get路由
app.get(‘/home’,(req,res) =>{
res.send(’ 网站首页 ')
})

创建首页路由
app.get(‘/’,(req,res) =>{
res.send(’ 我才是真正的首页 ‘)
})
创建post路由
app.post(’/login’,(req,res) =>{
res.send(’ 登录成功 ‘)
})
匹配所有的请求方法
app.all(’/search’,(req,res) =>{
res.send(’ 1 秒为您找到相关结果 ‘)
})
自定义 404 路由
app.all(’*‘,(req,res) =>{
res.send(’

404 Not Found

')
})
监听端口,启动服务
app.listen(3000,()=>{
console.log(‘服务已经启动,端口监听为3000’)
})

获取请求参数

在这里插入图片描述

获取路由参数

路由参数指的是 URL 路径中的参数(数据)
app.get(‘/:id.html’,(req,res)=>{
res.send(‘商品id为’+ req.params.id)
})

express响应设置

在这里插入图片描述
获取请求的路由规则
res.statusCode = 404
res.write(‘响应体’)
res.end(‘xxx’)
expree 的响应方法
res.status(500) 设置响应状态码
res.status(404).set(‘’,‘’).send(‘’) 连贯操作
其他响应:
res.sendFile(—dirname + ‘/home.html’) 响应文件内容。

express 中间件

中间件本质是一个回调函数
中间件函数可以像路由回调一样访问 请求对象(request),响应对象(response)
中间件的作用是 使用函数封装公共操作,简化代码。

中间件的类型

有全局中间件 和 路由中间件 。
定义全局中间件
每一个请求到达服务端之后都会执行全局中间件函数
声明中间件函数
let recordMiddleware = function(request,request,next){
next()
}
在这里插入图片描述
在这里插入图片描述
应用中间件
app.use(recordMiddleware)
声明时可以直接将匿名函数传递给use
app.use(function(request,response,next){
console.log(‘定义第一个中间件’)
next()
})
多个全局中间件
在这里插入图片描述
定义路由中间件
app.get(‘/路径’,‘中间件函数’,(request,response)=>{

})
在这里插入图片描述

静态资源中间件

在这里插入图片描述
注意事项:

  1. index.html文件为默认打开的资源
  2. 如果静态资源与路由规则同时匹配,谁先匹配谁就响应
  3. 路由响应动态资源,静态资源中间件响应静态资源

获取请求体数据 body-parser

express可以使用body-parser 包处理请求体
第一步:安装
npm i body-parser
第二步:导入body-parser包
const bodyParse = require(‘body-parser’)
第三步:获取中间件函数
在这里插入图片描述

第四步:设置路由中间件,然后使用 request.body 来获取请求体数据
在这里插入图片描述

Router

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

render是可以将ejs的内容给到浏览器的。

EJS模版引擎

模版引擎是分离用户界面和业务数据的一种技术

下载安装EJS

npm i ejs --save
在这里插入图片描述

ejs常用语法

在这里插入图片描述

express-g 工具

在这里插入图片描述
可以用 express -e 文件名 生成骨架
在这里插入图片描述
然后用 npm i 生成依赖 node_modules

  • 14
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值