ASP.NET - MVC - ASP và MVC Chapter 3 - Part 4

2.5 Tìm hiểu về Views

Trong controller HomeController.cs, cả hai phương thức Index() và About() đều trả về một view. Một view chứa các thẻ HTML và được trả về cho browser. Trong mô hình MVC thì một view tương ứng với một trang .aspx trong WebForm.

View phải được tạo đúng vị trí đường dẫn.

Ví dụ với controller HomeController.cs thì hành động HomeController.Index() trả về một view nằm ở vị trí đường dẫn \Views\Home\Index.aspx và HomeController.About() sẽ trả về một view nằm ở vị trí đường dẫn \Views\Home\About.aspx

View About.aspx

01.<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true" CodeBehind="About.aspx.cs"Inherits="HiTest.Views.Home.About" %>

02.<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent"runat="server">

03.<h2>About Us</h2>

04.<p>

05. 

06.</p>

07. 

08.TODO: Put <em>about</em> content here.

09. 

10.</asp:Content>

11.View Index.aspx

12.<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true" CodeBehind="Index.aspx.cs"Inherits="HiTest.Views.Home.Index" %>

13.<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent"runat="server">

14.<h2><%= Html.Encode(ViewData["Message"]) %></h2>

15.<p>

16.To learn more about ASP.NET MVC visit <a href="/<a href="http://asp.net/mvc">http://asp.net/mvc<;/a>" title="ASP.NET MVC Website">http://asp.net/mvc<;/a>.

17.</p>

18.</asp:Content>

Tất cả các thuộc tính nằm giữa 2 thẻ đều có định dạng HTML và có thể tùy ý sửa đổi theo ý muốn.

Tạo view cho controller SanPhamController.cs, trong SanPhamController.cs có 4 phương thưc public là Index(), DanhMucLoaiSanPham(), DanhSachSanPham() và ChiTietSanPham() nên trong Views phai tao 4 view tương ứng là Index.aspx, DanhMucLoaiSanPham.aspx, DanhSachSanPham.aspx, ChiTietSanPham.aspx băng cach tư \ folder Views click phai chuôt chon Add  New Folder nhâp tên folder mơi tao la SanPham .

Tư folder SanPham click phai chuôt chon Add  View… (Figure 14) (ví dụ tạo view DanhMucLoaiSanPham)

 

Index.aspx Figure 14. Tạo view DanhMucLoaiSanPham trong folder SanPham

1.<%@ Page Title="" Language="C#"MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true" CodeBehind="Index.aspx.cs"Inherits="BanHang.Views.SanPham.Index" %>

2.<asp:Content ID="viewIndex" ContentPlaceHolderID="MainContent"runat="server">

3.<h1>Đây làtrang chính của sản phẩm</h1>

4.</asp:Content>

DanhMucLoaiSanPham.aspx

01.<%@ Page Title="" Language="C#"MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true"

02.CodeBehind="DanhMucLoaiSanPham.aspx.cs"Inherits="BanHang.Views.SanPham.DanhMucLoaiSanPham" %>

03.<asp:Content ID="viewDanhMucLoaiSanPham"ContentPlaceHolderID="MainContent" runat="server">

04.<h1>

05.Đây làdanh mục loại sản phẩm</h1>

06.<% foreach (var lsp in ViewData.Model)

07.{ %>

08.<li>

09.<%= Html.ActionLink(lsp.TenLoaiSanPham, "DanhSachSanPham/" +

10.lsp.TenLoaiSanPham, "SanPham") %>

11.</li>

12.<% } %>

13.</asp:Content>

DanhSachSanPham.aspx

1.<%@ Page Title="" Language="C#"MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true" CodeBehind="DanhSachSanPham.aspx.cs"Inherits="BanHang.Views.SanPham.DanhSachSanPham" %>

2.<asp:Content ID="viewDanhSachSanPham"ContentPlaceHolderID="MainContent" runat="server">

3.<h1>Đây làdanh sách sản phẩm cótrong chuyên mục</h1>

4.</asp:Content>

ChiTietSanPham.aspx

1.<%@ Page Title="" Language="C#"MasterPageFile="~/Views/Shared/Site.Master"AutoEventWireup="true"CodeBehind="ChiTietSanPham.aspx.cs"Inherits="BanHang.Views.SanPham.ChiTietSanPham" %>

2.<asp:Content ID="viewChiTietSanPham"ContentPlaceHolderID="MainContent"

3.runat="server">

4.<h1>Đây làChi tiết sản phẩm</h1>

5.</asp:Content>