当前位置: 首页 > 文档资料 > Ember.js 中文指南 >

入门指南 - 应用规划

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

英文原文:http://emberjs.com/guides/getting-started/planning-the-application

尽管TodoMVC是一个小应用,但是它涵盖了现今典型单页面应用(single page applications)几乎所有的行为。在继续之前,先从用户视角了解一下TodoMVC是怎样工作的。

TodoMVC包含了以下几个主要功能:

  1. 为用户提供一个todos的列表,并且会随着用户添加或移除todos进行增长与缩减。

  2. 从一个 <input> 框接收文本作为新建todos的入口,当点击 <enter> 键时,创建一项,并在列表下方显示。

  3. 为每一个todo提供一个 checkbox 用于切换完成与未完成状态。新建的todo默认为未完成状态。

  4. 显示所有未完成的todos的数量,并在添加新todos和现有todos完成时,动态改变显示的值。

  5. 提供导航链接,使用户能切换显示全部(all)、未完成(incomplete)与完成(completed)的todos。

  6. 提供一个按钮用于提示用户当前已完成的todos数目,并在点击时移除所有已完成的todos。当无已完成todos时,此按钮不显示。

  7. 为每一个todo提供一个删除按钮,这个按钮显示为一个红色的X,并只在用户鼠标移动到这个todo上时显示。

  8. 提供一个 checkbox 用于切换列表中所有的todos的完成与未完成状态。而且,当所有的todos状态为完成时,它自动变为勾选状态。

  9. 允许用户双击某一个todo,显示一个 textfield 用于修改这个todo。点击 <enter> 键或者当鼠标焦点从这个 textfield 移除时,持久化更改的内容。

  10. 使用 本地存储(localstorage) 机制保存用户的todos列表,在应用程序启动时重新加载。

你可以通过访问TodoMVC站点来体验一下完整的版本。