纯血鸿蒙APP实战开辟——自界说路由栈管理

先容

本案例将先容如何利用路由跳转返回时获取到来源页的模块名以及路径名，在实际场景中同一页面通常会根据不同来源页展示不同的UI。
利用说明
无特殊利用说明，其他利用说明参考动态路由的相关说明
实现思绪

路由来源页的实现

• 新增来源页字段
  

1. export class DynamicsRouter {
2.   ...
3.   // 通过数组实现自定义栈的管理
4.   static routerStack: Array<RouterModel> = new Array();
5.   static referrer: string[] = [];
6.   ...
7. }

复制代码

• 注册路由
  

1. public static createRouter(router: NavPathStack): void {
2.   DynamicsRouter.navPathStack = router;
3.   // 初始化时来源页为未定义
4.   let homeRouterModule = new RouterModel();
5.   homeRouterModule.routerName = RouterInfo.HOME_PAGE[0];
6.   homeRouterModule.path = RouterInfo.HOME_PAGE[1];
7.   DynamicsRouter.routerStack.push(homeRouterModule)
8.   logger.info(`DynamicsRouter create routerStack Home is: ${homeRouterModule.routerName} + ${homeRouterModule.path}`);
9. }

复制代码

• 获取路由来源页面栈
  

1. public static getRouterReferrer(): string[] {
2.   return DynamicsRouter.referrer;
3. }

复制代码

• 通过页面栈跳转到指定页面
  

1. public static async push(router: RouterModel): Promise<void> {
2.   const path: string = router.path;
3.   const routerName: string = router.routerName;
4.   let param: string = router.param;
5.   console.info('push', path, routerName);
6.   // TODO：知识点：通过动态import的方式引入模块，在需要进入页面时才加载模块，可以减少主页面的初始化时间及占用的内存
7.   await import(routerName).then(
8.     (ns: ESObject) => {
9.       console.info('harInit');
10.       ns.harInit(path)
11.   },
12.     (ret: ESObject) => {
13.       console.info('import reason', ret);
14.     }
15.   );
16.   // push前记录当前页面的名字
17.   DynamicsRouter.getRouter().pushPath({ name: routerName, param: param });
18.   // 自定义栈也加入指定页面
19.   DynamicsRouter.routerStack.push(router);
20.   let referrerModel: RouterModel = DynamicsRouter.routerStack[DynamicsRouter.routerStack.length - 2];
21.   DynamicsRouter.referrer[0] = referrerModel.routerName;
22.   DynamicsRouter.referrer[1] = referrerModel.path;
23.   logger.info(`From DynamicsRouter.routerStack push preview module name is + ${DynamicsRouter.referrer[0]}, path is ${DynamicsRouter.referrer[1]}`);
24. }

复制代码

• 通过页面栈返回上一页
  

1. // 通过获取页面栈并pop
2. public static pop(): void {
3.   // pop前记录的来源页为当前栈顶
4.   let referrerModel: RouterModel = DynamicsRouter.routerStack[DynamicsRouter.routerStack.length - 1];
5.   DynamicsRouter.referrer[0] = referrerModel.routerName;
6.   DynamicsRouter.referrer[1] = referrerModel.path;
7.   logger.info(`From DynamicsRouter.routerStack pop preview module name is + ${DynamicsRouter.referrer[0]}, path is ${DynamicsRouter.referrer[1]}`);
8.   if (DynamicsRouter.routerStack.length > 1) {
9.     DynamicsRouter.routerStack.pop();
10.   } else {
11.     logger.info("DynamicsRouter.routerStack is only Home.");
12.   }
13.   // 查找到对应的路由栈进行pop
14.   DynamicsRouter.getRouter().pop();
15. }

复制代码

路由来源页的利用

• 在恣意模块中利用DynamicsRouter.createRouter()创建路由，在路由创建时会将主页HomePage推入自界说路由栈，并给代表来源页的referrer
  字段赋值。
  
• 获取路由来源页面栈，执行DynamicsRouter.getRouterStack()获得自界说路由栈，该方法和Navigation的路由栈原理同等，会在push和pop页面跳转
  之前记录来源页并赋值给referrer。
  

高性能知识点

不涉及
工程布局&模块范例

1. routermodule                                  // har类型
2. |---constants
3. |   |---RouterConstants.ets                     // 常量类，用于配置动态路由跳转页面的名称和模块路径
4. |---model
5. |   |---RouterModel.ets                         // 路由信息类，用于存储路由的相关信息
6. |---router
7. |   |---DynamicsRouter.ets                      // 动态路由实现类 + 来源页面

复制代码

鸿蒙全栈开辟全新学习指南

也为了积极培养鸿蒙生态人才，让各人都能学习到鸿蒙开辟最新的技术，针对一些在职人员、0基础小白、应届生/计算机专业、鸿蒙爱好者等人群，整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开辟技术的学习路线【包罗了大APP实战项目开辟】。
本路线共分为四个阶段：

第一阶段：鸿蒙初中级开辟必备技能

第二阶段：鸿蒙南北双向高工技能基础：gitee.com/MNxiaona/733GH

第三阶段：应用开辟中高级就业技术

第四阶段：全网首发-工业级南向装备开辟就业技术：https://gitee.com/MNxiaona/733GH

《鸿蒙 (Harmony OS)开辟学习手册》（共计892页）

如何快速入门？

1.基本概念
2.构建第一个ArkTS应用
3.……

开辟基础知识:gitee.com/MNxiaona/733GH

1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私掩护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.……

基于ArkTS 开辟

1.Ability开辟
2.UI开辟
3.公共事件与关照
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.装备管理
12.装备利用信息统计
13.DFX
14.国际化开辟
15.折叠屏系列
16.……

鸿蒙开辟面试真题（含参考答案）:gitee.com/MNxiaona/733GH

鸿蒙入门讲授视频：

美团APP实战开辟讲授：gitee.com/MNxiaona/733GH

写在末了

• 如果你觉得这篇内容对你还蛮有资助，我想邀请你帮我三个小忙：
  
• 点赞，转发，有你们的 『点赞和批评』，才是我创造的动力。
  
• 关注小编，同时可以期待后续文章ing