ASP.NET MVC 使用 Entity Framework Code First - 變更多對多關聯資料

上一篇「ASP.NET MVC 使用 Entity Framework Code First - 基礎入門」已經完成了系統使用者（SystemUser）與系統角色（SystemRole）兩個類別，並且建立了兩個類別多對多的關係，而這一篇則將會以系統使用者指定系統角色的資料變更操作來做說明。

文章裡並不會逐條說明每段程式與每個頁面的詳細內容與建置步驟，只會關注在多對多關聯資料的變更操作上。

---

2013-10-15 更新：

目前作者「Hans Wolff」已將「ASP.NET MVC 4 Bootstrap Layout Template (VS2012)」與「ASP.NET MVC 4 Bootstrap Layout Template (VS2013)」從 Visual Studio Gallery 上給移除了，所以現在無法從 Visual Studio 的「擴充功能和更新」裡安裝，可以改使用另一個 Extensions「Bootstrap3 For Mvc4」，這邊有文章介紹「Visual Studio Extensions - Bootstrap3 For Mvc4」。

此篇文章所說明的 Entity Framework Code First 功能，不是只有在「ASP.NET MVC 4 Bootstrap Layout Template (VS2012)」專案範本裡才能使用，在 Visual Studio 預設的 ASP.NET MVC 4 專案範本裡就可以使用。

 

 

一開始在建置的時候就已經明確說過，一個使用者會有多個系統角色，而系統角色也可以有多個使用者，兩者是多對多的關係，

在使用 Database First 時，我們會在 Entity 檢視圖上看到還有一個「SystemRolesSystemUsers」用來紀錄兩個多對多的關聯資料，而使用 Code First 時，在 Entity 檢視圖裡並不會看到「SystemRolesSystemUsers」，而使用Code First 維護多對多關聯資料的作法則會比使用 Database First 時更為直覺，因為不會直接去操作「SystemRolesSystemUsers」。

以下說明在編輯系統使用者資料頁面裡，我們去指定系統使用者具有那些系統角色的身份，預先建立好三個系統角色的資料，

 

我們所建立的 SystemUser Edit 頁面並沒有系統角色的資料，所以我們先在編輯頁面裡加入系統角色的資料，使用 Checkbox List 來顯示已建立且可使用的所有系統角色資料，

SystemUserController – Edit 方法

取出使用者資料的同時也需要將關聯的系統角色資料一併取出，預設並不會將所有關聯資料全部載入（除非是在查詢條件裡有使用到關聯資料），而 GetSystemRoleSelectListItems 這個方法則是取得 List<SelecListItem> 的資料，讓檢視頁面於建立 CheckBox List 時能夠使用，另外如果已經有指定的系統角色，則該項 SelectListItem 的 Selected 狀態為 true，詳細程式內容如下：

 

接著我們要在 ~/SystemUser/Edit.cshtml 頁面裡增加系統角色資料的 Checkbox List，

所呈現的檢視頁面如下：

 

而 SystemUserController 接收 POST 資料的 Edit 方法為了要能夠取得系統角色 Checkbox List 的選項，所以增加 string[] roles，roles 名稱是對應檢視頁面上 Checkbox 所使用的名稱，

接收 POST 的 Edit 方法程式內容，在 SystemUser 本身的資料更新部份應該是沒有太大問題，而其途中用紅線框起來的部份，是更新使用者的系統角色關聯，

完整的 SystemUser Edit 程式如下：

public ActionResult Edit(SystemUser systemuser, string[] roles)

{

    //檢查登入帳號是否重複

    if (db.SystemUsers.Any(x => x.ID != systemuser.ID && x.Account == systemuser.Account))

    {

        ModelState.AddModelError("Account", "登入帳號不可重複");

        return View(systemuser);

    }

    if (ModelState.IsValid)

    {

        SystemUser user = db.SystemUsers

            .Include(x => x.SystemRoles)

            .FirstOrDefault(x => x.ID == systemuser.ID);

        if (!string.IsNullOrWhiteSpace(systemuser.Password))

        {

            user.Password = CryptographyPassword(systemuser.Password, PasswordSalt);

        }

        user.Name = systemuser.Name;

        user.Account = systemuser.Account;

        user.Email = systemuser.Email;

        user.UpdateBy = this.CurrentUserID;

        user.UpdateOn = DateTime.Now;

        //Update SystemRoles

        this.UpdateSystemRoleRelation(roles, user);

        db.Entry(user).State = EntityState.Modified;

        db.SaveChanges();

        return RedirectToAction("Index");

    }

    ViewBag.Roles = this.GetSystemRoleSelectListItems(systemuser);

    return View(systemuser);

}

UpdateSystemRoleRelation 方法的程式如下：

取得所有的系統角色資料，然後用迴圈方式與所選的系統角色項目逐一比對，

1. 使用者加入系統角色關聯，如果目前系統角色資料有存在於選項裡，且使用者並沒有這個系統角色項目時，則加入此系統角色。

2. 使用者移除系統角色關聯，如果目前的選項裡並沒有該項系統角色，而使用者已有此系統角色關聯時，則移除使用的該項系統角色關聯。

 

現在已經完成了系統使用者的編輯頁面以及更新程式，現在我們就可以更新系統使用者的系統角色資料，新增了一個 SystemUser「測試人員一」，剛建立的使用者尚未指定任何角色，

勾選「Normal」然後送出，SystemUserController 的 Edit 方法接收到所勾選的 SystemRole ID 資料，

在 SSMS 裡 SystemRolesSystemUser 查看，

再新增其他系統角色給「測試人員一」，

開啟 SystemUser 的 Details 頁面查看詳細資料，

 

如果是將「測試人員一」系統使用者資料刪除的話，那麼關聯的資料也需要一併刪除，而可以指定系統使用者所關聯的系統角色為 null，執行 db.SaveChanges() 後就會一併刪除 many-to-many 裡的關聯資料。

 

以上就是 ASP.NET MVC 使用 Entity Framework Code First 變更多對多資料的處理方式。

 

---

參考連結：

Updating Related Data with the Entity Framework in an ASP.NET MVC Application (6 of 10) : The Official Microsoft ASP.NET Site

 

以上