项目:快捷列表 - 第一课:介绍

优质
小牛编辑
129浏览
2023-12-01

快捷列表是实际的本课程的手把手操作应用 — 不论你购买的是哪个版本,你都会的有这个课程。我选择快捷列表来填充整个角色是因为他涉及到了Ionic 2的大部分的核心概念,创建此应用学习的技能将会在后续课程的应用中频繁用到。
大部分人(包括我自己)在解释一些新技术或者框架的时候都会选择制作一个todo应用制作教程,原因是todo应用涵盖了大部分基本知识,例如:

  • 总体架构 & 设置
  • 用户界面
  • 数据的增删改查
  • 接受用户输入

很明显,这些都是需要去重点学习的概念,但是本书中我真的不想去创建一个todo应用了 — 我想做一些稍微复杂和有趣一点的东西。结果基本跟todo相同,也涵盖了todo应用差不多的基础内容,但是我觉得制作这个会更有趣一些。

关于快捷列表

快捷列表的想法是来自我自己的个人需求。写这段文字的时候我正在远程工作同时坐着我的大篷车环游澳大利亚(译者:羡慕啊!_!)。这当然是一个非常好的体验,实际上类似每周拖着你的房子游历全国(好大的一个国家)也会有些不大好的事情。
一个特别复杂的事情是打包蓬子然后挂到车子上去,卸包和安装蓬子也一样。我不会跟你讲那些枯燥的细节来烦你,但是每次会有最少20种待办和待查事宜。有些是无关紧要的,但是有些则非常重要,例如确定链子是否栓好在车子上,天然气存量是否足够,刹车和指示盘是否正常。
所以我觉得制作一个原因用来创建“起航前”检查列表。检查列表包含了大量的需要检查是否完成的事情,当你下次需要重新开始这个检查列表的时候,点击一个刷新按钮就可以重置所有事情。也就是一个可重复的待办列表应用。
如我所言,这个应用覆盖了传统待办列表应用相同的概念。这些改变包括:

  • 复杂列表
  • 数据模型
  • Observable
  • 表单和用户输入
  • 简单导航
  • 页面之间传递数据
  • 数据的增,删,改,查
  • 数据存储和获取
  • 定制主题

以下是由于的具体功能:

  • 第一次打开应用会展示一个介绍手册
  • 用户可以创建任意数量的检查列表
  • 用户可以给任何检查列表添加任意数量的条目
  • 检查列表里面的条目可以被设置为完成和未完成
  • 用户可以在任何时候“重置”一个检查列表
  • 用户可以编辑或者删除任何的检查列表或者检查列表里面的条目
  • 在返回应用的时候所有数据可以被回忆起来(包括所有条目的完整状态)

以下是内容的截屏:
快捷列表
快捷列表

课程结构

  1. 准备工作
  2. 基本布局
  3. 数据模型和Observables
  4. 创建检查列表和列表项
  5. 保存和加载数据
  6. 制作一个介绍滑页 & 自定义主题

准备好了吗?
现在你知道你要干什么了,那么我们开始吧!