HarmonyOS鸿蒙Next Codelabs挑战赛：小贝壳课堂教育APP

HarmonyOS鸿蒙Next Codelabs挑战赛：小贝壳课堂教育APP 应用简介
本文章是参加“【Codelabs挑战赛】大咖带你玩转HarmonyOS应用开发”活动写的一个应用介绍，活动地址：
https://developer.huawei.com/consumer/cn/forum/topic/0203112614824851486?fid=0101562279236410779

本文档通过介绍开发一款教育类APP，本作品命名为“小贝壳课堂”，来熟悉低代码开发的过程。本作品90%以上界面都是用低代码方式开发的，只有带底部导航栏的页面由于低代码开发的局限性，所以没有采用这种方式。软件分为欢迎页和主程序页面，主页面分为四个部分，分别是主页、学习、课程和我的。主页列举了一年级到六年级的收录的所有课程，学习部分包括打卡任务和今日精品课程，课程栏罗列了数学语文英语的基础课程和一些其他推荐的精品课程，我的页面主要显示当前用户ID和一些常用的操作菜单。

效果预览

具体介绍
首先创建工程时一定要选择使能 Enable Super Visual,

当添加了多个页面，想要修改显示的首页时，需要在EntryAbility.ts中修改，onWindowStageCreate函数中的windowStage.loadContent调用。

页面中的控件还可以实现数据或者函数绑定，比如学习页面中的打卡功能，在Study.visual页面进行控件布局，在Study.ets文件中声明变量和函数，

然后，绑定打卡数字控件到变量this.count，

绑定打卡按钮的onClick到对应事件，

在主页页面有一个List控件，其中的listitem是需要绑定数组变量的，

Text控件需要单独指定Content对应到item1。

项目总结
通过实践发现，低代码开发大大提高了开发效率，以前在代码中布局，需要自己添加属性代码，不仅效率低而且容易出错，还时常需要去参考别人的布局代码和查文档。现在可视化开发解决了这些问题，并且布局文件和局部变量内部函数分别在不同文件中，这样代码也更工整简洁了。