Express框架笔记

最新推荐文章于 2023-03-03 21:31:30 发布

原创最新推荐文章于 2023-03-03 21:31:30 发布

· 178 阅读

0 ·

版权

文章标签：

#node.js #javascript

NodeJs 专栏收录该内容

2 篇文章

订阅专栏

引用
const express = require(‘express’) 引入express框架
const app =express() 创建网站服务器
send()
(1)send方法内部会检测响应内容的类型
(2)会自动设置http状态码会帮我们自动设置响应的内容类型以及编码
中间件
可以针对同一个请求设置多个中间件,对同一个请求进行多次处理
中间件可以有多个，先定义的先进入（满足条件的情况下)可以调用next方法交给下一个中间件，直到遇到结束请求的中间件就over
app.use可以接收所有请求 app.use((req, res, next) => { 前面也可以指定地址开头的请求
next()
})
如果不调用next()方法，是不会继续往下面走的
res.status(404) 设置状态码
中间件应用

路由保护客户端在访问需要登录的页面时可以先使用中间件判断用户登录状态用户如果未登录就直接res.send拦截请求登录了就next放行
网站维护公告在所有路由的最上面定义接受所有请求的中间件,直接res.send做出响应
自定义404页面在所有路由的最后面进行响应 res.status(404).send(‘您访问的页面不存在’)
错误处理中间件(就是一个集中处理错误的地方 )
自定义同步代码抛错:throw new Error(‘错误消息’)
异步代码抛错：next(new Error(‘错误消息’))，异步代码只能捕获同步代码出错,异步代码出错只能手动通过这种方式抛出去错误才能被错误处理中间件捕获到
next里面加参数就可以触发错误处理中间件
错误处理中间件跟普通中间件的区别是他可以有四个参数 (err, res ,req, next) res.status(500).send(err.message) 抛出错误信息
异步函数错误捕获
try {
await User.find({xxx})
}.catch(err) {next(err)}
构建模块化路由
const userRouter = express.Router()

获取请求参数
get：req.query
post：req.body
post请求需要引入第三方包 body-parser
然后app.use(bodyParse.urlencoded({extended:false})) 就可以使用req.body来获取post请求参数了
extended:false 方法内部使用queryString模块处理请求 true就是第三方模块qs
这里使用queryString就够了

app.get(’/index/:name/:age’, (req, res) => {
console.log(req.params) // { name: ‘zs’, age: 18 }
res.send(‘ok’)
}) - 参数个数不能多，不能少，否则匹配不上路由
静态资源访问
这个方法接收一个参数为静态资源存放的目录
app.use(’/xxx’ (可加可不加,加了之后就指定一个虚拟路径), express.static(path.join(__dirname, ‘public’))) // 推荐用这种形式
找到了就返回资源路径找不到就next到下一个中间件
模板引擎
在这里插入图片描述
我们这里使用express-art-template第三方模块，实际上内部也是基于art-template来实现的，只不过为了更好的支持express框架来做了一些额外的处理，语法还是art-template的，所以安装时需要装两个
// 指定用artTemplate模板引擎去解析.html后缀的模板
// 理论上来讲，是可以同时存在多个模板引擎的，但是一般情况下，项目里面只会用一个模板引擎
要设置三个基础命令
第一个参数模板的后缀第二个参数使用的模板引擎
app.engine(‘html’, require(‘art-template’))
// 指定模板文件的根目录
第一个views是固定的第二个是模板引擎存放的文件夹位置
app.set(‘views’, path.join(__dirname, ‘views’))
// 指定模板文件的默认后缀为html
app.set(‘view engine’, ‘html’)

res.render(‘index’, { name: ‘zs’, age: 18 }) 渲染模板
第一个参数是模板名第二个参数是渲染到模板中的数据 {{使用}}

会自动去模板文件的根目录下查找名为index的模板文件
会自动拼接模板默认后缀名
会自动结合模板数据解析模板
会自动将模板引擎解析出来的最终HTML响应给客户端，所以我们不需要再调用res.send和res.end方法了
app.locals.users=[{name:‘zs’,age:10}] 将变量设置到app.locals下这个数据在所有的模板中都可以获取
模板中的css等文件的路径是相对于地址中的请求路径的在模板中外链资源要写绝对路径

return false 可以阻止表单的默认行为
jQuery里面的$(this).serializeArray()可以获取到用户输入到表单的值
密码加密
npm install bcryptjs 哈希密码加密安装
//getSalt方法生成一个数值作为参数数值越大字符串复杂度越高默认是10
const salt = await bcrypt.genSalt();
//hash对密码进行加密第一个参数要加密的密码第二个随机字符串
const pass = await bcrypt.hash(‘123456’, salt);
密码比对第一个参数是明文密码第二个参数是加密后的密码返回的是一个布尔值
await bcrypt.compare(password, user.password);

res.redirect 重定向
//删除session
req.session.destroy(function() {
//删除cookie
res.clearCookie(‘connect.sid’); //这个id是浏览器默认定义的名字要去调试台找
//重定向到登录界面
res.redirect(’/admin/login’);
}
})
配置session的时候加上 saveUninitialized: false 当用户没有登录的时候不要保存cookie
还有cookie:{
maxAge:246060*1000//设置cookie的过期时间定位是毫秒
}
joi验证
第三方模块先下载 ex.message 简化错误信息
定义验证规则 const schema={
username:Joi.string().min(2).max(10).error(new Error(‘错误信息’))
}
//实施验证
Joi.validate{验证对象,验证规则}

数据分页
limit(2) 限制查询数量传入每页显示的数据数量
skip(1) 跳过多少条数据传入显示数据的开始位置从零开始比如我要查询第二条数据就要传入1
页码对应的数据查询开始位置 (当前页-1)*每页显示的数据条数
生产环境开发环境
设置系统环境变量 NODE_ENV 为development 在代码中调用process.env测试环境变量是否正确