प्रशिक्षण पाठ्यक्रम। ASP.NET MVC एप्लिकेशन में इकाई फ्रेमवर्क का उपयोग करके संबंधित डेटा को अपडेट करना

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

• ASP.NET MVC अनुप्रयोग के लिए एक इकाई ढांचा डेटा मॉडल बनाना
• ASP.NET MVC अनुप्रयोग में इकाई फ्रेमवर्क के साथ बुनियादी CRUD कार्यक्षमता को लागू करें
• ASP.NET MVC एप्लिकेशन में इकाई फ्रेमवर्क के साथ सॉर्ट करें, फ़िल्टर करें, और पगिनेट करें
• ASP.NET MVC अनुप्रयोग के लिए एक जटिल डेटा मॉडल बनाना
• ASP.NET MVC अनुप्रयोग, भाग 2 के लिए एक जटिल डेटा मॉडल बनाना
• ASP.NET MVC एप्लिकेशन में इकाई फ्रेमवर्क से डेटा लोड हो रहा है

पिछले पाठों में, हमने डेटा प्रदर्शित किया। अब आप उन्हें अपडेट करेंगे। अधिकांश रिश्तों के लिए, आप विदेशी कुंजियों का उपयोग करके संबंधित डेटा को अपडेट कर सकते हैं। कई-से-कई रिश्तों के लिए, ईएफ सीधे शामिल तालिका का उपयोग नहीं करता है, इसलिए आपको मैन्युअल रूप से संबंधित नेविगेशन गुणों से संस्थाओं को जोड़ना और निकालना होगा।

परिणाम चित्रण में प्रस्तुत किए गए हैं।

पाठ्यक्रमों के लिए पृष्ठ बनाएं और संपादित करें

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

CourseController.cs में, एडिट के लिए कोड बदलें और तरीके बनाएँ:

public ActionResult Create() { PopulateDepartmentsDropDownList(); return View(); } [HttpPost] public ActionResult Create(Course course) { try { if (ModelState.IsValid) { db.Courses.Add(course); db.SaveChanges(); return RedirectToAction("Index"); } } catch (DataException) { //Log the error (add a variable name after DataException) ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator."); } PopulateDepartmentsDropDownList(course.DepartmentID); return View(course); } public ActionResult Edit(int id) { Course course = db.Courses.Find(id); PopulateDepartmentsDropDownList(course.DepartmentID); return View(course); } [HttpPost] public ActionResult Edit(Course course) { try { if (ModelState.IsValid) { db.Entry(course).State = EntityState.Modified; db.SaveChanges(); return RedirectToAction("Index"); } } catch (DataException) { //Log the error (add a variable name after DataException) ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator."); } PopulateDepartmentsDropDownList(course.DepartmentID); return View(course); } private void PopulateDepartmentsDropDownList(object selectedDepartment = null) { var departmentsQuery = from d in db.Departments orderby d.Name select d; ViewBag.DepartmentID = new SelectList(departmentsQuery, "DepartmentID", "Name", selectedDepartment); } 

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

HttpGet बनाने की विधि चयनित आइटम को निर्दिष्ट किए बिना PopulateDepartmentsDropDownList पद्धति को कॉल करती है, क्योंकि संकाय के लिए एक नया पाठ्यक्रम अभी तक निर्दिष्ट नहीं किया गया है:

 public ActionResult Create() { PopulateDepartmentsDropDownList(); return View(); } 

HttpGet संपादन विधि, संपादन पाठ्यक्रम से संबंधित संकाय आईडी के आधार पर चयनित आइटम को निर्धारित करती है:

 public ActionResult Edit(int id) { Course course = db.Courses.Find(id); PopulateDepartmentsDropDownList(course.DepartmentID); return View(course); } 

बनाएँ और संपादित करने के लिए HttpPost विधियों में समान कोड शामिल हैं:

 catch (DataException) { //Log the error (add a variable name after DataException) ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator."); } PopulateDepartmentsDropDownList(course.DepartmentID); return View(course); 

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

दृश्य \ कोर्स \ क्रिएट में । उपयोगकर्ता द्वारा पाठ्यक्रम संख्या दर्ज करने के लिए शीर्षक फ़ील्ड से पहले cshtml एक नया फ़ील्ड जोड़ें। पहले यह समझाया गया था कि प्राथमिक कुंजी के गुण दृश्य पर उत्पन्न नहीं होते हैं, लेकिन इस मामले में प्राथमिक कुंजी का एक अर्थ है, इसलिए उपयोगकर्ता को इसके मूल्य में प्रवेश करने का अवसर देना आवश्यक है।

 <div class="editor-label"> @Html.LabelFor(model => model.CourseID) </div> <div class="editor-field"> @Html.EditorFor(model => model.CourseID) @Html.ValidationMessageFor(model => model.CourseID) </div> 

Views \ Course \ Edit.cshtml , Views \ Course \ Delete.cshtml , और Views \ Course \ Details.cshtml में , पाठ्यक्रम फ़ील्ड प्रदर्शित करने के लिए शीर्षक फ़ील्ड से पहले एक नया फ़ील्ड जोड़ें। चूंकि यह प्राथमिक कुंजी है, इसे प्रदर्शित किया जाना चाहिए, लेकिन संपादन निषिद्ध होना चाहिए।

 <div class="editor-label"> @Html.LabelFor(model => model.CourseID) </div> <div class="editor-field"> @Html.DisplayFor(model => model.CourseID) </div> 

प्रोजेक्ट चलाएँ और बनाएँ पृष्ठ पर जाएँ और नए पाठ्यक्रम के लिए डेटा दर्ज करें:



क्रिएट पर क्लिक करें । कोर्स इंडेक्स पेज अतिरिक्त पाठ्यक्रम के साथ एक सूची के साथ दिखाई देता है। संकाय का नाम नेविगेशन संपत्ति से लिया जाएगा, इस प्रकार यह प्रमाणित किया जाएगा कि संस्थाओं के बीच संबंध सही ढंग से स्थापित है।



एडिट पेज खोलें (कोर्स इंडेक्स पेज खोलें और कोर्स पर एडिट पर क्लिक करें )।



डेटा बदलें और सहेजें पर क्लिक करें। कोर्स इंडेक्स पेज अपडेटेड कोर्स डेटा के साथ प्रदर्शित होता है।

प्रशिक्षकों के लिए एक संपादित पृष्ठ जोड़ना

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

• यदि उपयोगकर्ता कार्यालय के लिए बाध्यकारी हटाता है, तो OfficeAssignment निकाय को हटा दिया जाना चाहिए।
• यदि उपयोगकर्ता कार्यालय की संपत्ति में एक गलत मूल्य दर्ज करता है, तो एक नई OfficeAssignment इकाई बनाना आवश्यक है।
• यदि उपयोगकर्ता कार्यालय रिकॉर्ड के मूल्य को बदलता है, तो आपको संबंधित OfficeAssignment निकाय का मान बदलना होगा।

इंस्ट्रक्टरकंट्रोलर में । सीएस HttpGet संपादन विधि पर ध्यान दें:

 public ActionResult Edit(int id) { Instructor instructor = db.Instructors.Find(id); ViewBag.InstructorID = new SelectList(db.OfficeAssignments, "InstructorID", "Location", instructor.InstructorID); return View(instructor); } 

उत्पन्न कोड हमें शोभा नहीं देता - यह ड्रॉप-डाउन सूची के लिए डेटा को इनिशियलाइज़ करता है, लेकिन हमें एक टेक्स्ट फ़ील्ड की आवश्यकता होती है, इसलिए इस कोड को इस प्रकार बदलें:

 public ActionResult Edit(int id) { Instructor instructor = db.Instructors .Include(i => i.OfficeAssignment) .Include(i => i.Courses) .Where(i => i.InstructorID == id) .Single(); return View(instructor); } 

यह कोड ViewBag का उपयोग नहीं करता है और संबंधित OfficeAssignment और कोर्स संस्थाओं के लिए उत्सुक लोडिंग को परिभाषित करता है। (पाठ्यक्रम बाद में आवश्यक होंगे।) आप फाइंड विधि के लिए उत्सुक लोडिंग को परिभाषित नहीं कर सकते हैं, इसलिए शिक्षक को चुनने के लिए कहां और एकल तरीकों का उपयोग किया जाता है।

निम्न कोड के साथ HttpPost एडिट विधि कोड को बदलें जो कार्यालय प्रविष्टि को संपादित करने की प्रक्रिया करता है:

 [HttpPost] public ActionResult Edit(int id, FormCollection formCollection) { var instructorToUpdate = db.Instructors .Include(i => i.OfficeAssignment) .Include(i => i.Courses) .Where(i => i.InstructorID == id) .Single(); if (TryUpdateModel(instructorToUpdate, "", null, new string[] { "Courses" })) { try { if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location)) { instructorToUpdate.OfficeAssignment = null; } db.Entry(instructorToUpdate).State = EntityState.Modified; db.SaveChanges(); return RedirectToAction("Index"); } catch (DataException) { //Log the error (add a variable name after DataException) ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator."); return View(); } } return View(instructorToUpdate); } 

यह कोड निम्नलिखित कार्य करता है:

• OfficeAssignment और पाठ्यक्रम नेविगेशन गुणों के लिए उत्सुक लोडिंग का उपयोग करके डेटाबेस से एक प्रशिक्षक इकाई लौटाता है। हमने HttpGet एडिट विधि के लिए भी ऐसा ही किया।
• पाठ्यक्रम की संपत्ति को छोड़कर प्रशिक्षक इकाई को अद्यतन करता है:
  यदि (TryUpdateModel (प्रशिक्षकटॉउपडेट, "", अशक्त, नया स्ट्रिंग [] {"पाठ्यक्रम"}))
  यदि चेक विफल हो जाता है, तो TryUpdateModel गलत वापस लौटता है, और निष्पादन दृश्य वापस करने के लिए बढ़ता है।
• यदि कार्यालय प्रविष्टि खाली है, तो इंस्ट्रक्टर। ऑफीससाइनमेंट प्रॉपर्टी को शून्य करने के लिए सेट किया गया है, इसलिए OfficeAssignment टेबल हटा दी जाती है।

 if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location)) { instructorToUpdate.OfficeAssignment = null; } 

• डेटाबेस में परिवर्तन सहेजता है।
  

दृश्य में \ प्रशिक्षक \ संपादित करें । Hsh Date फ़ील्ड के लिए div कंटेनरों के बाद cshtml , कार्यालय का पता प्रदर्शित करने के लिए एक नया फ़ील्ड जोड़ें:

 <div class="editor-label"> @Html.LabelFor(model => model.OfficeAssignment.Location) </div> <div class="editor-field"> @Html.EditorFor(model => model.OfficeAssignment.Location) @Html.ValidationMessageFor(model => model.OfficeAssignment.Location) </div> 

प्रशिक्षकों टैब का चयन करें और शिक्षक पर संपादित करें पर क्लिक करें ।



Office स्थान का मान बदलें और सहेजें पर क्लिक करें ।



सूचकांक पृष्ठ पर एक नया पता दिखाई देता है, और जब आप सर्वर एक्सप्लोरर में OfficeAssignment तालिका खोलते हैं, तो आप तालिका में प्रविष्टि देख सकते हैं।



संपादित करें पृष्ठ पर लौटें, कार्यालय स्थान साफ़ करें और सहेजें पर क्लिक करें । इंडेक्स पेज एक रिक्त पता और सर्वर एक्सप्लोरर प्रदर्शित करता है कि रिकॉर्ड हटा दिया गया है।



संपादित करें पृष्ठ पर, Office स्थान में एक नया मान दर्ज करें और सहेजें पर क्लिक करें । एक नया पता मान इंडेक्स पेज पर दिखाई देता है, और सर्वर एक्सप्लोरर एक नई प्रविष्टि प्रदर्शित करता है।

इंस्ट्रक्टर एडिट पेज पर कोर्स असाइनमेंट जोड़ना

शिक्षक असीमित संख्या में पाठ्यक्रम पढ़ा सकते हैं। आप किसी कोर्स में जाने की क्षमता जोड़कर इंस्ट्रक्टर एडिट पेज को रीफ्रेश करेंगे:



कोर्स और इंस्ट्रक्टर के बीच संबंध को कई-कई के रूप में परिभाषित किया गया है, इसलिए इसमें शामिल होने की मेज या विदेशी कुंजी तक कोई पहुंच नहीं है। इसके बजाय, आपको प्रशिक्षक को संचालित करने की आवश्यकता है। नेविगेशन संपत्ति का पोषण करता है।

इंटरफ़ेस जो शिक्षकों को पाठ्यक्रमों के बंधन को बदलने की क्षमता प्रदान करता है, चेक बॉक्स समूह में संलग्न है।

चेक बॉक्स के समूह को उत्पन्न करने के लिए डेटा को किसी दृश्य में स्थानांतरित करने के लिए, आपको दृश्य मॉडल वर्ग का उपयोग करना होगा। निम्न सामग्री के साथ ViewModels फ़ोल्डर में AssignCourseData.cs बनाएँ:

 using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; namespace ContosoUniversity.ViewModels { public class AssignedCourseData { public int CourseID { get; set; } public string Title { get; set; } public bool Assigned { get; set; } } } 

इंस्ट्रक्टरकंट्रोलर में । सीएस , HttpGet एडिट विधि में, एक नई विधि कॉल करें जो चेक बॉक्स समूह की पीढ़ी के लिए जानकारी प्रदान करेगी:

 public ActionResult Edit(int id) { Instructor instructor = db.Instructors .Include(i => i.OfficeAssignment) .Include(i => i.Courses) .Where(i => i.InstructorID == id) .Single(); PopulateAssignedCourseData(instructor); return View(instructor); } private void PopulateAssignedCourseData(Instructor instructor) { var allCourses = db.Courses; var instructorCourses = new HashSet<int>(instructor.Courses.Select(c => c.CourseID)); var viewModel = new List<AssignedCourseData>(); foreach (var course in allCourses) { viewModel.Add(new AssignedCourseData { CourseID = course.CourseID, Title = course.Title, Assigned = instructorCourses.Contains(course.CourseID) }); } ViewBag.Courses = viewModel; } 

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

सेव बटन हैंडलर कोड जोड़ें: HttpPost एडिट मेथड कोड को उस कोड से बदलें जो इंस्ट्रक्टर इकाई के लिए पाठ्यक्रम नेविगेशन प्रॉपर्टी को अपडेट करने वाले नए तरीके को कॉल करता है।

 [HttpPost] public ActionResult Edit(int id, FormCollection formCollection, string[] selectedCourses) { var instructorToUpdate = db.Instructors .Include(i => i.OfficeAssignment) .Include(i => i.Courses) .Where(i => i.InstructorID == id) .Single(); if (TryUpdateModel(instructorToUpdate, "", null, new string[] { "Courses" })) { try { UpdateModel(instructorToUpdate, "", null, new string[] { "Courses" }); if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location)) { instructorToUpdate.OfficeAssignment = null; } UpdateInstructorCourses(selectedCourses, instructorToUpdate); db.Entry(instructorToUpdate).State = EntityState.Modified; db.SaveChanges(); return RedirectToAction("Index"); } catch (DataException) { //Log the error (add a variable name after DataException) ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator."); } } PopulateAssignedCourseData(instructorToUpdate); return View(instructorToUpdate); } private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate) { if (selectedCourses == null) { instructorToUpdate.Courses = new List<Course>(); return; } var selectedCoursesHS = new HashSet<string>(selectedCourses); var instructorCourses = new HashSet<int> (instructorToUpdate.Courses.Select(c => c.CourseID)); foreach (var course in db.Courses) { if (selectedCoursesHS.Contains(course.CourseID.ToString())) { if (!instructorCourses.Contains(course.CourseID)) { instructorToUpdate.Courses.Add(course); } } else { if (instructorCourses.Contains(course.CourseID)) { instructorToUpdate.Courses.Remove(course); } } } } 

यदि कोई चेक बॉक्स चयनित नहीं हैं, तो UpdateInstructorCourses में कोड खाली संग्रह के साथ पाठ्यक्रम नेविगेशन संपत्ति को इनिशियलाइज़ करता है:

 if (selectedCourses == null) { instructorToUpdate.Courses = new List(); return; } 

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

 if (selectedCoursesHS.Contains(course.CourseID.ToString())) { if (!instructorCourses.Contains(course.CourseID)) { instructorToUpdate.Courses.Add(course); } } 

यदि कोर्स का चयन नहीं किया गया है, लेकिन कोर्स इंस्ट्रक्टर में है। नेविगेशन प्रॉपर्टी खरीदता है, तो इसके बारे में रिकॉर्ड को नेविगेशन प्रॉपर्टी से हटा दिया जाता है।

 else { if (instructorCourses.Contains(course.CourseID)) { instructorToUpdate.Courses.Remove(course); } } 

OfficeAssigns के लिए Div कंटेनर के ठीक बाद चेक बॉक्स के साथ दृश्य फ़ील्ड में \ प्रशिक्षक \ Edit.cshtml जोड़ें।

 <div class="editor-field"> <table style="width: 100%"> <tr> @{ int cnt = 0; List<ContosoUniversity.ViewModels.AssignedCourseData> courses = ViewBag.Courses; foreach (var course in courses) { if (cnt++ % 3 == 0) { @: </tr> <tr> } @: <td> <input type="checkbox" name="selectedCourses" value="@course.CourseID" @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) /> @course.CourseID @:  @course.Title @:</td> } @: </tr> } </table> </div> 

कोड तीन स्तंभों की एक HTML तालिका बनाता है, जिनमें से प्रत्येक में पाठ्यक्रम संख्या और नाम के शीर्षक के साथ एक चेक बॉक्स होता है। सभी चेक बॉक्स का एक ही नाम ("चयनित") है, जो एक ही समूह से संबंधित है। प्रत्येक चेक बॉक्स का मान विशेषता CourseID पर सेट है। जब पृष्ठ डेटा भेजता है, तो एक सरणी चयनित चेक बॉक्स और कोर्सिड मूल्यों से युक्त होती है, जिसे कंट्रोलर को पास किया जाता है।

जब चेक बॉक्स उत्पन्न होते हैं, तो पहले से ही शिक्षक को सौंपे गए चेक की विशेषता होती है।

शिक्षक के लिए पाठ्यक्रम में बदलाव करने के बाद, आपको इंडेक्स पेज पर लौटते समय परिवर्तनों को जांचना होगा। ऐसा करने के लिए, इस पृष्ठ पर तालिका में एक स्तंभ जोड़ें। ऐसा करने के लिए, ViewBag ऑब्जेक्ट का उपयोग करना आवश्यक नहीं है, क्योंकि जो जानकारी प्रदर्शित करने की आवश्यकता है, वह पहले से ही प्रशिक्षक इकाई के पाठ्यक्रम नेविगेशन गुण में है, जिसे एक मॉडल के रूप में दृश्य में पास किया गया है।

दृश्य \ प्रशिक्षक \ Index.cshtml में, <th> कार्यालय </ th> के तुरंत बाद हेडर सेल <th> पाठ्यक्रम </ th> जोड़ें:

 <tr> <th></th> <th>Last Name</th> <th>First Name</th> <th>Hire Date</th> <th>Office</th> <th>Courses</th> </tr> 

उसके बाद, कार्यालय के पते के साथ सेल के तुरंत बाद एक नया सेल जोड़ें:

 <td> @{ foreach (var course in item.Courses) { @course.CourseID @:  @course.Title <br /> } } </td> 

प्रोजेक्ट चलाएँ और इंस्ट्रक्टर इंडेक्स पेज पर जाएँ:



शिक्षक पर संपादित करें पर क्लिक करें ।



बाइंडिंग का पाठ्यक्रम बदलें और सहेजें पर क्लिक करें। सूचकांक पृष्ठ पर परिवर्तन दिखाई देंगे।

वितरित किए गए कार्य के साथ पाठ-परिचय पूरा हो गया है। आपने साधारण CRUD ऑपरेशन पूरा किया, लेकिन समसामयिक मुद्दों से नहीं निपटे। अगला पाठ समानता के विषय, इसके साथ काम करने के मुद्दों के लिए समर्पित होगा।

धन्यवाद

अलेक्जेंडर Belotserkovsky का अनुवाद करने में आपकी मदद के लिए धन्यवाद।