【03】从零开始跟我一起制作一个鸿蒙的应用-★规划搭建鸿蒙应用版的蜻蜓短视频系页面★---优雅草科技伊凡

本文链接：https://blog.csdn.net/dujiangdu123/article/details/123759419

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

1，页面设计

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

编辑切换为居中

添加图片注释，不超过 140 字（可选）

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" } ] } }

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

程序的运行过程