前言

所謂萬事開頭難，前面用兩節介紹了查詢頁面，一節介紹了建立資料。由於前面做了大量的鋪墊，本節就能順利的將檢視詳情、編輯資料、刪除資料在一節中全部介紹給大家。前後這幾節加起來就完成了一個簡單資訊系統的增刪改查(CRUD)的所有操作。

新增連結

要進行這三個操作，首先在查詢頁面的每一條記錄後面新增對應的連結。程式碼如下：

<tr>
    <td>
        @Html.DisplayFor(modelItem => item.FirstName)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.LastName)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Sex)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Rating)
    </td>
    <td>
        @Html.ActionLink("Details","Details", new { id = item.ID }) | 
        @Html.ActionLink("Edit", "Edit" , new { id = item.ID }) | 
        @Html.ActionLink("Delete", "Delete", new { id = item.ID })
    </td>
</tr>
 

上面程式碼對應著資料列表的一行，其中黃色的部分就是我們新增的連結。這三個連結對應三個不同的操作，他們都需要ID作為引數來確定操作的是哪一條資料，改動後的頁面顯示如下：

紅框部分就是我們新增的連結。

檢視詳情

檢視詳情對應Details連結。點選連結之後會請求當前Contoller，也就是CompanyController的Details Action。那麼我們就在~\Controllers\CompanyController.cs下寫這個Action。程式碼如下：

public ActionResult Details(int? id)
{
    if (id == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    Worker worker = db.Workers.Find(id);
    if (worker == null)
    {
        return HttpNotFound();
    }
    return View(worker);
}
 

第3-6行表示如果訪問這個Actions時沒有給引數id則返回BadRequest錯誤。如下圖所示，位址列裡面沒有給出ID，返回Bad Request錯誤。

第7-11行表示如果根據id沒有找到對應的資訊則返回HttpNotFound錯誤，如下圖所示：

第12行，如果根據id找到了對應的資訊則用View顯示。

在~Views\Company\下建立Details.cshtml檢視，寫入程式碼如下：

@model SlarkInc.Models.Worker
@{
    ViewBag.Title = "Details";
}
<h2>Worker Details</h2>
<div>
    <h4>Student</h4>
    <hr />
    <dl class="dl-horizontal">
        <dt>
            @Html.DisplayNameFor(model => model.FirstName)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.FirstName)
        </dd>
        <dt>
            @Html.DisplayNameFor(model => model.LastName)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.LastName)
        </dd>
        <dt>
            @Html.DisplayNameFor(model => model.Sex)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.Sex)
        </dd>
        <dt>
            @Html.DisplayNameFor(model => model.Rating)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.Rating)
        </dd>
    </dl>
</div>
<p>
    @Html.ActionLink("Edit", "Edit", new { id = Model.ID }) |
    @Html.ActionLink("Back to List", "Index")
</p>
 

程式碼中用DisplayNameFor函式顯示屬性名，用DisplayFor函式顯示屬性值。

頁面用<dl><dt><dd>和Bootstrap的"dl-horizontal"類佈局頁面，使每一個屬性名和屬性值佔一行，顯示效果如下：

第37行給出了編輯此頁面的連結。38行給出返回查詢頁面的連結。

編輯資料

在~\Controllers\CompanyController.cs中加入用來進入Edit頁面的Action程式碼如下：

public ActionResult Edit(int? id)
{
    if (id == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    Worker worker = db.Workers.Find(id);
    if (worker == null)
    {
        return HttpNotFound();
    }
    return View(worker);
}

看起來眼熟？沒錯，和Details的Action是一模一樣的，這裡就不重複了。

下面寫View。在~\Views\Company\下建立Edit.cshtml檢視，寫入程式碼如下：

@model SlarkInc.Models.Worker
@{
    ViewBag.Title = "Edit";
}
<h2>Worker Edit</h2>
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.ID)
        <div class="form-group">
            @Html.LabelFor(model => model.FirstName, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FirstName)
                @Html.ValidationMessageFor(model => model.FirstName)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.LastName, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.LastName)
                @Html.ValidationMessageFor(model => model.LastName)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Sex, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EnumDropDownListFor(model => model.Sex)
                @Html.ValidationMessageFor(model => model.Sex)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Rating, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Rating)
                @Html.ValidationMessageFor(model => model.Rating)
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                @Html.Submit("Submit")
            </div>
        </div>
    </div>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>

這個頁面的程式碼與上一節的插入資料頁面的程式碼基本相同，可以參照上一節的程式碼說明，需要看的點這裡。

第12行用HiddenFor函式儲存當前要修改的記錄的ID以便提交後找到對應的記錄進行更新。

頁面顯示如下：

接下來我們來寫提交更新資料之後需要訪問的Action，在~\Controllers\Company.cs中加入用Post方法訪問的Edit Action，程式碼如下：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ID, FirstName, LastName, Sex, Rating")] Worker worker)
{
    if (ModelState.IsValid)
    {
        db.Entry(worker).State = EntityState.Modified;
        db.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(worker);
}

這段帶碼的知識點講解與上一節Create提交Action的基本相同，點選這裡檢視。

不同點是第7行，根據獲得的worker例項，在資料列表中找到對應記錄，更新其值，並設定其狀態為Modified。最後將改動儲存到資料庫並跳轉回資料查詢頁面。

刪除資料

刪除資料不需要頁面顯示資料，只需在CompanyController下加入一個Delete Action刪除資料即可，程式碼如下：

public ActionResult Delete(int id)
{
    try
    {
        Worker workerToDelete = new Worker() { ID = id };
        db.Entry(workerToDelete).State = EntityState.Deleted;
        db.SaveChanges();
    }
    catch(DataException/*dex*/)
    {
        return RedirectToAction("Index", new { id = id, saveChangesError = true });
    }
    return RedirectToAction("Index");
}

第5行建立一個只有ID被賦值的worker例項。然後第6行根據這個例項的ID在資料庫中找到對應的資料，設定其狀態為Deleted已刪除，第7行執行刪除操作。

如果刪除成功則在第13行跳轉回查詢頁面，如果失敗則跳轉回查詢頁面並傳遞兩個引數傳遞失敗記錄的ID及saveChangesError = true。根據這兩個傳遞的引數可以在查詢頁面寫出錯誤資訊。這裡就不詳細描述了。

這樣點選刪除連結就能在查詢頁面看到那條資料被刪除了。

結尾

到此，我們完成了對一個簡單資料模型的增刪改查操作。不過其中還有很多知識點沒有詳細描述，比如資料驗證、EF操作資料的函式、View中的各種不同的Http響應等等。後面會一一詳細介紹。