翻譯：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 設計和開發網站 – 2

我們的目標: 需求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 點擊返回按鈕，可以返回連絡人清單頁面.

初始草圖: