29 _react-router说明

一、SPA的理解

  1.单页面web应用(single page web application ,SPA)

  2.整个应用只有一个完整的页面

  3.点击页面中的链接不会刷新页面,本身也不会向服务器发请求

  4.当点击路由链接时,只会做页面的局部更新

  5.数据都需要通过ajax请求获取,并在前端异步显现

二、路由的理解

  1.什么是路由?

    a.一个路由就是一个映射关系(key:value)

    b.key为路由路径,value可能是function/component

      note:路由器的.get方法叫注册路由(第一个参数是path,第二个参数是function)

  2.路由分类

    a.后台路由:node服务器端路由,value是function,用来处理客户端提交的请求并返回一个响应数据

    b.前台路由:浏览器端路由,value是component,当请求是路由path时,浏览器端前没有发送http请求,但界面会更新显示对应的组件

  3.后台路由

    a.注册路由:youter.get(path,function(req,res))

    当node接收到一个请求时,根据请求路径找到匹配的路由,调用路由中的函数来实现处理请求,返回响应数据

  4.前台路由

    a.注册路由:<Router path="/abou" component={about}>

    b.当浏览器的hash变为#about时,当前路由组件就会变成About组件

前端路由的实现:使用基于React开发的第三方库

上一篇:rabbitmq学习(二):rabbitmq(消息队列)的作用以及rabbitmq之直连交换机


下一篇:For循环重复代码的重构