【入门到实战】OpenHarmony轻量和小型系统设备视觉应用开发：添加页面

往期鸿蒙5.0全套实战文章必看：（文中附带全栈鸿蒙5.0学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

添加页面

创建首页面

空气质量监测App包含两个界面（Page），工程创建完成后会生成一个名为index的Page，可以作为首页。工程目录如下图所示：

图 1 工程目录

创建详情页

新增一个Page，作为详情页，具体步骤如下：

1. pages目录右键 ，弹出的菜单中选择New、JS Page。

   图 2 添加页面

   

2. 输入Page名称。

   图 3 输入页面名称

   

3. 确认创建结果。

   详情页创建完成后应用工程目录如下图所示，每个Page包括三个文件：布局文件hml、样式文件css、业务逻辑代码js。

   图 4 完整工程目录