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

我们的目标: 需求

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

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

初始草图:

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

Screen 2: 创建新联系人

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

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

初始草图:
翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 2

Screen 3: 更新联系人信息

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

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

初始草图:
翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 2

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

上一篇:翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 4 - 验证


下一篇:微信jssdk批量展示卡包中的卡券