激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP.NET教程 - .NET Web開發之.NET MVC框架介紹

.NET Web開發之.NET MVC框架介紹

2019-12-03 11:45ASP.NET教程網 ASP.NET教程

MVC是一種架構設計模式,該模式主要應用于圖形化用戶界面(GUI)應用程序。那么什么是MVC?MVC由三部分組成:Model(模型)、View(視圖)及Controller(控制器)

MVC概念 

MVC是一種架構設計模式,該模式主要應用于圖形化用戶界面(GUI)應用程序。那么什么是MVC?MVC由三部分組成:Model(模型)、View(視圖)及Controller(控制器)。 

Model即應用程序的數據模型。任何應用程序都離不開數據,數據可以存儲在數據庫中、磁盤文件中,甚至內存中。Model就是對這些數據的抽象,不論數據采取何種存儲形式,應用程序總是能夠通過Model來對數據進行操作,而不必關心數據的存儲形式。數據實體類就是常用的一種Model。例如,一個客戶管理應用程序使用數據庫來存儲客戶數據,數據庫表中有一個客戶表Customer,相應的程序中一般會建立一個數據實體類Customer來與之對應,這個實體類即使客戶表的Model。 

View是應用程序的界面。用戶通過View來操作應用程序,完成與程序的交互。View提供了可視化的界面來顯示Model中定義的數據,用戶通過View來操作數據,并將對Model數據操作的結果返回給用戶。在桌面應用程序中,View可能是一個或多個Windows窗體。在Web應用程序中,View是由一系列網頁構成,在ASP.NET網站中即為.aspx頁面。 

Controller 定義了程序的應用邏輯。用戶通過View發送操作命令給Controller,由Controller按照程序設計的邏輯來更新Model定義的數據,并將操作結果通過View返回給用戶。

.NET Web開發之.NET MVC框架介紹

MVC的歷史 

MVC這一概念最早由美國教授Trygve Reenskaug于1979年提出。1988年MVC這一設計模式正式在《A Cookbook for Using the Model-View-Controller User Interface Paradigm in Smalltalk -80》一書中提出。伴隨著微軟Windows操作系統的迅速發展與普及,圖形化用戶界面應用程序逐漸成為主流,很多編程語言都出現了MVC框架,以方便開發人員使用該模式來設計應用程序。這些框架中大部分都是針對Web應用程序。 

.NET Web開發中MVC設計模式的實現 

ASP.NET 1.x中使用了CodeBehind技術,徹底終結了傳統ASP程序開發的夢魘:程序邏輯與HTML界面元素混雜在一起。CodeBehind技術將代表程序界面(View)的.aspx文件與邏輯(Controller)代碼.vb/.cs文件的分離即是一種MVC式的設計。ASP.NET 2.0中又出現了CodeBeside技術,即一個.aspx文件可以有多個.vb/.cs文件,這又方便了界面與邏輯代碼的進一步分離。 

2008年3月微軟發布了針對ASP.NET 3.5 的MVC框架 (Preview 2 版本)。這是一個真正意義上的ASP.NET MVC框架。該框架可以說是對之前為開發人員所熟悉的基于Web Form的應用程序開發方式的"顛覆"。變化可謂"震撼": 

1. 使用URL Routing技術:Web程序的URL不再是指向具體的物理頁面.aspx,而是指向某個Controller的某個方法。一個典型的MVC架構的程序,其URL可能如下所示: 

http://www.mysite.com/Customer/Index 

使用該MVC架構的程序其URL不必有文件擴展名。上面這個URL中的Customer即為Controller的名字。而Index是Customer定義的一個方法名。 

2. Web程序的界面.aspx不再使用服務器端的Form: 

<asp: form runat="server"></form> 

那么與服務器端的Form相關的Postback以及頁面生命周期的事件也不存在了。 

3. 頁面中不再有View State。MVC下將不能使用View State來存儲程序狀態信息。 

4. 不再提供依賴于服務器端Form的服務器控件事件,開發人員熟悉的Button_Clicked事件在MVC下將不再需要。 

NET MVC示例 

安裝完 ASP.NET MVC Preview 2后,VS2008中會添加一個新的項目模板"ASP.NET MVC Web Application", 如下圖所示 

.NET Web開發之.NET MVC框架介紹

    新建該項目后, VS2008自動生成項目的文件結構如下, MVC三個組成部分各有一個文件夾來存儲各自的程序文件。

.NET Web開發之.NET MVC框架介紹

前面提到的URL Routing即在Global.asax.cs中設置:

復制代碼代碼如下:


public class GlobalApplication : System.Web.HttpApplication
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            // 注意: IIS7以下的IIS版本需將URL格式設置為 "{controller}.mvc/{action}/{id}" to enable           

 

            routes.Add(new Route("{controller}.mvc/{action}/{id}", new MvcRouteHandler())
            {
                Defaults = new RouteValueDictionary(new { action = "Index", id = "" }),
            });//設置URL Routing格式

            routes.Add(new Route("Default.aspx", new MvcRouteHandler())
            {
                Defaults = new RouteValueDictionary(new { controller = "Customer", action = "Index", id = "" }),
            });//設置默認URL指向Customer Controller的Index方法
        }

        protected void Application_Start(object sender, EventArgs e)
        {
            RegisterRoutes(RouteTable.Routes);
        }
}

 

【代碼1】:Global.asax.cs 

下面來實現Customer 的Model、Controller及View: 

Model: 在項目中的Model文件夾下,新建一個"Linq to SQL Classes",將Northwind數據庫中的Customer表拖拽到其設計視圖中。這樣就完成了Customer對應的Model。如圖4

.NET Web開發之.NET MVC框架介紹

Controller: 在項目中的Controller文件夾下,新建一個"MVC Controller Class",命名為CustomerContoller.cs。 在此類中添加一個公有方法Index,此方法及為在Global.asax.cs中設置好的默認URL所映射的方法。

 

復制代碼代碼如下:

    
 public class CustomerController : Controller
      {
        public void Index(string id)
        {
            Northwind.Models.NorthwindDataContext dc = new Northwind.Models.NorthwindDataContext();
            IList<Northwind.Models.Customer> customers = dc.Customers.Take(10).ToList();//取數據庫中的10個Customer記錄
            RenderView("Index", customers);//返回Index View
        }
}

 

    
    【代碼2】:CustomerController.cs

    View: 上面Index方法的代碼表示CustomerContoller的Index方法執行后,需要返回一個名稱為Index的View,以便將數據呈現給用戶。下面來添加這個Index View:在項目的View文件中,新建一個子文件夾Customer。與Customer Controller有關的View將保存在此文件夾下。新建一個"MVC View Class"并命名為Index.aspx。在前面的RenderView("Index", customers)方法中,customers參數是Controller傳遞給View所需的數據,該參數的類型為IList<Northwind.Models.Customer>。為了在View中方便使用此強類型的數據,View.aspx.cs使用了如下代碼:注意粗體部分

 

復制代碼代碼如下:

  
public partial class Index : ViewPage<IList<Northwind.Models.Customer>>
    {
}

 

    
【代碼3】:Index.aspx.cs

    View.aspx代碼如下:ViewData這一成員變量的類型及為上面提到的IList<Northwind.Models.Customer>類型。

    

復制代碼代碼如下:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edit.aspx.cs" Inherits="Northwind.Views.Customer.Edit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <div>
        <table>
            <tr>
<td>Edit</td>            
            <td>Customer ID </td>
            <td>Company Name </td>
            <td>Contact Name </td>
            <td>Contact Title </td>
           </tr>   
            <% foreach (Northwind.Models.Customer customer in ViewData)
               {%>
               <tr>
                  <td><a href="Customer.mvc/Edit/<%= customer.CustomerID %>">Edit</a></td><!—URL指向Customer Contoller的Edit方法 -->
                  <td></td>
                  <td>  <%= customer.CustomerID %></td>
                  <td> <%= customer.CompanyName  %></td>
                  <td> <%= customer.ContactName  %></td>
                  <td><%= customer.ContactTitle  %></td>

               </tr>
               <%} %>
        </table>
    </div>
</body>
</html>

 

 

 

 

    【代碼4】:Index.aspx

    下面來實現Customer Controller的Edit方法。在CustomerController.cs中添加如下代碼:

 

復制代碼代碼如下:

     
public void Edit(string id)
{
            Northwind.Models.NorthwindDataContext dc = new Northwind.Models.NorthwindDataContext();
            Customer c = dc.Customers.Single(cus => cus.CustomerID == id);//從數據庫中取出參數id所對應的的一個Customer記錄

            RenderView("Edit", c);//返回Edit View



    【代碼5】:CustomerController.cs中的Edit方法

 

    相應的在項目中的View/Customer/文件夾下,添加Edit View Edit.aspx:

 

復制代碼代碼如下:


public partial class Edit : ViewPage<Northwind.Models.Customer>
{
}

 

    
    【代碼6】:Edit.aspx.cs
 

復制代碼代碼如下:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edit.aspx.cs" Inherits="Northwind.Views.Customer.Edit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
<!—下面的 html form 將用戶的輸入提交到Customer Contoller的Update方法 -->
<%using( Html.Form<Northwind.Controllers.CustomerController>(cc=>cc.Update(ViewData.CustomerID))){ %>
    <div>
       Customer ID: <%= ViewData.CustomerID  %> <br />
       Company Nmae: <%= Html.TextBox("Customer.CompanyName", ViewData.CompanyName) %> <br />
       Contact Name: <%= Html.TextBox("Customer.ContactName",ViewData.ContactName) %><br />
       Contact Title: <%= Html.TextBox("Customer.ContactTitle",ViewData.ContactTitle) %>
    </div>
    <%= Html.SubmitButton("Save") %>
    <%} %>
</body>
</html>

 

    
【代碼7】:Edit.aspx

    代碼7中使用了MVC框架中的一個幫助類Html。此類可以生產View中常用的界面元素,例如 html form,文本輸入框等。

    下面來實現CustomerController的Update方法:

 

復制代碼代碼如下:

      
public void Update(string id)
        {
            Northwind.Models.NorthwindDataContext dc = new NorthwindDataContext();
       //從數據庫中取出參數id所對應的的一個Customer記錄:
            Customer cust = dc.Customers.Single(c => c.CustomerID == id);
      //將Edit View中的用戶的更改賦值到cust對象:
            BindingHelperExtensions.UpdateFrom(cust, Request.Form);
            dc.SubmitChanges();
            RedirectToAction("Index");//跳轉到Index View
        }
 

 


    【代碼8】:CustomerController.cs中的Update方法

    上面的代碼通過ASP.NET MVC框架實現了Customer的列表、編輯及更新功能,可以看出MVC將應用程序的Model、View及Controller三部分"優雅的"分離,真正實現了高內聚、低耦合的靈活架構,大大降低了程序的復雜性,提高了可擴展性及可重用性。這一框架對Web開發帶來的影響不僅是是技術上的變化,更是Web程序設計思想的變化 -- Web程序不再是一些列功能頁面的集合,而是又Controller控制的功能單元的集合,Web程序更像是一組通過其URL對外開放的"API"。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 免费在线观看成人av | 日韩黄色一区 | 激情夜色 | 欧美日韩高清在线观看 | 爱逼爱操综合网 | 91成人一区 | 国产午夜精品久久久久婷 | 国产一国产精品一级毛片 | 一区二区三区日本在线观看 | 一区二区三区在线观看视频 | 国产a级久久 | 一区二区三区在线观看视频 | 成人辣文 | 高清av免费 | 国产精品资源手机在线播放 | 免费一级毛片网站 | 最新91在线视频 | 成人免费淫片视频软件 | av噜噜在线 | 蜜桃av鲁一鲁一鲁一鲁 | 黄色网络免费看 | 成人短视频在线观看免费 | 91精品国产九九九久久久亚洲 | 久久一本日日摸夜夜添 | 久久久久免费精品 | av电影在线播放 | 久久久国产精品电影 | 久草网在线| 一本免费视频 | 一区二区三区日韩 | 97干在线 | 欧美三级日本三级少妇99 | 亚洲va在线 | 成人在线免费观看网址 | 亚a在线 | 亚洲精品在线观看免费 | 国产一区二区三区四区波多野结衣 | 久久免费视频5 | 天天都色视频 | 日韩在线观看视频免费 | 北条麻菲 |