鸿蒙移动应用开发项目式教程课件 项目2-数字云图书馆展示页-任务2-6 Router概述

Router概述Router概述

路由是指在应用程序中实现不同页面之间的跳转和数据传递。Router（路由）模块通过不同的URL，可以帮助用户方便地进行页面路由，轻松访问不同的页面。下面从页面跳转、页面返回等方面介绍Router模块的功能。Router模块适用于模块间与模块内页面的切换，通过每个页面的URL实现模块间的解耦。模块内页面跳转时，为了实现更好的转场动效场景，不建议使用该模块，推荐使用Navigation。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍

页面跳转

页面跳转是开发者需要掌握的一个重要技能。在使用应用程序时，用户通常需要在不同的页面之间跳转，有时还需要将数据从一个页面传递到另一个页面，如图所示。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍页面跳转

跳转模式Router模块提供了两种跳转模式，分别是router.pushUrl()和router.replaceUrl()。

这两种模式的区别在于目标页面是否会替换当前页。

（1）router.pushUrl()：目标页面不会替换当前页，而是将当前页压入页面栈，这样可以保留当前页的状态，并且可以通过返回按钮或者调用router.back()方法返回当前页。

（2）router.replaceUrl()：目标页面会替换当前页，并销毁当前页，这样可以释放当前页的资源，但无法返回当前页。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍

跳转模式Router模块提供了两种跳转模式，分别是router.pushUrl()和router.replaceUrl()。

这两种模式的区别在于目标页面是否会替换当前页。

（1）router.pushUrl()：目标页面不会替换当前页，而是将当前页压入页面栈，这样可以保留当前页的状态，并且可以通过返回按钮或者调用router.back()方法返回当前页。

（2）router.replaceUrl()：目标页面会替换当前页，并销毁当前页，这样可以释放当前页的资源，但无法返回当前页。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍

实例模式

页面栈的最大容量为32个页面。如果超过这个限制，可以调用router.clear()方法清空历史页面栈，释放内存空间。

同时，Router模块提供了两种实例模式，分别是Standard和Single。这两种模式决定了目标URL是否会对应多个实例。

（1）Standard：多实例模式，也是默认情况下的跳转模式。目标页面会被添加到页面栈顶，无论栈中是否存在相同URL的页面。

（2）Single：单实例模式。如果目标页面的URL已经存在于页面栈中，则会将离栈顶最近的相同URL页面移动到栈顶，该页面成为新建页。如果目标页面的URL在页面栈中不存在，则按照默认的多实例模式进行跳转。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍

使用场景Router模块有4种使用场景。

（1）有一个主页（Home）和一个详情页（Detail），希望在主页点击一个商品后，跳转到详情页。同时，需要在页面栈中保留主页，以便返回时恢复状态。在这种场景下，可以使用pushUrl()方法，并且使用Standard实例模式。任务导入知识解析学以致用课堂小结课后拓展1.1Router介绍

使用场景

（2）有一个登录页（Login）和一个个人中心页（Profile），从登录页成功登录后，跳转到个人中心页并销毁登录页，在返回时直接退出应用。在这种场景下，可以使用replaceUrl()方法，并且使用Standard实例模式。

（3）有一个设置页（Setting）和一个主题切换页（Theme），从设置页点击主题选项跳转到主题切换页，同时需要保证每次只有一个主题切换页存在于页面栈中，在返回时直接回到设置页。在这种场景下，可以使用pushUrl()方法，并且使用Single实例模式。

（4）有一个搜索结果列表页（SearchResult）和一个搜索结果详情页（SearchDetail），在搜索结果列表页点击某一项结果跳转到搜索结果详情页，如果该结果已经被查看过，则不需要再新建详情