24、基于Dart的待办事项应用开发与客户端 - 服务器通信实践

基于Dart的待办事项应用开发与客户端 - 服务器通信实践

1. 应用架构重构与基础功能实现

在开发待办事项应用的过程中，首先对应用架构进行了重构。将启动网页重命名为 app.html ，并通过 CSS 改进了布局。同时，尽可能将方法设为私有，并引入库将应用架构重构为 MVC 模式。所有 UI 代码从 view.dart 移至 lib/view/view.dart 中的 TasksView 类，模型代码移至 lib/model/model.dart ，二者都包含在库文件 lib/indexed_db.dart 中：

library indexed_db;
import 'dart:async';
import 'dart:html';
import 'dart:indexed_db';
part 'model/model.dart';
part 'view/view.dart';

主 Dart 文件 app.dart 导入新库并使用 TasksView 对象：

import 'package:indexed_db/indexed_db.dart';
main() {
  var tasksStore = new TasksStore();
  var tasksView = new Tasks