鸿蒙开发进阶之一文学会鸿蒙组件化项目搭建

  什么是不简单,把每一件简单的事情做好就是不简单;什么是不平凡?把每一件平凡的事情做好就是不平凡!

前言

  鸿蒙应用开发已经成为互联网新的风口,开发鸿蒙软件已经成为今年工作的核心目标。在软件开发过程中,对于复杂度较大,功能较多的软件都会采用组件化项目架构,那么对于鸿蒙应用开发是否也能实现组件化呢?本文将详细讲解HarmonyOs组件化项目搭建的全过程,带领大家实现一个组件化项目。

项目创建

  1. 首先创建一个项目工程,点击开发工具DevEco-Stdio的File 选项,选择New 然后点击Create Project
  1. 选择创建一个EmptyAbility,然后直接下一步,创建工程。
  1. 工程主要包括一个entry模块,可以理解为Android的app主模块。

公共库创建及使用

创建公共库Common组件。

  1. 在工程目录中,单机鼠标右键,选择New选项,然后在弹出的页面中选择Module。
  1. 在弹出的页面中,选择创建一个静态库Static Library。
  1. 然后点击Next,修改静态库的名称为common。
  1. 点击完成后,编译器会自动在项目的根目录的build-profile.json5文件中添加common模块。
  1. 添加项目依赖,common作为公共库,需要提供给其他模块使用,这里以entry为例,添加模块依赖,如下图所示。
  1. 至此,一个公共库common就创建完成了。

功能模块创建使用

  一个功能复杂庞大的app不仅有公共模块,还有许多子模块构建而成。创建流程如下:

  1. 在工程目录中,单机鼠标右键,选择New选项,然后在弹出的页面中选择Module。
  1. 在弹出的页面中,选择创建一个共享库Shared Library。
  1. 然后点击Next,修改静态库的名称为login。
  2. 点击完成后,编译器会自动在项目的根目录的build-profile.json5文件中添加login模块。
  1. 添加项目依赖,login作为子模块,需要被entry依赖调用,添加模块依赖,如下图所示。
  1. 到目前为止子模块也创建完成。

模块路由跳转

  前面创建分别创建了公共库和子模块,如何从主模块entry跳转到子模块login,或者子模块之间互相跳转呢?

  1. HarmonyOs在页面跳转时提供了router实现路由跳转。需要跳转的目标页面必须满足两个条件,@Entry修饰struct 和路由注册。被@Entry修饰的struct才是一个独立页面。同时需要在main_pages.json中注册路由。
  1. 在common中定义完整路径。不同子模块都会依赖公共静态库common。然后在common中定义目标页面的全路径。

全路径主要由三部分组成。分别是@bundle: 代表模版。 然后是 包名 com.cms.mmvm。最后是模块名+目标页面的全路径。

  1. 使用export关键字导出 ConstantRouter类,提供给其他模块调用。
  1. 引入ConstantRouter类,调用类中定义的路由。

总结

  HarmonyOs组件化的使用,有利于模块之间的解耦及大型项目的共同开发。随着鸿蒙生态的不断完善,学习鸿蒙开发势必成为新的趋势。也是广大同行新的选择。

  对于新的系统,学习开发过程中肯定会有难度,所以为了方便大家学习,解决开发过程中遇到的问题。感兴趣的小伙伴可以扫码进群,互相学习,互相成长!

相关推荐
如此风景12 小时前
如何在一个features下面创建多个HSP?
harmonyos
2601_9637713714 小时前
Offloading WP-Cron and Securing Ticket Webhooks on Enterprise IT Sites
android
花燃柳卧14 小时前
跨平台路由组件工程源码补充上传
android·flutter·kotlin
apihz14 小时前
随机驾考题目(C 照科一 / 科四 2000+ 题)免费API调用教程
android·java·c语言·开发语言·网络协议·tcp/ip
如此风景15 小时前
鸿蒙开发中 Model 类的组织方式
harmonyos
爱吃大芒果15 小时前
高密度数据可视化渲染:基于 ArkUI Grid 的状态热力图组件开发图纸
华为·信息可视化·harmonyos
宸翰15 小时前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
TechNomad15 小时前
Kotlin类对象与接口详解
android·kotlin
心中有国也有家15 小时前
E-Brufen 技术选型全景:Flutter + 鸿蒙 + Hive CE
hive·hadoop·学习·flutter·华为·harmonyos
Tisfy16 小时前
iOS:压缩和解压live图(.livp)——百度一刻相册+百度网盘识别支持
ios·百度网盘·livp·live图·一刻相册