HarmonyOS next 示例代码全集
PageRedirection: 本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。
H5页面跳转
介绍
本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。
效果预览
商品列表 | 商品详情 | 订单确认 |
---|---|---|
使用说明
-
启动应用,查看商品列表。
-
点击某个商品,查看商品详情。
-
在商品详情页点击底部返回按钮或者首页按钮返回到商品列表,此时点击底部前进按钮进入商品详情。
-
在商品详情页点击立即购买按钮,查看订单确认页面。
工程目录
├──entry/src/main/ets // 代码区 │ ├──common │ │ ├──constants │ │ │ └──CommonConstants.ets // 常量 │ │ └──utils │ │ └──Logger.ets // 日志打印 │ ├──entryability │ │ └──EntryAbility.ets │ ├──model │ │ └──ProductModel.ets // 产品模型 │ └──pages │ ├──IndexPage.ets // 首页页面 │ └──OrderConfirmPage.ets // 订单确认页面 └──entry/src/main/resources // 资源文件夹
相关权限
不涉及。
依赖
不涉及。
约束与限制
-
本示例仅支持标准系统上运行,支持设备:华为手机。
-
HarmonyOS系统:HarmonyOS NEXT Developer Beta1及以上。
-
DevEco Studio版本:DevEco Studio NEXT Developer Beta1及以上。
-
HarmonyOS SDK版本:HarmonyOS NEXT Developer Beta1 SDK及以上。