binding customer - mvc part 2

Trong phần 1: Hello MVC Application chúng ta đã được làm quen với mô hình MVC, lịch sử của MVC, và các truyền dữ liệu từ Controller đến View sử dụng ViewData, mà không cần phải có 1 Model nào. Lần này chúng ta sẽ làm việc với ứng dụng MVC bao gồm cả Model View Controller, Model ở đây có thể là LinqToEntities, Linq2Sql, hoặc 1 Class Library.

Trong bài này chúng ta sẽ làm quen việc:
Tạo 1 Model (Entity Framework) Customers table
Tạo 1 Controller.
Tạo 1 View.
Tạo 1 Route

Chúng ta bắt đầu với việc tạo 1 ứng dụng MVC tên là BindingCustomer.

Click Ok, hộp thoại hỏi chúng ta có tạo test project hay không?

Từ BindingCustomer chọn Add New Item... Sau đó chọn ADO.NET Entity Framework đặt tên là Nwind.edmx



→ OK → Chọn Generate From Database, sau đó connect tới csdl Northwind



Click Next



Chọn table Customers và Click Finish

Ứng dụng MVC mặc định bao gồm 2 tabs: Home và About. để thêm 1 tab khác (Customers chẳng hạn), chúng ta vào file Site.Master trong thư mục Views/Shared

<div id="menucontainer">
    <ul id="menu">
        <li>
            <%: Html.ActionLink("Home", "Index", "Home")%></li>
        <li>
            <%: Html.ActionLink("Customer", "Index", "Customer")%></li>
        <li>
            <%: Html.ActionLink("About", "About", "Home")%></li>
    </ul>
</div>

Html.ActionLink chấp nhận 3 tham số: đầu tiên là nhãn của link, thứ 2 là action (tên method), và cuối cùng là tên Controller ở đây là Customer.

Tạo Controller: Nhấn chuột phải vào Controller → Add Controller... (Ctrl + M, Ctrl + C) và đặt tên là CustomerController.

Viết code cho Action Index:

using System.Linq;
using System.Web.Mvc;
 
namespace CustomerBinding.Controllers
{
    public class CustomerController : Controller
    {
        //
        // GET: /Customer/
 
        public ActionResult Index()
        {
            using (NorthwindEntities context = new NorthwindEntities())
            {
                return View(context.Customers.ToList());
            }
        }
    }
}

Tạo View: Click chuột phải vào action Index chọn Add Vew, tên view là Index, check vào Create a strongly-type view và còn Customer entity, và cuối cùng Content View là List



Khi đó trong thư mục View MVC sẽ tạo cho chúng ta 1 folder tên là Customer và 1 tập tin index.aspx

Start ứng dụng MVC và click vào Customer tab



Và xem kết quả trả về