使用页面跳跃功能构建一个简单的应用程序，以熟悉Harmonyos应用程序的开发过程！Harmonyos提供了两个FA（功能）UI开发框架：Java UI框架和JS UI框架。这篇文章将通过两种演示和Harmonyos开始Java和JS的方法。此外，它还将介绍Harmonyos的Deveco Studio编码工具的相关使用，项目的配置文件的引入以及资源文件的引入。
https://developer.harmonyos.com/cn/home
配置文件的目录在Entry-> src-> main-> config.json中
应用程序的每个HAP根目录中都有一个“ config.json”配置文件。该格式由JSON格式制成。每个配置项目都由两个部分组成：属性和值：
属性：不区分出现的顺序，也不允许重复发生
值：JSON的基本数据类型（值，字符串，布尔值，数组，对象或空类型），属性值可以由资源文件引用
文件的内容主要涵盖以下三个方面：
资源文件路径条目 - > src-> main->资源下的所有文件都用于统一存储字符串，图片，音频和其他资源等资源。
资源目录结构主要包括：
基本目录（官方网站的内容）：
基本目录和有限单词目录可以创建资源组目录（包括元素，媒体，动画，布局，图形，配置文件），以存储特定类型的资源文件
元素代表元素资源，每种类型的数据都以相应的json文件为特征。树树，布尔/颜色，颜色浮动，浮点/插图，整数阵列阵列，整数/tatter，style-plurac，plurac，colle colle-plurac/coldural form corm inStrarray，字符串阵列，字符串，字符串元素目录目录建议文件名与以下文件名保持一致。EATH文件只能包含相同类型的data.boolean.json color.json float.json float.json intray interay.json- integer。json pattern.json-plural.json straarray.json-string.jsonmedia指示媒体资源，包括图片，音频，视频和其他非文本格式等非文本格式。可以自定义文件名，例如：图标。png.animation代表动画资源并使用XML文件格式。可以自定义文件名，例如：zoom_in.xml.layout表示布局资源并使用xml文件格式。例如：home_layout.xml。图形表示可以绘制资源并uSES XML文件格式。可以自定义文件名，例如：notifications_dark.xml.profile代表其他类型的文件和以原始文件的形式存储。可以自定义文件名。limitedWord Directory：limited Word Directory：
有限的单词目录可以由一个有限的单词组成，该单词表征了应用程序场景或设备功能，包括移动国家代码和移动网络代码，语言，文本，国家或地区，水平垂直屏幕，设备类型，颜色模式和屏幕密度，有限单词由下行（_）或中线（ - ）连接连接。创建有限的单词目录时，开发人员需要掌握有限单词目录的命名要求和有限单词目录的匹配规则和设备状态。
对有限单词目录的命名要求
移动国家代码和移动网络代码移动国家代码（MCC）和移动网络代码（MNC）在网络注册网络中很有价值。例如：MCC460指的是中国，MCC460_MNC00表示Chine_china Mobile。详细的价值范围，请检查ITU-T E.212（国际电气联邦的相关标准）。语言代表设备中使用的语言类型，由2?3小写字母组成。例如：zh表示中文，en代表英语，MAI代表Matti。详细的值范围，请检查ISO 639（ISO设置的语言编码标准）.TEXT代表文本类型该设备使用，由1个大写字母（首字母）和3个小写字母组成。例如：汉斯代表简化的中文，hant代表传统的中文。有关详细的价值范围，请参阅ISO 15924（文本编码标准集由ISO）。国家或地区代表用户所在的国家或地区，由2至3个大写字母或3个数字组成。例如：CN表示中国，GB表示英国。对于详细的价值范围，请检查ISO3166-1（由ISO制定的国家和区域编码标准）。水平垂直屏幕代表设备的屏幕方向。颜色模式表示设备的颜色模式。每英寸小尺度点，适用于DPI设备（0），120]。MDPI：中等规模的点。LDPI：这是指大规模屏幕密度（每英寸大型点），适用于DPI的设备，值为（160，240）。XLDPI：代表每英寸的多余大规模点），适合DPI的设备，值为（240，320]。xxldpi：表达大型屏幕密度（每英寸额外的大型点），适用于具有DPI值的设备（320，480]。- 屏幕密度 （每英寸额外的额外额外的大规模点），这是合适的
background_button.xml文件内容如下：
aggigity_main.xml文件介绍按钮的样式，应用方法通过应用程序方法传递
ohos：background_element =“ $ graphic：backick_button”
此页面需要首先登录到华为帐户
登录后的效果如下
单击编辑器右上角的三角形以直接运行，或单击小甲虫进入调试模式。
第一页的效果
上页由XML实现。第二页用Java代码编写以编写
在Entry-> src-> main-> Java-> com-> com-> liziba-> demo-> slice-> slice目录中，添加了新的secondabilityslice.java类
代码显示如下：
打开Maperabilityslice.java类，添加新按钮以单击后页跳跃功能
如果您不知道ID，可以查看以下课程
再次运行项目，单击按钮以实现页面跳跃功能，如下所示：
以上相同的步骤将在这里省略
配置项目信息
打开条目 - > src-> main-> js-> default-> page.index-> index.hml文件，添加文本和一个按钮
打开输入 - > src-> main-> JS-> default-> page.index-> index.css文件，设置按钮和文本样式
打开条目 - > src-> main-> js->默认 - > page.index，右-Click new-> JS页面
JS页面名称填充Dardails，单击下一步
在项目中将看到以下文档。请注意，如果您想在此处手动创建所有三个文件，否则操作将不会成功！
修改详细信息。hml文件
修改详细信息。css文件
修改index.js文件