自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

ASP.NET MVC并不僅僅只是LINQ To SQL

開發(fā) 后端
很多ASP.NET的教程中的示例代碼使用的數(shù)據(jù)訪問方法是Linq to SQL或是Entity Framework,本文就講述了使用ADO.NET作為數(shù)據(jù)訪問層來實現(xiàn)一個典型的增刪查改程序,這里只是講述各個層所扮演的角色,但是不會深入到代碼的細節(jié)中。

ASP.NET MVC是微軟官方提供的MVC模式編寫ASP.NET Web應用程序的一個框架,不久前微軟發(fā)布了ASP.NET MVC 2 RC 2,新版本增強了對HTML的控制,同時對Area特性也有一定的增強,而在不久之后也將會支持Visual Studio 2010。

這里我們只是講述各個層所扮演的角色,但是不會深入到代碼的細節(jié)中。N-Layer構(gòu)架的三個關(guān)鍵層分別為:業(yè)務對象層,業(yè)務邏輯層和數(shù)據(jù)訪問層。而其數(shù)據(jù)訪問層會幾乎不加改變的包含在本文的MVC項目中,Spaanjaar的文件詳細描述了各個層是如何組織的。

首先,我們來看Imar提供的程序,這是一個具有典型增刪查改的程序,這個程序允許用戶管理聯(lián)系人,包括聯(lián)系人的地址,電話,email。它能增,刪,查,改任何實體。

Imar提供的程序

程序內(nèi)包括的實體有:ContactPersons,PhoneNumbers,AddressesEmailAddresses.他們都隸屬于程序的業(yè)務對象(BO)層。上述的每一個類都包含可以獲取或者賦值的屬性,但并不包含任何方法。而所有方法存放于業(yè)務邏輯層(BLL)中的對應類中。在業(yè)務對象層和業(yè)務邏輯層的實體和實體manger是一對一的關(guān)系,在業(yè)務邏輯層中類包含的方法都會返回業(yè)務對象層(BO)的實例,或是實例集合,或者保存實例(更新或是添加),或是刪除實例。業(yè)務邏輯層(BLL)中也可以包含一些業(yè)務規(guī)則驗證,安全性檢查的代碼。但在本篇文章為了簡便起見,就不添加這些了。如果你對業(yè)務規(guī)則和安全性有興趣的話,可以去看Imar文章的6partseries。

最后一層是數(shù)據(jù)訪問層(DAL),同樣,DAL層的類也和業(yè)務邏輯層(BLL)內(nèi)的類有著一對一的關(guān)系,在BLL層的類中會調(diào)用相關(guān)DAL層中的方法。而在這些層中,只有DAL層需要知道利用什么技術(shù)(linq,entityframework..)保存業(yè)務實體。在本例中,使用SqlServerExpress數(shù)據(jù)庫和ADO.NET。而這樣分層的思想是如果你需要更換數(shù)據(jù)源(XML,oracle,更或者是WebService甚至是LinqtoSql或者其他ORM框架),因為DAL層給BLL層暴漏的方法的簽名是一致的,所以只需要更換DAL層即可。而為了保證所有DAL的實現(xiàn)有著同樣的簽名,則利用接口即可。但我想或許是未來帖子中討論的話題了吧。

MVC構(gòu)架

簡單的說,M代表Model,也是包含BO,BLL,DAL的地方,V代表View,也是UI相關(guān)開發(fā)的部分,或者說是用戶看到的部分,C是Controller的簡寫,也是控制用戶請求與程序回復的部分。如果用戶點擊了一個指向特定地址的按鈕,請求會和Controller的Action(類的方法)進行匹配,而Action負責處理請求,并返回響應。通常情況下是一個新的View,或者是更新現(xiàn)有的View。

下面用VisualStudio創(chuàng)建一個MVC應用程序并刪除默認的View和Controller,然后將Imar的程序中的Bo,Bll和DAL復制到這個MVC程序的Model內(nèi),我還復制了響應的數(shù)據(jù)庫文件和Style.css。

創(chuàng)建一個MVC應用程序

我還做了一些其他的修改,把數(shù)據(jù)庫連接字符串添加到Web.Config中。除此之外,我還將復制過來的代碼的命名空間做了響應的調(diào)整并把DAL層的代碼升級到了3.0.雖然這并不是必須的。做完這些,我按Ctrl+Shift+F5來測試是否編譯成功。

Controller

添加4個Controller(VisualStudio附帶的默認Controller已經(jīng)被刪除),和四個實體類相匹配。它們分別為:ContactController,PhoneController,AddressControllerandEmailController。

四個實體類

每個Controller都含有四個Action:List,Add,Edit,andDelete。首先需要在Global.exe中為這些Action注冊這些路由。

  1. public static void RegisterRoutes(RouteCollection routes)  
  2. {  
  3.   routes.IgnoreRoute("{resource}.axd/{*pathInfo}");  
  4.  
  5.   routes.MapRoute(  
  6.       "Default",                                                
  7.       "{controller}/{action}/{id}",                             
  8.       new { controller = "Contact"action = "List"id = "" }    
  9.   );  

默認的View會顯示所有聯(lián)系人,BLL層中的ContactPersonManager類內(nèi)的GetList()方法會獲取所有聯(lián)系人的數(shù)據(jù),響應的List()Action代碼如下:

  1. public ActionResult List()  
  2. {  
  3.   var model = ContactPersonManager.GetList();  
  4.   return View(model);  

#p#

強類型View

整個實例代碼中,我都會使用強類型的View,因為這樣不僅可以使用intellisense(智能提示)的好處,還不必依賴于使用String作為索引值的ViewData。為了讓代碼更加有序,我添加了一些命名空間到web.config中的<namespaces>節(jié)點,這些都是我用來替換Imar代碼的方式:

  1. <namespaces> 
  2. <add namespace="System.Web.Mvc"/> 
  3. <add namespace="System.Web.Mvc.Ajax"/> 
  4. <add namespace="System.Web.Mvc.Html"/> 
  5. <add namespace="System.Web.Routing"/> 
  6. <add namespace="System.Linq"/> 
  7. <add namespace="System.Collections.Generic"/> 
  8. <add namespace="ContactManagerMVC.Views.ViewModels"/> 
  9. <add namespace="ContactManagerMVC.Models.BusinessObject"/> 
  10. <add namespace="ContactManagerMVC.Models.BusinessObject.Collections"/> 
  11. <add namespace="ContactManagerMVC.Models.BusinessLogic"/> 
  12. <add namespace="ContactManagerMVC.Models.DataAccess"/> 
  13. <add namespace="ContactManagerMVC.Models.Enums"/> 
  14. </namespaces> 

上面代碼意味著我可以在程序的任何地方訪問上述命名空間。上面GetList()方法返回的類型是ContactPersonList,這個類型是ContactPerson對象的集合,在顯示List的View中的Page聲明如下:

  1. <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ContactPersonList>" %> 

我想你已經(jīng)注意到了我使用了MasterPage,利用MasterPage,我借用了從Imar實例代碼中的Css文件。用于顯示ContactPerson對象的HTML如下:

  1. <table class="table"> 
  2.     <tr> 
  3.       <th scope="col">Id</th> 
  4.       <th scope="col">Full Name</th> 
  5.       <th scope="col">Date of Birth</th> 
  6.       <th scope="col">Type</th> 
  7.       <th scope="col">&nbsp;</th> 
  8.       <th scope="col">&nbsp;</th> 
  9.       <th scope="col">&nbsp;</th> 
  10.       <th scope="col">&nbsp;</th> 
  11.       <th scope="col">&nbsp;</th>    
  12.     </tr> 
  13.     <%  
  14.       if (Model != null)  
  15.       {  
  16.         foreach (var person in Model)  
  17.         {%> 
  18.     <tr> 
  19.       <td><%= person.Id %></td> 
  20.       <td><%= person.FullName %></td> 
  21.       <td><%= person.DateOfBirth.ToString("d") %></td> 
  22.       <td><%= person.Type %></td> 
  23.       <td title="address/list" class="link">Addresses</td> 
  24.       <td title="email/list" class="link">Email</td> 
  25.       <td title="phone/list" class="link">Phone Numbers</td> 
  26.       <td title="contact/edit" class="link">Edit</td> 
  27.       <td title="contact/delete" class="link">Delete</td> 
  28.     </tr> 
  29.     <%  
  30.         }  
  31.       }else{%> 
  32.     <tr> 
  33.       <td colspan="9">No Contacts Yet</td> 
  34.     </tr>    
  35.      <% }%> 
  36.   </table> 

 

我想你已經(jīng)能發(fā)現(xiàn)強類型View的好處了吧,Model的類型是ContactPersonList,所以你可以任意使用ContactPersonList的屬性而不用強制轉(zhuǎn)換,而強制轉(zhuǎn)換錯誤只有在運行時才能被發(fā)現(xiàn),所以這樣省了不少事。

在做Html時,我小小的作弊了一下,我本可以使用vs對list自動生成的view,但我沒有。因為我需要和Imar的css文件相匹配的html.所以我運行了imar的程序,在瀏覽器中查看源代碼,并把生成的html復制下來,imar使用GridView來生成列表,所以CSS會在運行時嵌入到html代碼中。我將這些css代碼移到一個外部的css文件中。并給<th>和<td>元素添加了一些額外樣式,你可以在代碼的下載鏈接中找到。

我還未一些表格的單元格添加了title屬性。這些包含了訪問其他action的鏈接。我希望用戶在瀏覽電話本或者編輯或者刪除電話本時頁面不會postback,換句話說,我希望我的網(wǎng)站是ajax的。而title屬性就發(fā)揮作用了。而“。link”這個css選擇符可以讓普通的文本看起來像超鏈接,也就是有下劃線和鼠標hover時出現(xiàn)小手。#p#

JQuery Ajax

在我們深入實現(xiàn)ajax功能的相關(guān)代碼之前,下面3行代碼是需要加入到html中:

  1. <input type="button" id="addContact" name="addContact" value="Add Contact" /> 
  2. <div id="details"></div> 
  3. <div id="dialog" title="Confirmation Required">Are you sure about this?</div> 

第一行代碼的作用是一個允許用戶添加新聯(lián)系人的按鈕,第二行代碼是一個空div,方便后面顯示信息,第三行代碼是jQuerymodal提示驗證對話框的一部分,用于提示用戶是否刪除一條記錄。

還需要在頁面中添加3個js文件,第一個是主要的jQuery文件,其他兩個分別是jQueryUI的核心js,以及datepicker和modaldialog部分的JS:

  1. <script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 
  2. <script src="../../Scripts/ui.core.min.js" type="text/javascript"></script> 
  3. <script src="../../Scripts/jquery-ui.min.js" type="text/javascript"></script> 

下面是我們生成后的列表顯示視圖以及完全的JS代碼:

列表顯示視圖以及完全的JS代碼

 

  1. <script type="text/javascript"> 
  2.   $(function() {  
  3.     // row colours  
  4.     $('tr:even').css('background-color', '#EFF3FB');  
  5.     $('tr:odd').css('background-color', '#FFFFFF');  
  6.     // selected row managment  
  7.     $('tr').click(function() {  
  8.       $('tr').each(function() {  
  9.         $(this).removeClass('SelectedRowStyle');  
  10.       });  
  11.       $(this).addClass('SelectedRowStyle');  
  12.     });   
  13.     // hide the dialog div  
  14.     $('#dialog').hide();  
  15.     // set up ajax to prevent caching of results in IE  
  16.     $.ajaxSetup({ cache: false });  
  17.     // add an onclick handler to items with the "link" css class  
  18.     $('.link').live('click', function(event) {  
  19.       var id = $.trim($('td:first', $(this).parents('tr')).text());  
  20.       var loc = $(this).attr('title');  
  21.       // check to ensure the link is not a delete link  
  22.       if (loc.lastIndexOf('delete') == -1) {  
  23.         $.get(loc + '/' + id, function(data) {  
  24.           $('#details').html(data);  
  25.         });  
  26.       // if it is, show the modal dialog     
  27.       } else {  
  28.         $('#dialog').dialog({  
  29.           buttons: {  
  30.             'Confirm': function() {  
  31.               window.location.href = loc + '/' + id;  
  32.             },  
  33.             'Cancel': function() {  
  34.               $(this).dialog('close');  
  35.             }  
  36.           }  
  37.         });   
  38.         $('#dialog').dialog('open');  
  39.         }  
  40.       });   
  41.       // add an onclick event handler to the add contact button  
  42.       $('#addContact').click(function() {  
  43.         $.get('Contact/Add', function(data) {  
  44.           $('#details').html(data);  
  45.         });  
  46.       });   
  47.     });  
  48. </script> 

 

上面代碼看起來讓人望而卻步,但實際上,使用jQuery,這非常簡單。并且在上面代碼中我多處加入了注釋,代碼一開始是用js代碼是替換了數(shù)據(jù)源控件默認呈現(xiàn)出來的隔行變色的顏色。然后我加入了使點擊行點擊時可以變色的代碼。然后下面的代碼是防止IE對頁面進行緩存。如果不禁止了IE緩存,你會為執(zhí)行編輯或者刪除以后,數(shù)據(jù)庫改變了但頁面卻沒有發(fā)生變化而撞墻的。

接下來的代碼更有趣了,依靠live()方法可以確$選擇器中所有匹配的元素都被附加了相應的事件,無論元素當前是否存在于頁面中。比如說,當你點擊了Addresses鏈接,相應的結(jié)果就會在另一個表中出現(xiàn):

點擊Addresses鏈接的結(jié)果

上圖中可以看出表中包含編輯和刪除鏈接,如果不使用live()方法,相應的鏈接就不會被附加事件。所有具有class為link的元素都會被委派上click事件。這個事件會首先獲取到當前條目的id.以ContactPerson表為例,這個id就是ContactPersonId.在相應的子表中,則id會是電話號碼或者是email地址。這些都是需要傳遞給controlleraction作為參數(shù)進行編輯,刪除,或者顯示的。

你現(xiàn)在可以看出為什么我為每個單元格加上title屬性了吧。title屬性包含相關(guān)的route信息,而完全的url則把id附加到route作為url.然后,上面js會做一個檢查,來看route信息內(nèi)是否包含delete,如果包含delelte,則彈出一個對話框來提示用戶是否要刪除。看,是不是很簡單?最后,代碼會為添加聯(lián)系人按鈕添加click事件。 #p#

添加聯(lián)系人以及自定義ViewModels

使用添加一條記錄時,通常的做法是提供一個包含一系列輸入框的form.對于ContactPerson類的大多屬性來說,都是可以直接賦值的,比如:姓,名字,生日。但是其中有一個屬性卻不能直接賦值--Type屬性,這個值是從PersonType.cs(朋友,同事等)中的枚舉類型中選擇出來的.這意味著用戶只能從有限的幾種選項中選擇一種。可以用DropDwonList來實現(xiàn),但是ContactPerson對象并不包含枚舉類型的所有選項,所以我們只能提供一個自定義版本的ContactPerson類傳遞給View。這也是為什么要用到自定義ViewModel。

我看過很多關(guān)于在程序的哪里放置ViewModels的討論,有些人認為自定義ViewModels是Model的一部分,但是我認為它和View緊密相關(guān),ViewModels并不是MVC程序必不可少的一部分,也不能服用,所以它不應該放到Model中區(qū)。我把所有的ViewModel放入一個創(chuàng)建的ViewModel文件夾下,ContactPersonViewModel.cs的源代碼如下:

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Web.Mvc;  
  4.  
  5. namespace ContactManagerMVC.Views.ViewModels  
  6. {  
  7.   public class ContactPersonViewModel  
  8.   {  
  9.     public int Id { get; set; }  
  10.     public string FirstName { get; set; }  
  11.     public string MiddleName { get; set; }  
  12.     public string LastName { get; set; }  
  13.     public DateTime DateOfBirth { get; set; }  
  14.     public IEnumerable<SelectListItem> Type { get; set; }  
  15.   }  

看上面類的最后一個屬性,我將這個type屬性設(shè)置成IEnumerable<SelectListItem>類型,這樣就可以將Type綁定到View中的Html.DropDownList了。

對應的,也要在Controller中添加2個action,第一個action使用AcceptVerbs(HttpVerbs.Get)標簽,第二個action使用AcceptVerbs(HttpVerbs.Post)標簽,第一個方法用于從服務器向客戶端傳值,第一個方法處理從form提交的數(shù)據(jù)。

上面第一個action的前幾行代碼將ContactType枚舉類型轉(zhuǎn)換成數(shù)組,數(shù)組中的每一個元素都是一個包含id和name屬性的匿名對象,id是枚舉值,Name是和對應枚舉匹配的constant值,ContactPersonViewModel然后進行初始化并且Type屬性被賦值相應的類型。我使用PartialView來添加聯(lián)系人和使用ContactPersonViewModel類型的強類型,對應View部分的代碼如下:

在最上面的代碼我使用了jQueryUI的Datepicker插件作為DateOfBirth輸入框的選擇方式,而DateOfBirth的第二個參數(shù)保證這個textbox在初始狀態(tài)下為空。此外,所有的輸入框?qū)ontactPerson的對應屬性名相同,這是為了確保默認的modelbinder不出差錯,MVC還自動為ContactType枚舉進行綁定。

自動為ContactType枚舉進行綁定

負責響應Post請求的方法可以自動將Request.Form的值和ContactPerson對象的對應屬性進行匹配,然后調(diào)用BLL層的Save()方法,然后RedicrectToAction會讓頁面刷新最后調(diào)用List這個action。 #p#

編輯一個聯(lián)系人

我們在前面已經(jīng)看到j(luò)Query是如何調(diào)用Edit這個action并把被編輯人的id作為參數(shù)進行傳遞的了,然后id用于通過眾所周知的bll調(diào)用DAL從數(shù)據(jù)庫將聯(lián)系人的詳細信息取出來。

  1. <script type="text/javascript"> 
  2.   $(function() {  
  3.     $('#DateOfBirth').datepicker({dateFormat: 'yy/mm/dd'});  
  4.   });  
  5. </script> 
  6.  
  7. <% using (Html.BeginForm("Edit", "Contact", FormMethod.Post)) {%>   
  8.      <table> 
  9.         <tr> 
  10.           <td class="LabelCell">Name</td> 
  11.           <td><%= Html.TextBox("FirstName") %></td> 
  12.         </tr> 
  13.         <tr> 
  14.           <td class="LabelCell">Middle Name</td> 
  15.           <td><%= Html.TextBox("MiddleName") %></td> 
  16.         </tr> 
  17.         <tr> 
  18.           <td class="LabelCell">Last Name</td> 
  19.           <td><%= Html.TextBox("LastName") %></td> 
  20.         </tr> 
  21.         <tr> 
  22.           <td class="LabelCell">Date of Birth</td> 
  23.           <td><%= Html.TextBox("DateOfBirth", Model.DateOfBirth.ToString("yyyy/MM/dd")) %></td> 
  24.         </tr> 
  25.         <tr> 
  26.           <td class="LabelCell">Type</td> 
  27.           <td><%= Html.DropDownList("Type")%></td> 
  28.         </tr> 
  29.         <tr> 
  30.           <td class="LabelCell"><%= Html.Hidden("Id") %></td> 
  31.           <td><input type="submit" name="submit" id="submit" value="Save" /></td> 
  32.         </tr> 
  33.       </table> 
  34. <% } %> 

關(guān)鍵不同是DateOfBirth包含一個將生日信息轉(zhuǎn)換更容易識別的方式,還有在提交按鈕附近添加了一個Html.Hidden(),用于保存被編輯用戶的id。當然,form的action屬性肯定是和Add的View不同。在Form中可以加一個參數(shù)用于告訴Action是AddView還是EditView,這樣就能減少代碼的重復,但是在示例代碼中我還是把他們分成了不同的action,來讓職責劃分的更清晰一些。#p#

刪除一個聯(lián)系人

刪除action就簡單多了,并且不需要與之相關(guān)的View.僅僅是重新調(diào)用List這個action,被刪除的數(shù)據(jù)就不復存在了。上面代碼是我對BLL和DAL做出改變的地方,原來的ContactPersonManager.Delete()方法的參數(shù)是Person的實例,而在DAL中,只有id作為參數(shù)。我看不出傳遞整個對象給BLL,但BLL卻只傳遞對象的唯一ID給DAL的意義所在,所以我將BLL的代碼改成接受int類型的參數(shù),這樣寫起來會更簡單。當刪除鏈接被點擊時,調(diào)用jQuery的confirmationmodaldialog:

調(diào)用jQuery的confirmationmodaldialog

如果點擊取消,則什么事也不發(fā)生,如果點擊確認,則鏈接就會指向響應的deleteaction。

管理集合

所有的集合--PhoneNumberList,EmailAddressLIst,AddressList被管理的方式如出一轍。所以,我僅僅挑選EmailAddressLIst作為示例來說明方法,你可以下載示例代碼來看其他部分。上面方法使用聯(lián)系人的id作為聯(lián)系人,并且返回一個自定義ViewModel—EmailAddressListViewModel.這也是將聯(lián)系人的id傳到View的方法:

  1. <script type="text/javascript"> 
  2.   $(function() {  
  3.     $('#add').click(function() {  
  4.       $.get('Email/Add/<%= Model.ContactPersonId %>', function(data) {  
  5.         $('#details').html(data);  
  6.       });  
  7.     });  
  8.   });  
  9. </script> 
  10. <table class="table"> 
  11.    <tr> 
  12.      <th scope="col">Contact Person Id</th> 
  13.      <th scope="col">Email</th> 
  14.      <th scope="col">Type</th> 
  15.      <th scope="col">&nbsp;</th> 
  16.      <th scope="col">&nbsp;</th> 
  17.    </tr> 
  18.    <%if(Model.EmailAddresses != null)  
  19.      {foreach (var email in Model.EmailAddresses) {%> 
  20.    <tr> 
  21.      <td><%= email.Id %></td> 
  22.      <td><%= email.Email %></td> 
  23.      <td><%= email.Type %></td> 
  24.      <td title="email/edit" class="link">Edit</td> 
  25.      <td title="email/delete" class="link">Delete</td> 
  26.    </tr> 
  27.         <%}  
  28.     }else  
  29.  {%> 
  30.    <tr> 
  31.      <td colspan="9">No email addresses for this contact</td> 
  32.    </tr> 
  33.  <%}%> 
  34. </table> 
  35. <input type="button" name="add" value="Add Email" id="add" /> 

你可以看出添加方法需要ContactPersonID作為參數(shù),我們需要確??梢蕴砑有碌穆?lián)系人到響應的聯(lián)系人列表。編輯和刪除方法也是如此--id參數(shù)通過url傳遞到相關(guān)action.而所有的單元格都有title屬性,這樣就可以使用前面部署的live()方法:

  1. [AcceptVerbs(HttpVerbs.Get)]  
  2. public ActionResult Add(int id)  
  3. {  
  4.   var contactTypes = Enum.GetValues(typeof(ContactType))  
  5.     .Cast<ContactType>()  
  6.     .Select(c => new  
  7.     {  
  8.       Id = c,  
  9.       Name = c.ToString()  
  10.     });  
  11.   var model = new EmailAddressViewModel  
  12.                 {  
  13.                   ContactPersonId = id,  
  14.                   Type = new SelectList(contactTypes, "ID", "Name")  
  15.                 };  
  16.   return PartialView("Add", model);  
  17. }  
  18.  
  19.  
  20. [AcceptVerbs(HttpVerbs.Post)]  
  21. public ActionResult Add(EmailAddress emailAddress)  
  22. {  
  23.   emailAddress.Id = -1;  
  24.   EmailAddressManager.Save(emailAddress);  
  25.   return RedirectToAction("List", new {id = emailAddress.ContactPersonId});  

創(chuàng)建自定義ViewModel存在的目的是為了對現(xiàn)有的EmailAddress進行添加或編輯,這包括一些綁定IEnumerable<SelectListItem>集合到Typedropdown的屬性,上面兩個Add不同之處在于他們的返回不同,第一個返回partialview,第二個返回List這個action。

集合中的每一個選在在一開始都會將id設(shè)為-1,這是為了保證符合”Upsert”存儲過程的要求,因為Imar對于添加和刪除使用的是同一個存儲過程,如果不設(shè)置成-1,則當前新建的聯(lián)系人會更新掉數(shù)據(jù)庫中的聯(lián)系人。

上面jQuery代碼負責通過Ajax提交form.jQuery給htmlbutton(而不是inputtype=”submit”)附加事件,然后將頁面中的內(nèi)容序列化并通過post請求發(fā)送到使用合適AcceptVerbs標簽修飾的名為add()的action。 #p#

編輯和刪除EmailAddress對象

編輯EmailAddress對象所涉及的action和前面提到的很相似,仍然是兩個action,一個用于處理get請求,另一個用于處理post請求:

  1. AcceptVerbs(HttpVerbs.Get)]  
  2. public ActionResult Edit(int id)  
  3. {  
  4.   var emailAddress = EmailAddressManager.GetItem(id);  
  5.   var contactTypes = Enum.GetValues(typeof(ContactType))  
  6.     .Cast<ContactType>()  
  7.     .Select(c => new  
  8.     {  
  9.       Id = c,  
  10.       Name = c.ToString()  
  11.     });  
  12.   var model = new EmailAddressViewModel  
  13.   {  
  14.     Type = new SelectList(contactTypes, "ID", "Name", emailAddress.Type),  
  15.     Email = emailAddress.Email,  
  16.     ContactPersonId = emailAddress.ContactPersonId,  
  17.     Id = emailAddress.Id  
  18.   };  
  19.   return View(model);  
  20. }  
  21.  
  22. [AcceptVerbs(HttpVerbs.Post)]  
  23. public ActionResult Edit(EmailAddress emailAddress)  
  24. {  
  25.   EmailAddressManager.Save(emailAddress);  
  26.   return RedirectToAction("List", "Email", new { id = emailAddress.ContactPersonId });  

 

下面的partialView代碼現(xiàn)在應該很熟悉了吧:

  1. <script type="text/javascript"> 
  2.   $(function() {  
  3.     $('#save').click(function() {  
  4.       $.ajax({  
  5.         type: "POST",  
  6.         url: $("#EditEmail").attr('action'),  
  7.         data: $("#EditEmail").serialize(),  
  8.         dataType: "text/plain",  
  9.         success: function(response) {  
  10.           $("#details").html(response);  
  11.         }  
  12.       });  
  13.     });  
  14.   });  
  15. </script> 
  16.  
  17. <% using(Html.BeginForm("Edit", "Email", FormMethod.Post, new { id = "EditEmail" })) {%> 
  18. <table class="table"> 
  19. <tr> 
  20.   <td>Email:</td> 
  21.   <td><%= Html.TextBox("Email")%></td> 
  22. </tr> 
  23. <tr> 
  24.   <td>Type:</td> 
  25.   <td><%= Html.DropDownList("Type") %></td> 
  26. </tr> 
  27. <tr> 
  28.   <td><%= Html.Hidden("ContactPersonId") %><%= Html.Hidden("Id") %></td> 
  29.   <td><input type="button" name="save" id="save" value="Save" /></td> 
  30. </tr> 
  31. </table> 

上面代碼仍然和AddView很像,除了包含EmailAddress.Id的html隱藏域,這是為了保證正確的email地址被更新,而Deleteaction就不用過多解釋了吧。

  1. public ActionResult Delete(int id)  
  2. {  
  3.   EmailAddressManager.Delete(id);  
  4.   return RedirectToAction("List", "Contact");  

總結(jié)

這篇練習的目的是為了證明ASP.NET MVC在沒有Linq To SQL和Entity framework的情況下依然可以很完美的使用。文章使用了現(xiàn)有分層結(jié)構(gòu)良好的ASP.NET 2.0 form程序,還有可重用的businessObjects層,bussinesslogic層以及DataAccess層。而DAL層使用ADO.NET調(diào)用SQL Server的存儲過程來實現(xiàn)。

同時也展示了如何使用強類型的ViewModels和簡潔的jQuery來讓UI體驗更上一層。這個程序并不是完美的,也不是用于真實世界。程序中View部分,以及混合編輯和刪除的action都還有很大的空間可以重構(gòu)提升,程序還缺少驗證用戶輸入的手段,所有的刪除操作都會返回頁面本身。而更好的情況應該是顯示刪除后用一個子表來顯示刪除后的內(nèi)容,這需要將ContactPersonId作為參數(shù)傳遞到相關(guān)Action,這也是很好實現(xiàn)的。

文章轉(zhuǎn)自CareySon的博客,

原文地址:http://www.cnblogs.com/CareySon/archive/2010/03/03/1676891.html
 
 【編輯推薦】

  1. 淺談ASP.NET MVC中TempData的實現(xiàn)機制
  2. 詳解ASP.NET MVC 2中的Area特性
  3. 詳解ASP.NET MVC 2中強類型HTML輔助方法
  4. 淺析ASP.NET MVC中Controller與View數(shù)據(jù)傳遞
  5. 圖解ASP.NET MVC與WebForm的區(qū)別
責任編輯:王曉東 來源: 博客園
相關(guān)推薦

2019-03-01 10:42:10

折疊手機iPhone智能手機

2023-06-06 07:42:10

參數(shù)類型函數(shù)

2017-09-28 17:20:17

榮之聯(lián)DataZoohadoop

2016-05-13 19:05:24

2013-08-21 10:04:32

大數(shù)據(jù)Gartner

2009-11-28 20:08:20

谷歌ChromeWeb應用

2011-04-13 13:49:50

ASP.NET網(wǎng)站優(yōu)化

2011-02-13 09:17:02

ASP.NET

2018-07-06 15:07:17

2009-09-10 14:02:08

LINQ ASP.NE

2009-07-24 13:20:44

MVC框架ASP.NET

2009-07-31 12:43:59

ASP.NET MVC

2016-05-10 10:15:54

2020-01-15 06:00:52

物聯(lián)網(wǎng)IOT大數(shù)據(jù)

2009-07-23 15:44:39

ASP.NET MVC

2009-07-22 10:09:59

ASP.NET MVC

2009-07-22 13:24:24

ASP.NET MVC

2009-07-20 10:53:59

ASP.NET MVC

2009-07-23 14:31:20

ASP.NET MVC

2013-07-04 15:22:46

華為WLAN接入
點贊
收藏

51CTO技術(shù)棧公眾號