प्रशिक्षण पाठ्यक्रम। ASP.NET MVC एप्लिकेशन में इकाई फ्रेमवर्क के साथ सॉर्ट करें, फ़िल्टर करें, और पगिनेट करें

यह एंटिटी फ्रेमवर्क और ASP.NET MVC 3 विकास लेख श्रृंखला के लिए एक विस्तार है। आप निम्नलिखित लिंक्स पर पहला अध्याय पा सकते हैं: ASP.NET MVC एप्लिकेशन के लिए एक एंटिटी फ्रेमवर्क डेटा मॉडल बनाना और एक ASP अनुप्रयोग में एंटिटी फ्रेमवर्क के लिए मूल CRUD कार्यक्षमता को लागू करना। .NET MVC

पिछले पाठ में, हमने छात्र संस्थाओं के लिए CRUD संचालन के लिए पृष्ठों को लागू किया। इस पाठ में हम सॉर्टिंग, फ़िल्टरिंग और पेजिंग जोड़ेंगे, और एक पेज भी बनाएंगे जिसमें एक साधारण ग्रुपिंग होगी।

निम्न छवि अंतिम पृष्ठ दृश्य दिखाती है। कॉलम हेडर लिंक हैं जो अवरोही और आरोही क्रम में सॉर्ट करते हैं।

छात्र सूचकांक पृष्ठ पर कॉलम में सॉर्टर हेडर जोड़ना

सॉर्टिंग जोड़ने के लिए, आपको छात्र नियंत्रक के सूचकांक विधि को बदलने और छात्र सूचकांक दृश्य में कोड जोड़ने की आवश्यकता है।

अनुक्रमणिका विधि में छँटाई जोड़ना

नियंत्रकों \ StudentController.cs में, निम्न विधि के साथ सूचकांक विधि को बदलें:

public ViewResult Index(string sortOrder) { ViewBag.NameSortParm = String.IsNullOrEmpty(sortOrder) ? "Name desc" : ""; ViewBag.DateSortParm = sortOrder == "Date" ? "Date desc" : "Date"; var students = from s in db.Students select s; switch (sortOrder) { case "Name desc": students = students.OrderByDescending(s => s.LastName); break; case "Date": students = students.OrderBy(s => s.EnrollmentDate); break; case "Date desc": students = students.OrderByDescending(s => s.EnrollmentDate); break; default: students = students.OrderBy(s => s.LastName); break; } return View(students.ToList()); } 

यह विधि URL में क्वेरी स्ट्रिंग से एक पैरामीटर के रूप में SortOrder लेता है जो ASP.NET विधि के पैरामीटर के रूप में प्रदान करता है। पैरामीटर एक स्ट्रिंग "नाम" या "तिथि" के साथ (वैकल्पिक रूप से) एक बाद की जगह और एक स्ट्रिंग "desc" है जो यह बताता है कि अवरोही क्रम में क्रमबद्ध करने की आवश्यकता है।

जब इंडेक्स पेज को पहली बार कॉल किया जाता है, तो कोई क्वेरी लाइन नहीं होती है, और छात्रों को आरोही क्रम LastName में प्रदर्शित किया जाता है, जिसे स्विच में डिफ़ॉल्ट विकल्प के रूप में दर्शाया गया है। स्तंभ शीर्षक पर उपयोगकर्ता के क्लिक करने के बाद, संबंधित सॉर्टर मान क्वेरी स्ट्रिंग में जोड़ा जाता है।

दो ViewBag चर का उपयोग किया जाता है ताकि दृश्य उपयुक्त क्वेरी स्ट्रिंग मानों के साथ कॉलम शीर्षक हाइपरलिंक को कॉन्फ़िगर कर सके:

 ViewBag.NameSortParm = String.IsNullOrEmpty(sortOrder) ? "Name desc" : ""; ViewBag.DateSortParm = sortOrder == "Date" ? "Date desc" : "Date"; 

यह एक तीखा बयान है। पहले वाला बताता है कि अगर सॉर्टऑर्डर शून्य या रिक्त है, तो ViewBag.NameSortParam का मान "नाम desc" पर सेट है, अन्यथा यह रिक्त स्ट्रिंग पर सेट है।

डेटा को कैसे सॉर्ट किया जाता है, इसके आधार पर चार विकल्प हैं:

• यदि अंतिम नाम से आरोही क्रमबद्ध किया जाता है, तो अंतिम नाम लिंक को अंतिम नाम और क्रमांक तिथि लिंक को क्रमबद्ध करके दिनांक, आरोही क्रमबद्ध करना चाहिए।
• यदि इसे अंतिम नाम से अवरोही क्रम में क्रमबद्ध किया जाता है, तो लिंक को अंतिम नाम और तिथि दोनों के अनुसार आरोही क्रम में छंटनी का संकेत देना चाहिए।
• यदि दिनांक द्वारा आरोही क्रमबद्ध किया जाता है, तो लिंक अंतिम नाम से आरोही क्रमबद्ध करने और दिनांक द्वारा उतरने का संकेत देना चाहिए।
• यदि दिनांक द्वारा अवरोहण किया जाता है, तो लिंक अंतिम नाम से आरोही क्रमांकन और तिथि द्वारा आरोही होने का संकेत देना चाहिए।

स्तंभ सॉर्ट करने के लिए इंगित करने के लिए विधि LINQ से एंटिटीज़ का उपयोग करता है। स्विच से पहले कोड में, एक चर बनाया जाता है, फिर स्विच चर की शर्तों के तहत इस चर को बदल दिया जाता है, और स्विच बंद करने से पहले टोलिस्ट विधि को बुलाया जाता है। जब आप IQueryable चर बनाते और संशोधित करते हैं, तो डेटाबेस से कोई पूछताछ नहीं की जाती है। जब तक आप टॉलिस्ट जैसी कॉल का उपयोग करके अपने IQueryable को एक संग्रह में परिवर्तित नहीं करते तब तक क्वेरी निष्पादित नहीं की जाती है। यह विधि एक एकल अनुरोध लौटाती है, जिसे रिटर्न व्यू पर निष्पादित किया जाता है।

छात्र सूचकांक में लिंक हेडर जोड़ना

दृश्य \ छात्र \ सूचकांक में । cshtml निम्नलिखित के साथ कंटेनर कोड <tr> और <th> को प्रतिस्थापित करता है:

 <tr> <th></th> <th> @Html.ActionLink("Last Name", "Index", new { sortOrder=ViewBag.NameSortParm }) </th> <th> First Name </th> <th> @Html.ActionLink("Enrollment Date", "Index", new { sortOrder=ViewBag.DateSortParm }) </th> </tr> 

यह कोड उपयुक्त क्वेरी मान वाले लिंक को पॉप्युलेट करने के लिए ViewBag गुणों में जानकारी का उपयोग करता है। प्रोजेक्ट को चलाएं और यह सुनिश्चित करने के लिए हेडर पर क्लिक करें कि छँटाई के काम क्या हैं।

एक खोज जोड़ना

फ़िल्टरिंग जोड़ने के लिए, आपको एक टेक्स्ट फ़ील्ड और एक सबमिट बटन को दृश्य में जोड़ना होगा और इंडेक्स विधि के कोड में उचित परिवर्तन करना होगा।

इंडेक्स मेथड कोड बदलना

नियंत्रकों \ StudentController.cs में, इंडेक्स विधि के कोड को बदलें

 public ViewResult Index(string sortOrder, string searchString) { ViewBag.NameSortParm = String.IsNullOrEmpty(sortOrder) ? "Name desc" : ""; ViewBag.DateSortParm = sortOrder == "Date" ? "Date desc" : "Date"; var students = from s in db.Students select s; if (!String.IsNullOrEmpty(searchString)) { students = students.Where(s => s.LastName.ToUpper().Contains(searchString.ToUpper()) || s.FirstMidName.ToUpper().Contains(searchString.ToUpper())); } switch (sortOrder) { case "Name desc": students = students.OrderByDescending(s => s.LastName); break; case "Date": students = students.OrderBy(s => s.EnrollmentDate); break; case "Date desc": students = students.OrderByDescending(s => s.EnrollmentDate); break; default: students = students.OrderBy(s => s.LastName); break; } return View(students.ToList()); } 

हमने खोज पद्धति को इंडेक्स विधि में जोड़ा, LINQ स्टेटमेंट में एक नारा, जिसके साथ केवल उन छात्रों को जिनके पहले या अंतिम नाम में एक खोज स्ट्रिंग शामिल है, चुने गए हैं। खोज स्ट्रिंग एक टेक्स्ट फ़ील्ड से प्राप्त की जाती है जिसे आप बाद में दृश्य में जोड़ते हैं। वह कोड जो अनुरोध के लिए क्लॉज जोड़ता है, केवल तभी निष्पादित किया जाता है, जब खोज के लिए कोई मान निर्दिष्ट किया गया हो:

 if (!String.IsNullOrEmpty(searchString)) { students = students.Where(s => s.LastName.ToUpper().Contains(searchString.ToUpper()) || s.FirstMidName.ToUpper().Contains(searchString.ToUpper())); } 

जब आप इसके लिए खाली स्ट्रिंग पास करते हैं, तो .NET .NET फ्रेमवर्क कार्यान्वयन सभी रिकॉर्ड देता है, लेकिन SQL सर्वर कॉम्पैक्ट 4.0 के लिए इकाई फ्रेमवर्क प्रदाता खाली स्ट्रिंग के लिए एक खाली सेट लौटाता है। इसके अलावा, .NET फ्रेमवर्क एसक्यूएल सर्वर प्रदाताओं के विपरीत, .NET फ्रेमवर्क में एक कार्यान्वयन केस-असंवेदनशील तुलना करता है, जो डिफ़ॉल्ट रूप से केस-असंवेदनशील तुलना करता है।

किसी दृश्य में खोज जोड़ना

दृश्य \ छात्र \ सूचकांक में । cshtml, खुलने से पहले टेबल टैग, एक शीर्षक, पाठ क्षेत्र और खोज बटन जोड़ें:

 @using (Html.BeginForm()) { <p> Find by name: @Html.TextBox("SearchString")  <input type="submit" value="Search" /></p> } 

प्रोजेक्ट चलाएँ, खोज बार में कुछ दर्ज करें और फ़िल्टरिंग कार्यों को सत्यापित करने के लिए खोज बटन पर क्लिक करें।

पाग जोड़ना

ऐसा करने के लिए, आपको पहले PagedList NuGet पैकेज को स्थापित करना होगा, फिर इंडेक्स विधि में परिवर्तन करें और दृश्य में पृष्ठ लिंक जोड़ें।

NuGet पैकेज स्थापित करें

PagedList NuGet पैकेज, PagedList संग्रह का प्रकार सेट करता है। जब आप इस प्रकार के संग्रह में क्वेरी परिणाम जोड़ते हैं, तो आपको परिणामों का पृष्ठांकन सुनिश्चित करने के लिए गुणों और विधियों का एक सेट प्रदान किया जाता है।

Visual Studio में, प्रोजेक्ट चुनें। फिर टूल्स मेनू आइटम लाइब्रेरी पैकेज मैनेजर पर क्लिक करें और फिर लाइब्रेरी पैकेज संदर्भ जोड़ें ।

लाइब्रेरी पैकेज संदर्भ जोड़ें में, बाईं ओर ऑनलाइन टैब पर क्लिक करें और खोज बार में "पेजलिस्ट" दर्ज करें। जैसे ही PagedList पैकेज प्रकट होता है, स्थापित करें पर क्लिक करें ।

सूचकांक विधि के लिए पृष्ठ पर अंक लगाना कार्यक्षमता जोड़ना

कंट्रोलर \ StudentController.cs में PagedList का उपयोग करके जोड़ें:

PagedList का उपयोग करना;

सूचकांक विधि कोड बदलें:

  public ViewResult Index(string sortOrder, string currentFilter, string searchString, int? page) { ViewBag.CurrentSort = sortOrder; ViewBag.NameSortParm = String.IsNullOrEmpty(sortOrder) ? "Name desc" : ""; ViewBag.DateSortParm = sortOrder == "Date" ? "Date desc" : "Date"; if (Request.HttpMethod == "GET") { searchString = currentFilter; } else { page = 1; } ViewBag.CurrentFilter = searchString; var students = from s in db.Students select s; if (!String.IsNullOrEmpty(searchString)) { students = students.Where(s => s.LastName.ToUpper().Contains(searchString.ToUpper()) || s.FirstMidName.ToUpper().Contains(searchString.ToUpper())); } switch (sortOrder) { case "Name desc": students = students.OrderByDescending(s => s.LastName); break; case "Date": students = students.OrderBy(s => s.EnrollmentDate); break; case "Date desc": students = students.OrderByDescending(s => s.EnrollmentDate); break; default: students = students.OrderBy(s => s.LastName); break; } int pageSize = 3; int pageIndex = (page ?? 1) - 1; return View(students.ToPagedList(pageIndex, pageSize)); } 

पृष्ठ पैरामीटर जोड़ा गया है, जो उस पैरामीटर के बारे में जानकारी देता है जिसके द्वारा वर्तमान में छँटाई की जाती है, और विधि हस्ताक्षर में पैरामीटर:

सार्वजनिक दृश्य सूचकांक (स्ट्रिंग सॉर्टऑर्डर, स्ट्रिंग करेंटइंटर, स्ट्रिंग सर्चस्ट्रिंग, इंट? पेज)

पहली बार पृष्ठ कहा जाता है (या यदि उपयोगकर्ता ने पृष्ठ के किसी एक लिंक पर क्लिक नहीं किया है), तो पृष्ठ चर शून्य है। इस चर पर क्लिक करने के बाद, पृष्ठ संख्या रखी जाती है।

ViewBag गुण अन्य पृष्ठों पर जाने पर इसे सहेजने के लिए वर्तमान सॉर्टिंग पैरामीटर को देखने के लिए गुजरता है:

ViewBag.CurrentSort = SortOrder;

व्यूबाग की दूसरी संपत्ति फ़िल्टर स्ट्रिंग को दृश्य में पास करती है ताकि जब आप किसी अन्य पृष्ठ पर जाएं, तो दर्ज किया गया खोज स्ट्रिंग खो नहीं जाता है और फ़िल्टर सेटिंग्स सहेज ली जाती हैं। इसके अलावा, यदि खोज बार किसी अन्य परिणाम पृष्ठ पर स्विच करने के मामले में बदलता है, तो पृष्ठ संख्या 1 पर गिरा दी जानी चाहिए, क्योंकि नया फ़िल्टरिंग एक नया डेटा सेट प्रदान करता है।

  if (Request.HttpMethod == "GET") { searchString = currentFilter; } else { page = 1; } ViewBag.CurrentFilter = searchString; 

विधि के अंत में, क्वेरी को सूची के बजाय एक PagedList में बदल दिया जाता है, जिसके बाद इसे एक दृश्य में पारित किया जा सकता है जो परिणामों के पृष्ठांकन का समर्थन करता है।

 int pageSize = 3; int pageIndex = (page ?? 1) - 1; return View(students.ToPagedList(pageIndex, pageSize)); 

ToPagedList पद्धति पृष्ठ संख्या के विपरीत पेज इंडेक्स के मान को पार कर जाती है, जो पेज नंबर के विपरीत 0 है। इसलिए, पेज इंडेक्स मान प्राप्त करने के लिए पेज नंबर से कोड 1 निकालता है (दो प्रश्न चिह्न उस ऑपरेटर को इंगित करते हैं जो टाइप करने के लिए डिफ़ॉल्ट मान को अशक्त करता है, इस प्रकार, एक्सप्रेशन (पेज ?? 1) पेज रिटर्न करता है, यदि इसका कोई मान है, या 1 यदि पेज शून्य है। दूसरे शब्दों में, पेजIndex को पेज पर सेट करें - 1 यदि पेज शून्य नहीं है, या इसे 1 पर सेट करें। -1 अगर यह शून्य है)

किसी दृश्य में पृष्ठ लिंक जोड़ना

दृश्य \ छात्र \ सूचकांक में । cshtml स्रोत कोड को इसके साथ बदलें:

 @model PagedList.IPagedList<ContosoUniversity.Models.Student> @{ ViewBag.Title = "Students"; } <h2>Students</h2> <p> @Html.ActionLink("Create New", "Create") </p> @using (Html.BeginForm()) { <p> Find by name: @Html.TextBox("SearchString", ViewBag.CurrentFilter as string)  <input type="submit" value="Search" /></p> } <table> <tr> <th></th> <th> @Html.ActionLink("Last Name", "Index", new { sortOrder=ViewBag.NameSortParm, currentFilter=ViewBag.CurrentFilter }) </th> <th> First Name </th> <th> @Html.ActionLink("Enrollment Date", "Index", new { sortOrder = ViewBag.DateSortParm, currentFilter = ViewBag.CurrentFilter }) </th> </tr> @foreach (var item in Model) { <tr> <td> @Html.ActionLink("Edit", "Edit", new { id=item.StudentID }) | @Html.ActionLink("Details", "Details", new { id=item.StudentID }) | @Html.ActionLink("Delete", "Delete", new { id=item.StudentID }) </td> <td> @Html.DisplayFor(modelItem => item.LastName) </td> <td> @Html.DisplayFor(modelItem => item.FirstMidName) </td> <td> @Html.DisplayFor(modelItem => item.EnrollmentDate) </td> </tr> } </table> <div> Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount @if (Model.HasPreviousPage) { @Html.ActionLink("<<", "Index", new { page = 1, sortOrder = ViewBag.CurrentSort, currentFilter=ViewBag.CurrentFilter }) @Html.Raw(" "); @Html.ActionLink("< Prev", "Index", new { page = Model.PageNumber - 1, sortOrder = ViewBag.CurrentSort, currentFilter=ViewBag.CurrentFilter }) } else { @:<< @Html.Raw(" "); @:< Prev } @if (Model.HasNextPage) { @Html.ActionLink("Next >", "Index", new { page = Model.PageNumber + 1, sortOrder = ViewBag.CurrentSort, currentFilter=ViewBag.CurrentFilter }) @Html.Raw(" "); @Html.ActionLink(">>", "Index", new { page = Model.PageCount, sortOrder = ViewBag.CurrentSort, currentFilter=ViewBag.CurrentFilter }) } else { @:Next > @Html.Raw(" ") @:>> } </div> 

@Model स्टेटमेंट बताता है कि व्यू टाइप लिस्ट के ऑब्जेक्ट के बजाय PagedList के ऑब्जेक्ट को स्वीकार करता है।

पाठ लाइन को वर्तमान खोज लाइन के साथ आरंभ किया जाता है ताकि उपयोगकर्ता खोज पंक्ति को खोए बिना पृष्ठ से पृष्ठ पर जा सके:

नाम से खोजें: Html .TextBox ("SearchString", ViewBag.CurrentFilter स्ट्रिंग के रूप में) & nbsp;

कॉलम हेडर के लिंक नियंत्रक के लिए वर्तमान खोज स्ट्रिंग को पास करने के लिए क्वेरी स्ट्रिंग का उपयोग करते हैं ताकि उपयोगकर्ता फ़िल्टर तंत्र द्वारा लौटाए गए परिणामों को सॉर्ट कर सके:

Html .ActionLink ("अंतिम नाम", "सूचकांक", नया {SortOrder = ViewBag.NameSortParm, currentFilter = ViewBag.CurrentFilter})

पृष्ठ के "पाद" में एक प्रविष्टि है जो पृष्ठ संख्या और नेविगेशन लिंक दिखाती है:

पृष्ठ [वर्तमान पृष्ठ संख्या] [कुल पृष्ठों की संख्या] << <पिछला अगला> >>

<< - पहले पृष्ठ का लिंक, < पिछला - पिछले पृष्ठ का लिंक, इत्यादि। यदि उपयोगकर्ता पृष्ठ संख्या 1 पर है, तो पिछले पृष्ठों के लिंक उपलब्ध नहीं हैं, और अंतिम पृष्ठ के लिए भी। पृष्ठ का प्रत्येक लिंक क्वेरी स्ट्रिंग में नियंत्रक के लिए फ़िल्टरिंग और सॉर्टिंग पर चयनित पृष्ठ की संख्या और वर्तमान डेटा को पास करता है, इस प्रकार आप पेजेशन की प्रक्रिया में इस डेटा को प्रबंधित करने की अनुमति देता है।

यदि कोई परिणाम नहीं हैं, तो "पृष्ठ 0 का 0" प्रदर्शित किया जाता है।

प्रोजेक्ट चलाएं।



विभिन्न सॉर्टिंग मोड में पृष्ठों के लिंक पर क्लिक करें और यह सुनिश्चित करने के लिए किसी भी खोज स्ट्रिंग में प्रवेश करें कि संयोजन में सब कुछ काम करता है।

एक सांख्यिकी पृष्ठ बनाना

अबाउट पेज पर, हम दिखाएंगे कि प्रत्येक रिकॉर्डिंग तिथि में कितने छात्रों ने दाखिला लिया है। इसके लिए समूहीकरण और छोटी गणनाओं की आवश्यकता होती है, जिसके लिए हमें निम्नलिखित कार्य करने चाहिए:

• डेटा के लिए एक दृश्य मॉडल के साथ एक वर्ग बनाएं जिसे हम दृश्य में पास करेंगे
• होम कंट्रोलर में अबाउट मेथड के लिए कोड बदलें।
• अबाउट व्यू के लिए कोड बदलें।

एक प्रस्तुति मॉडल बनाना

एक ViewModels फ़ोल्डर बनाएँ और इसमें एक EnrolmentDateGroup फ़ाइल बनाएँ । निम्नलिखित सामग्री के साथ सीएस :

 using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; namespace ContosoUniversity.ViewModels { public class EnrollmentDateGroup { [DisplayFormat(DataFormatString = "{0:d}")] public DateTime? EnrollmentDate { get; set; } public int StudentCount { get; set; } } } 

गृह नियंत्रक को संशोधित करना

होमकंट्रोलर में । सीएस आवश्यक का उपयोग कर जोड़ें:

 using ContosoUniversity.DAL; using ContosoUniversity.Models; using ContosoUniversity.ViewModels; 

डेटाबेस संदर्भ के साथ एक चर जोड़ें:

निजी स्कूलकोटेक्स्ट db = new SchoolContext ();

इस विधि के लिए कोड को इसके साथ बदलें:

 public ActionResult About() { var data = from student in db.Students group student by student.EnrollmentDate into dateGroup select new EnrollmentDateGroup() { EnrollmentDate = dateGroup.Key, StudentCount = dateGroup.Count() }; return View(data); } 

LINQ स्टेट्स स्टूडेंट एंटिटीज़ को डेट रिकॉर्ड करके, फिर प्रत्येक ग्रुप में एंटिटीज़ की संख्या की गणना करता है और परिणाम को EnrolmentDateGroup में स्टोर करता है।

व्यू कोड के बारे में बदलना

कोड को दृश्य \ Home \ About.cshtml फ़ाइल में बदलें:

 @model IEnumerable<ContosoUniversity.ViewModels.EnrollmentDateGroup> @{ ViewBag.Title = "Student Body Statistics"; } <h2>Student Body Statistics</h2> <table> <tr> <th> Enrollment Date </th> <th> Students </th> </tr> @foreach (var item in Model) { <tr> <td> @String.Format("{0:d}", item.EnrollmentDate) </td> <td> @item.StudentCount </td> </tr> } </table> 

प्रोजेक्ट चलाएं।



अलेक्जेंडर बेलोटेर्सकोवस्की ( एहरिमन ) के अनुवाद में आपकी मदद के लिए धन्यवाद।