好这是第三篇，进度有点小慢，主要最近咱们挺忙碌更新产品的，预告一下优雅草科技将要推出一款酒吧点餐-运营-活动-供应商进销存erp的一款线下线上结合软件，已在成都地区酒吧稳定商用好几年，本文为伊凡原创撰写仅仅代表伊凡个人观点，不代表优雅草科技的观点与其立场，谢谢，有问题欢迎来找伊凡聊。

1，页面设计

既然我们要写个鸿蒙版的蜻蜓短视频系统，首先我们规划一下我们要做的内容，因为目前我们自家的这个系统已经很庞大了我们这个专栏无法写满制作所有的功能因此我们精简一下实现为制作个人中心，短视频，图文，BTC电商4个部分即可，我先简单撸，撸完后优雅草的兄弟们再来精加工收尾，因此规划为：

编辑切换为居中

2，鸿蒙的页面关系

首先鸿蒙的页面是主页面里面包含子页面，一个ability对应一个hap，所有的hap整体打包为一个App，也就是模块化，主页面ability里面包含多个子页面abilityslice，如果大家学过vue，那么其实就是vue页面中的组件components里面的内容，可以在任何vue页面中调用。

3，config.json 配置说明

配置文件，我将对应意思 写在后方了。

{  "App": {    "bundleName": "com.youyacao.songshuvideo",    App包名    "vendor": "youyacao",  描述    "version": {      "code": 1000000,  版本号- 内部看      "name": "1.0.0"   版本号-用户看    }  },  "deviceConfig": {},  应用在设备上的信息  以及配置对应需要获取权限的信息  "module": {    "package": "com.youyacao.songshuvideo",  App包名    "name": ".MyApplication", hap包的名字    "mainAbility": "com.youyacao.songshuvideo.MainAbility", hap包的入口    "deviceType": [  能应用的设备类型，      "phone"  代表手机，还有更多诸如car 车载 tv ipad 之类的    ],    "distro": {  当前hap包的信息      "deliveryWithInstall": true,  是否 伴随应用安装      "moduleName": "entry", hap包的名称      "moduleType": "entry", hap包的类型      "installationFree": false  如果安装不了的时候  就改false，关于这个的讨论还有点信息    },    "abilities": [  核心内容，此处有点类似uniApp里面的page.json      {        "skills": [          {            "entities": [              "entity.system.home"            ],            "actions": [              "action.system.home"            ]          }        ],        "orientation": "unspecified",        "name": "com.youyacao.songshuvideo.MainAbility",        "icon": "$media:icon",        "description": "$string:mainability_description",        "label": "$string:entry_MainAbility",        "type": "page",        "launchType": "standard"      }    ]  } }

实际开发过程中会开始做这些部分，

程序的运行过程

编辑切换为居中

编辑切换为居中

类名为myApplication，下方

编辑切换为居中

入口的ability对应的mainAbility的MainAbility 对应着下方的ability的详细内容。

编辑切换为居中

子页面MainAbilitySlice 再进去 ，

编辑切换为居中

这里进去可以看到xml文件在，ability_main.xml 双击进入。

编辑切换为居中

修改一下文字和尺寸，运行看看效果

编辑切换为居中

.

效果出来了，本文到此结束，第四篇介绍一些比较常用和重要的用法，第五篇直接开始做首页。