express框架

安装express,
最基本的使用
express框架
创建服务器与创建路由的方法与以前不同,但是都差不多
express框架

app.use()

app.use()是不管这个get或者Post,只要是地址对山了就执行
express框架

最后一个next函数,如果调用了,那么下一个路由匹配相同的就会执行,如图
express框架
在第二个路由中。张三被打印出来了。

接受所有请求,

express框架
第一个参数的地址不写,不管地址是什么,都会先经过第一个路由。
用处很大,1 网站维护,
express框架

不调用Next,所以不能往吓走,
2 拦截判断是否登录
express框架
3 当访问的页面不存在时返回404
express框架

错误处理中间件

express框架
只能俘获同步的错误,想俘获异步的错误时。
express框架
要把错误信息传给next()这样才能俘获。express框架
express框架
因为文件不存在,所以执行了错误处理中间件。

try catch

express框架
只能俘获异步函数+同步代码。不能俘获其他类型。
express框架

构建模块化路由

express框架
home只是第一层,通过home可以进入第二层等等
express框架
express框架
创建一个home的路由对象。然后创建二级路由对象,再导出去,让app.js导入他再去匹配,匹配成功后就可以通过/home/add访问home里面的路由
express框架

参数处理

get参数获取
express框架

req.query获取get参数
express框架
express框架
req.query返回的是对象
另一种请求参数
express框架

express框架
express框架
这种方式只能用req.params获取,而上一种用req.query获取

post参数获取

post参数的获取需要用到第三方模块 body-parser
express框架
express框架
拦截请求判断是否有参数,有则传给req.body,false表示用querystring解析,true表示用qs解析。
express框架

express框架的静态资源处理

需导入serve-static模块
使用:
express框架
开放静态资源,即可通过localhost去访问了
express框架express框架

访问成功
还有一个隐藏问题,浏览器访问静态资源时,是根据自己的请求地址来访问的,所以在访问css,js时可能会出现错误,故在art文件里,把所有引入静态资源的href,src等用绝对路径替代,比如访问静态资源下的admin文件下的123.css
src=/admin/123.css,在最前面加上/,并且路径写全

express框架的模板引擎使用

需要引入express-art-template art-template模块,
首先完成三步骤
express框架
接下来使用,
express框架
res.render()第一个参数则是模板存在位置所要用的文件名,第二个则是传值。
express框架
结果
express框架
express框架
注意一个app.loacls对象,可以加属性赋值,然后在模板直接引用
express框架
这个创建后,在模板可以直接调用,express框架
才会出现上图的
express框架

相关文章:

  • 2021-05-16
  • 2022-02-06
  • 2021-06-06
猜你喜欢
  • 2022-12-23
  • 2021-11-15
  • 2018-07-21
相关资源
相似解决方案