鸿蒙第一次培训_鸿蒙训练中hml中怎么添加两个按钮

一、输出你好世界

1、创建文件

2、进行预览，可以选择真机模拟（速度较慢），也可以选择点击编译器最右方的preview按键来进行快速预览（速度较快）

3、成功输出

 注意事项：可以在zh-CN文件中修改你想输出的文字 

以及可以再index.css文件中修改字体、颜色、位置等参数

二、应用开发目录介绍

1、下图为存放组件页面的文件夹（pages/index）中的三个文件对应的功能

 2、各文件夹作用

(1)app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。

(2)pages 目录用于存放所有组件页面。

(3)common 目录用于存放公共资源文件，比如：媒体资源和 JS 文件。

(4)i18n 目录用于配置不同语言场景资源内容，比如：应用文本词条，图片路径等资源，注意 i18n 是开发保留文件夹，不可重命名。

3、注意文件使用规则

        应用资源可通过绝对路径或相对路径的方式进行访问，本开发框架中绝对路径以 "/" 开头，相对路径以 "./" 或 "../"。

        如果代码文件A和文件B位于同一目录，则代码文件B引用资源文件时可使用相对路径，也可使用绝对路径。

        如果代码文件A和文件B位于不同目录，则代码文件B引用资源文件时必须使用绝对路径。因为Webpack打包时，代码文件B的目录会发生变化。

三、制作跳转页面

1、在pages文件夹中创建一个新的JS Page文件

2、在两个.hml文件中都添加按钮组件

3、导入router模块，页面路由router根据页面的uri路径来找到目标页面，从而实现跳转。

 4、在.css文件中设置按钮的格式

 5、点击预览即可查看页面跳转功能，点击next可以跳转到下一个页面