A10Dance - 演示应用

应用程序设计

在本课程中，你将构建的应用程序名为 A10Dance。它最初是为帮助主日学校教师记录班级学生出勤情况而设计的。

本课程中的应用程序包含三个页面：

• 首页
• 学生名单页
• 学生详情页

应用程序组件

侧边菜单将使用户能够轻松在首页和学生名单页之间导航。你将学习如何构建菜单，并配置导航以实现在页面间的切换。

首页是应用程序的启动页面。这里内容不多，仅包含一个 ion-card 组件。我将使用该组件展示关于应用程序的一些文字信息。

名单页用于显示注册到班级的学生信息，包含了你将在课程中使用的大部分 Ionic 组件。学生信息通过 ion-list 进行集中展示，每个列表项由 ion-item、ion-buttons、ion-icons 等元素构成。你将花费大量时间在此页面部分，通过添加动作表、提示框和弹出通知等功能来完善其功能。

最后，学生详情页用于查看和编辑单个学生的各项信息。后续章节中，你将使用此页面讲解 Ionic 表单的使用。在本章中，你只需完成组件布局，并绑定一些数据。

在每个步骤中，我将解释所选组件的原因，并提供实现这些组件的代码。

测验