鸿蒙OS开发实例：【工具类封装-页面路由】

news/2024/4/29 6:12:57/文章来源:https://blog.csdn.net/2301_76813281/article/details/137114748

import common from '@ohos.app.ability.common'; import router from '@ohos.router'

封装app内的页面之间跳转、app与app之间的跳转工具类

【使用要求】

DevEco Studio 3.1.1 Release api 9

【使用示例】

import MyRouterUtil from '../common/utils/MyRouterUtil'
MyRouterUtil.openBrowser('https://www.baidu.com')export default class MyRouterUtil {//日志过滤器static readonly LOG: string = "====MyRouterUtil"/*** 鸿蒙APP跳转到手机浏览器并打开网页* @param url 打开网页后展示的url地址*/public static async openBrowser(url: string) {try {let want = {"action": "ohos.want.action.viewData","entities": ["entity.system.browsable"],"uri": url,"type": "text/plain"}let context = getContext(this) as common.UIAbilityContext;await context.startAbility(want)console.info(MyRouterUtil.LOG, 'openBrowser', url)} catch (error) {console.error(MyRouterUtil.LOG, 'openBrowser', `${error.code},url：${url}`)}}

返回上一页

  public static backPage() {router.back()console.info(MyRouterUtil.LOG, 'backPage', '判断栈内页面数：', router.getLength())}

在鸿蒙APP内打开网页常用来打开隐私声明、用户协议等

@param urlpublic static async openWeb(url: string) {try {await router.pushUrl({url: 'pages/Web', //这个页面是我自己创建的，用于展示网页。里面可根据url的参数决定是否显示原生的标题栏。params: {launchWebview: url}}, router.RouterMode.Standard)console.info(MyRouterUtil.LOG, 'openWeb', url)} catch (e) {console.error(MyRouterUtil.LOG, 'openWeb', JSON.stringify(e), 'url:', url)}}

鸿蒙OS开发	更多内容↓点击	HarmonyOS与OpenHarmony技术
鸿蒙技术文档	开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。	或+mau123789学习，是v喔

搜狗高速浏览器截图20240326151450.png

获取当前内存中，跑转到web页时保存的参数

  public static getParamsByWeb() {let url = JSON.parse(JSON.stringify(router.getParams())).launchWebviewconsole.info(MyRouterUtil.LOG, 'getParamsByWeb', url)return url}

跳转到首页，需要在首页Index中

public static async openIndex() {try {await router.pushUrl({url: 'pages/Index'}, router.RouterMode.Single)console.info(MyRouterUtil.LOG, 'openIndex', 'succ')router.clear()} catch (e) {console.error(MyRouterUtil.LOG, 'openIndex', JSON.stringify(e))}}

跳转到登录页

  public static async openLogin() {try {await router.pushUrl({url: 'pages/Login'}, router.RouterMode.Standard)console.info(MyRouterUtil.LOG, 'openLogin', 'succ')} catch (e) {console.error(MyRouterUtil.LOG, 'openLogin', JSON.stringify(e))}}
}

鸿蒙开发岗位需要掌握那些核心要领？

目前还有很多小伙伴不知道要学习哪些鸿蒙技术？不知道重点掌握哪些？为了避免学习时频繁踩坑，最终浪费大量时间的。

自己学习时必须要有一份实用的鸿蒙（Harmony NEXT）资料非常有必要。这里我推荐，根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了：【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技术知识点。

废话就不多说了，接下来好好看下这份资料。

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习路线图。