微信小程序开发项目实战（微课版）课件 9-2 课件-路由配置.pptx

项目九接口的设计与开发任务二路由配置RoutingConfiguration

任务描述项目九接口的设计与开发路由是Express框架中最重要的功能之一，是指确定应用程序如何响应客户端对特定端点的请求，该端点是URL（或路径）和特定的HTTP请求方法（GET、POST等）。每个路由可以有一个或多个处理函数，当路由匹配时执行。

什么是路由传统的Web应用：每个不同的页面都对应一个不同的URL地址，当用户点击链接或输入不同的URL时，浏览器会向服务器发送请求，服务器返回对应的页面内容，然后浏览器进行页面的刷新和渲染。缺点：①每次跳转页面都需要向服务器发送请求，会造成页面的刷新②用户体验不够流畅。在单页面应用：整个应用只有一个HTML页面（或模板），界面内容都是通过动态加载数据和更新DOM来实现的。当用户点击链接或输入不同的URL时，页面不会刷新，而是通过路由系统将用户导航到对应的视图或页面，实现局部内容的更新，从而提供更好的用户体验。

路由（Routing）：指根据不同的URL地址，将用户导航到不同的页面或视图的过程。app.METHOD(PATH,HANDLER)路由配置的概念其中，app是一个实例express。METHOD是一个HTTP请求方法，小写。PATH是服务器上的路径。HANDLER是路由匹配时执行的回调函数。

打开api_server项目，在app.js页面增加以下代码，展示了如何处理GET请求并返回HelloWorld。app.get(/api,(req,res)={res.send(HelloWorld);});在postman地址栏，输入:3000/api，即可使用GET请求并返回HelloWorld结果，运行结果如下图所示。路由配置的概念

在很多场景中，服务器都需要跟用户的浏览器打交道，如表单提交，表单提交到服务器一般都使用GET/POST请求。//1.GET请求app.use(/api/gettest,(req,res)={??constdata=[科技是第一生产力,科技兴国,创新引领发展]??constindex=Math.floor(Math.random()*data.length)??res.send({????msg:success,????data:data[index]??})})GET请求方式

在postman地址栏，输入/api/gettest，即可使用GET请求并返回结果，运行结果如下图所示。GET请求方式

由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此可以手动解析后面的内容作为GET请求的参数。//2.GET请求app.use(/api/gettest2,(req,res)={??console.log(请求参数：,req.query)??const{name,age,sex}=req.query??console.log(name:,name)??console.log(age:,age)??console.log(sex:,sex)??res.send({????msg:success,????data:欢迎：+name+,年龄：+age+,性别：+sex??})})GET请求方式

在postman地址栏中，通过地址栏进行传参，传递三个参数，分别是name，age，sex。输入/api/gettest2?name=小明age=23sex=男，即可使用GET请求并返回结果，运行结果如下图所示。GET请求方式

body-parser作为Express中间件，其作用是解析http请求体中的body数据，将数据解析成对象后绑定到req.body中。安装完body-parser中间件之后，在路由文件中引入并对请求体进行解析。constbodyParser=require(body-parser)body-parser使用bodyParser.json与bodyParser.urlencoded的解析功能，body-parser还提供了raw、urlencoded等解析器。urlencoded解析器的使用方法如下。bodyParser.urlencoded({extended:[option]})POST请求方式

urlencoded格式：又叫form格式，或者是x-www-form-urlencoded格式。表单格式是由键值对组成。键和值之间用=。多个键值对之间用。例如：name=ZhangSanage=16POST请求方式constexpress=req