学习ASP.NET MVC(五)——我的第一个ASP.NET MVC CURD页面

2023-08-26 13:49:34

在上一篇文章中我们已经创建了实体类，在这一篇文章中，我将创建一个新的控制器类——BookController，使用BookController对Books表中的数据进行CURD操作的方法，并使用视图模板在浏览器中显示所查询到的书籍数据信息。

一、添加控制器类

在Visual Studio 的“解决方案资源管理器”中右键单击Controllers文件夹，并创建一个新的BookController控制器类。如下图。

　　Visual Studio 会弹出一个“添加控制器”对话框（如下图）。

在对话框中填写如下数据

•控制器名称：BookController。（可以进行修改，如下图是默认的Default1Controller，修改为BookController。）
•模板：包含读/写操作和视图MVC控制器（使用Entity Framework）。
•模型类：Book（MvcApplication1.Models）。
•数据上下文类：BookDBContext（MvcApplication1.Models）。
•视图：Razor（CSHTML）。（默认设置。）

在填写完以上数据之后，用鼠标左键单击“添加”按钮。Visual Studio会快速创建下列文件和文件夹：
1)在项目中的Controllers文件夹中创建一个BookController.cs文件。如下图中的1处。
2)在项目的Views文件夹中创建一个Book文件夹。同时在Book文件夹中创建以下文件 Create.cshtml ， Delete.cshtml ， Details.cshtml ， Edit.cshtml和Index.cshtml。如下图中的2处。

3) ASP.NET MVC 4会自动创建对于数据库的CRUD（创建，读取，更新和删除）操作方法和视图。由Visual Studio自动创建CRUD操作方法和视图被称为基架。这样我们不需要修改什么，就有了一个全功能的Web应用程序，可以让你创建，查询，修改和删除书籍数据。
4）在Visual Studio中运行该应用程序。，浏览器请求http://localhost:36878/Book被路由到书籍控制器的默认Index操作方法。换句话说，浏览器请求http://localhost: 36878/Book实际与请求http://localhost: 36878/Book/Index是一样的。浏览器中却是什么数据也没有显示，因为现在数据库中的Books表是一张空表，没有任何数据。如下图。

二、创建书籍
1) 用鼠标左键，点击“Create New”链接，浏览器会导航到新建页面，在此页面中输入有关书籍的一些数据，然后点击“Create”按钮。如下图1，与图2.

图1

图2

2) 当使用鼠标左键点击“Create”按钮时，浏览器会把表单数据发送到服务器上，服务器程序会把刚才填写的书籍信息保存到数据库中。然后浏览器会自动重定向到书籍列表的网址（http://localhost:36878/book），在那个页面就可以看到新创建的书籍数据，已经存在了。如下图。

三、编辑书籍

对刚才创建的书籍数据进行修改。在一条书籍记录的最后面有三个链接，分别是Edit、Details、Deltet。如下图。

1) 用鼠标左键点击“Edit”链接。会浏览器会自动转到编辑界面。在编辑页面中修改完数据，点击“Save”按钮，即把修改的数据保存到数据库。如下图。

2) 2用鼠标左键点击“Details”链接。会浏览器会自动转到详细信息界面。如下图。图1，图2。

图1

图2

四、对ASP.NET MVC自动生成代码的解释
在Visual Studio的“解决方案资料管理器”中打开Controllers\ BookController.cs文件，查看由Visual Studio自动生成的Index方法。代码如下所示。

public class BookController : Controller

{

    private BookDBContext db = new BookDBContext();

    //

    // GET: //

    public ActionResult Index()

    {

       return View(db.Books.ToList());

 }

}

注意这一行代码。

private BookDBContext db = new BookDBContext();

这行代码是实例化一个BookDBContext类对象。如前面所述。您可以使用数据库中的Books表中的数据进行查询，修改和删除。

当浏览器发出一个请求到Book控制器之后，由控制器中的默认方法（Index）返回了数据库中Books表中数据的所有行，并将结果传递给Index视图，然后呈现在浏览器，让用户看到。

五、强类型对象和@model关键字
在本文的上面部分，讲了如何通过一个控制器传递数据或对象给使用ViewBag对象的视图模板。该ViewBag是一个动态对象，它提供了将信息传递到一个视图，在后期可以进行方便绑定的方式。
ASP.NET MVC还提供了强类型数据或将对象实例传递给视图模板的能力。这种强类型的对象能够更方便Visual Studio在进行代码编译时进行代码检查，并在Visual Studio编辑器中有更丰富的智能感知。在Visual Studio的基架机制就是使用这种方法与BookController类和视图模板。
在Controllers\ BookController.cs文件中查看自动生成的Details方法。Details方法的代码如下所示。

public ActionResult Details(int id = )

{

      Book book = db.Books.Find(id);

            if (book == null)

            {

                return HttpNotFound();

            }

            return View(book);

 }

如果想找到一本书籍，那么Book实体的一个实例会传递给Details视图。请查看Views\Book\Details.cshtml文件。
通过包括在视图模板文件的顶部@model语句，你可以指定视图期望得到的对象类型。当您创建BookController控制器类时，Visual Studio会自动包含在Details.cshtml文件的顶部以下@model的语句：

@model MvcApplication1.Models.Book

这个@ model指令允许你通过强类型访问控制器传递给视图的Model对象的Book类。例如，在Details.cshtml模板，代码通过每本书籍领域的DisplayNameFor和DisplayFor HTML辅助与强类型的Model对象。创建和编辑方法和视图模板也能通过书籍的模型对象进行访问。
查看Index.cshtml视图模板，并在BookController.cs文件找到Index方法。请注意代码是如何创建一个List对象时，使用View进行了封装，通过这个封装最终把书籍列表从控制器传给了视图。代码如下。

public ActionResult Index()

    {

       return View(db.Books.ToList());

 }

当您创建BookController控制器时，Visual Studio会自动在Index.cshtml文件的顶部添加以下@model的语句：

@model IEnumerable<MvcApplication1.Models.Book>

这个@ model指令允许您访问控制器传递给视图通过使用的强类型的Model对象的书籍名单。例如，在Index.cshtml模板，如下面的代码在循环中通过强类型访问Model对象。代码如下。

@foreach (var item in Model) {

    <tr>

        <td>

            @Html.DisplayFor(modelItem => item.Category)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.Name)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.Numberofcopies)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.AuthorID)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.Price)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.PublishDate)

        </td>

           <td>

            @Html.DisplayFor(model => item.Rating)

        </td>

        <td>

            @Html.ActionLink("Edit", "Edit", new { id=item.BookID }) |

            @Html.ActionLink("Details", "Details", new { id=item.BookID }) |

            @Html.ActionLink("Delete", "Delete", new { id=item.BookID })

        </td>

    </tr>

}

因为模型对象是强类型（如IEnumerable <Book>），则在循环中每个item对象的类型为Book。除了其他好处，这意味着你会得到编译时会进行代码检查功能和完整的IntelliSense支持。如下图。

运行程序，然后你会看到如下图的数据。

小记：最近工作有点忙，所以更新的有点迟了。尽量会写完的。

码农公寓

相关文章