我们的目标: 需求

Screen 1: 联系人列表 - 查看所有联系人

1.1 这个 screen 将显示数据库中的所有联系人. 
1.2 用户可以删除任何联系人.
1.3 用户可以编辑任何联系人的详细信息.
1.4 用户可以创建新的联系人.

初始草图:

Screen 2: 创建新联系人

这个页面提供一个空白的页面，支持如下操作.

2.1 用户可以输入用户的姓名和电子邮件地址。
2.2 通过点击添加按钮，用户可以为联系人添加任意多的电话号码。
2.3 用户可以删除联系人的任何电话号码。 
2.4 通过点击添加地址按钮，用户可以为联系人添加任意多的地址。
2.5 用户可以删除联系人的任何地址。
2.6 点击保存按钮，可以将联系人信息保存到数据库中，然后返回联系人列表页面。
2.7 点击返回按钮，可以返回联系人列表页面。

初始草图:

Screen 3: 更新联系人信息

这个页面将会显示联系人的详细信息.

3.1 用户可以修改联系人的姓名，电子邮件地址。
3.2 通过点击添加删除按钮，用户可以为联系人修改，添加，删除任意的电话号码
3.3 通过点击添加删除按钮，用户可以为联系人修改，添加，删除任意地址.
3.4 点击保存按钮，可以更新联系人信息到数据库中，然后返回联系人列表页面.
3.5 点击返回按钮，可以返回联系人列表页面.

初始草图:

 文章转载于：http://www.cnblogs.com/haogj/

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 2,布布扣,bubuko.com

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 2