Sử dụng html

Chúng ta đang khám phá về phong thái sản xuất view mang đến tác dụng coi danh sách sinh viên vào phần trước. Trong phần này, họ sẽ tạo nên view mang lại công dụng sửa đổi thông báo sinch viên.

Bạn đang xem: Sử dụng html

Người sử dụng rất có thể cập nhật biết tin sinc viên bằng phương pháp áp dụng tác dụng Edit nhỏng hình sau.

*

View cập nhật báo cáo sinh viên sẽ được hiển thị khi chúng ta nhấp vào nút ít Edit trong view list sinch viên (Index). Hình tiếp sau đây biểu thị rất đầy đủ công việc chỉnh sửa lên tiếng sinch viên.

*

Hình bên trên minc họa các bước sau.

1. Người cần sử dụng nhấp vào links Edit trong view Index sẽ gửi tận hưởng HTTP GET bao gồm URL là http://localhost/student/edit/Id với tđắm đuối số Id khớp ứng vào chuỗi truy hỏi vấn. Yêu cầu này sẽ tiến hành cách xử lý bằng cách tiến hành hành vi Edit có HttpVerbs là HttpGet.

2. Phương thức hành vi Edit này vẫn mang tài liệu sinh viên từ các đại lý tài liệu dựa trên tđắm đuối số Id được cung cấp với hiển thị view Edit với tài liệu sinch viên cụ thể kia.

3. Người dùng hoàn toàn có thể sửa đổi dữ liệu sinc viên cùng nhấp vào nút ít Save sầu vào view Edit. Nút Save sầu đang gửi một tận hưởng HTTP POST bao gồm URL là http://localhost/Student/Edit đương nhiên những trường của biểu mẫu cất tài liệu sinc viên.

4. Phương thơm thức hành động Edit tất cả HttpVerbs là HttpPost vào StudentController đã cập nhật dữ liệu sinh viên vào cơ sở tài liệu cùng hiển thị trang Index cùng với tài liệu được gia công new bởi thủ tục RedirectTokích hoạt.

Vì vậy, phía trên đang là quá trình hoàn hảo nhằm chỉnh sửa tài liệu bằng phương pháp sử dụng view Edit trong ASP.NET MVC.

Bây giờ đồng hồ triệu chứng ta sẽ ban đầu triển khai các bước bên trên.

Chúng tôi vẫn áp dụng lớp Model Student dễ dàng và đơn giản dưới đây mang đến view Edit của công ty chúng tôi.

public class Student public int StudentId get; set; public string StudentName get; set; public int Age get; set; Cách 1:Chúng tôi sẽ chế tạo view Index trong phần trước bằng phương pháp sử dụng mẫu mã List đã bao gồm sẵn link Edit nhỏng được hiển thị vào hình bên dưới.

*

Một liên kết Edit vẫn gửi đòi hỏi HTTP GET cho cách thức hành vi Edit của StudentController hẳn nhiên Id khớp ứng trong chuỗi truy vấn vấn.

Ví dụ: link Edit cùng với sinc viên John đang nối chuỗi tầm nã vấn Id = 1 vào URL của từng trải bởi vì sinc viên John bao gồm StudentId là một trong đại lý tài liệu. Tương từ điều đó, toàn bộ link Edit sẽ sở hữu được Id tương xứng cùng với từng sinh viên trong chuỗi truy tìm vấn.

Cách 2:Bây giờ đồng hồ, hãy sản xuất một phương thức hành động Edit có HttpVerbs là HttpGet vào StudentController (khoác định đang là HttpGet nếu không chỉ là định HttpVerbs mang lại cách tiến hành hành động). Khi nhấp vào link Edit vào view Index sinh sống bên trên đã gửi kinh nghiệm HTTPhường GET tất nhiên ttê mê số Id mang lại phương thức hành vi Edit.

Pmùi hương thức hành vi Edit() này sẽ triển khai nhị tác vụ. Trước hết nó đang search nạp thông tin sinc viên trường đoản cú cơ sở tài liệu gồm StudentId khớp với Id vào chuỗi truy vấn vấn. Thứ đọng hai, nó vẫn hiển thị view Edit với biết tin sinc viên nhằm người tiêu dùng có thể update.

Vì vậy, cách thức hành vi Edit() yêu cầu bao gồm một tham mê số là Id. ASPhường.NET MVC đang tự động hóa link giá trị Id vào URL của đề nghị với tđắm say số Id của thủ tục hành vi Edit.

using MVC_BasicTutorials.Models;namespace MVC_BasicTutorials.Controllers public class StudentController : Controller IList studentList = new List() new Student() StudentId=1, StudentName="John", Age = 18 , new Student() StudentId=2, StudentName="Steve", Age = 21 , new Student() StudentId=3, StudentName="Bill", Age = 25 , new Student() StudentId=4, StudentName="Ram", Age = đôi mươi , new Student() StudentId=5, StudentName="Ron", Age = 31 , new Student() StudentId=6, StudentName="Chris", Age = 17 , new Student() StudentId=7, StudentName="Rob", Age = 19 ; public ActionResult Edit(int Id) //Get the student from studentList sample collection for thử nghiệm purpose. //Get the student from the database in the real application var std = studentList.Where(s => s.StudentId == Id).FirstOrDefault(); return View(std); Nhỏng chúng ta có thể thấy vào cách thức Edit ngơi nghỉ bên trên, chúng tôi sẽ sử dụng truy vấn vấn LINQ để đưa sinc viên có StudentId khớp cùng với Id được cung ứng từ bỏ cỗ danh sách sinch viên.

Xem thêm: Đã Tìm Ra Cách Làm Bánh Hotdog Thơm Ngon, Cách Làm Bánh Hot Dog Việt Nam Siêu Dễ

Sau đó Shop chúng tôi gửi đối tượng sinh viên kia vào view Edit. Trong một ứng dụng thực tiễn, chúng ta có thể mang sinh viên từ các đại lý dữ liệu.

Bây tiếng, nếu như khách hàng nhấp vào link Edit từ bỏ view Index thì các bạn sẽ chạm chán lỗi sau.

*

Đã xảy ra lỗi ở bên trên vày Shop chúng tôi chưa sinh sản view Edit. Theo mặc định, ASPhường.NET MVC vẫn tra cứu tệp Edit.cshtml hoặc Edit.vbhtml hoặc Edit.aspx hoặc Edit.ascx trong thỏng mục Views -> Student hoặc Views -> Shared.

Bước 3:Để sinh sản view Edit, chúng ta nhấn vào cần vào phía bên trong cách thức hành vi Edit và nhấp vào Add View... Nó sẽ msống vỏ hộp thoại Add View.

Trong vỏ hộp thoại Add View, giữ nguyên tên view khoác định là Edit. (Bạn cũng rất có thể đổi khác theo trải đời của bạn nhưng lại bạn nên chỉ định rõ tên view vào cách tiến hành View() khi trả về.)

*

Chọn Edit vào list thả xuống Template và cũng chọn Student mang đến lớp Model class nhỏng dưới.

*

Bây giờ đồng hồ, nhấp vào nút ít Add để tạo view Edit.cshtml vào tlỗi mục Views -> Student. View Edit.cshtml sẽ có sẵn ngôn từ nlỗi dưới.


using (Html.BeginForm()) để sản xuất bộ phận biểu mẫu mã HTML. Html.BeginForm gửi một đề nghị HTTPhường. POST theo mang định.

Bây giờ, chạy lại cùng nhấp vào links Edit của bất kỳ sinh viên làm sao vào view Index. View Edit sẽ được hiển thị công bố sinh viên khớp ứng nlỗi hình bên dưới.

*

Bạn hoàn toàn có thể sửa đổi Tên hoặc Tuổi của Sinh viên và nhấp vào Save sầu. Lúc nhấp vào Save, biểu mẫu (form) sẽ gửi một thưởng thức HTTPhường POST tới phương thức hành vi Edit gồm HttpVerbs là HttpPost.

Sử dụng HTTP POST là do yên cầu POST gửi dữ liệu của biểu mẫu mã như 1 phần của yêu cầu, nó ko gửi tài liệu biểu chủng loại trong chuỗi truy vấn nlỗi HTTPhường GET.

Bước 4:Bây giờ đồng hồ, hãy viết phương thức hành vi Edit có HttpVerbs là HttpPost nhằm lưu lại dữ liệu sinc viên sẽ chỉnh sửa.

public ActionResult Edit(Student std) //write code khổng lồ update student to lớn database here return RedirectToAction("Index");Như bạn cũng có thể thấy trong khúc mã bên trên, thủ tục hành động Edit() trải đời một đối tượng người dùng Student làm tđê mê số nguồn vào. ASP.NET MVC đang tự động links các ngôi trường dữ liệu của biểu mẫu với tđam mê số Student của thủ tục hành vi Edit(). Vui lòng truy vấn phần Model Binding để hiểu thêm biết tin.

Bây giờ đồng hồ, chúng ta có thể cập nhật thông tin vào các đại lý tài liệu cùng chuyển hướng nó quý phái cách thức hành động Index. (Shop chúng tôi chưa viết mã nhằm update cơ sở dữ liệu tại đây cho mục đích demo).

Bây tiếng, chạy lại vận dụng và nhấp vào nút Save sầu vào view Edit. Nó sẽ lưu thông tin cập nhật với chuyển làn phân cách sang thủ tục hành vi Index().

Theo biện pháp này, chúng ta cũng có thể tạo ra tác dụng sửa đổi báo cáo sinh viên bằng phương pháp sử dụng mẫu mã Edit khi sinh sản view. Bên cạnh đó, chúng ta có thể tạo ra view Edit nhưng mà ko phải sử dụng mẫu Edit có sẵn.

Xem thêm: Siêu Thị Điện Máy Nội Thất Chợ Lớn, So Sánh Máy Ép Trái Cây

lấy ví dụ như tiếp sau đây minh họa lớp StudentController với toàn bộ các cách thức hành động.

using MVC_BasicTutorials.Models;namespace MVC_BasicTutorials.Controllers public class StudentController : Controller IList studentList = new List() new Student() StudentId=1, StudentName="John", Age = 18 , new Student() StudentId=2, StudentName="Steve", Age = 21 , new Student() StudentId=3, StudentName="Bill", Age = 25 , new Student() StudentId=4, StudentName="Ram", Age = trăng tròn , new Student() StudentId=5, StudentName="Ron", Age = 31 , new Student() StudentId=6, StudentName="Chris", Age = 17 , new Student() StudentId=7, StudentName="Rob", Age = 19 ; // GET: Student public ActionResult Index() return View(studentList); public ActionResult Edit(int Id) //Get the student from studentList sample collection for chạy thử purpose. //Get the student from the database in the real application var std = studentList.Where(s => s.StudentId == Id).FirstOrDefault(); return View(std); public ActionResult Edit(Student std) //write code to update student return RedirectToAction("Index"); ASP..NET MVC

Chuyên mục: Blogs