22、Dart中的MVC Web和UI框架概述

Dart中的MVC Web和UI框架概述

1. DWT TodoMVC项目介绍

为了更详细地说明DWT，以一个知名的todo - mvc项目为例，该项目的UI部分使用了DWT。项目代码可从 https://github.com/dzenanr/dartling_dwt_todo_mvc_spirals 克隆。项目通过多个螺旋式迭代逐步实现功能，具体如下：
| 螺旋迭代 | 实现功能 |
| ---- | ---- |
| 螺旋1 | 添加新的待办事项并显示待办事项列表 |
| 螺旋2 | 从本地存储加载任务并将任务保存到本地存储（ActionReactionApi） |
| 螺旋3 | 撤销和重做功能（PastReactionApi） |
| 螺旋4 | 完成待办事项、移除待办事项，并开始使用TodoMVC CSS |
| 螺旋5 | 为Task和Tasks添加特定代码，启用和禁用撤销和重做按钮，清除已完成的待办事项，添加剩余待办事项的计数，继续使用TodoMVC CSS |
| 螺旋6 | 为Task添加特定代码，完成所有待办事项，显示所有剩余或已完成的待办事项 |
| 螺旋7 | 更改模型概念（标题现在是id，已完成现在是必要的）并从模型生成JSON；使用test/todo/mvc/todo_mvc_gen.dart生成代码 |
| 螺旋8 | 添加到Dartling、DWT和TodoMVC的链接，编辑待办事项 |
| 螺旋9 | 实现标准的TodoMVC布局 |