HƯỚNG DẪN LẬP TRÌNH MVC 5

Kchất hóa học Lập trình Lập trình C# .Net Lập trình website với ASPhường.Net MVC cơ bạn dạng Tạo 1 project ASPhường.Net MVC đơn giản và dễ dàng cùng lý giải cấu tạo, vai trò của View, Controller vào mô hình MVC.

Tạo 1 project ASP.Net MVC dễ dàng và đơn giản và giải thích cấu tạo, sứ mệnh của View, Controller vào quy mô MVC.

Bạn đang xem: Hướng dẫn lập trình mvc 5


Tạo 1 project ASP.Net MVC đơn giản và dễ dàng cùng phân tích và lý giải kết cấu, mục đích của View, Controller trong mô hình MVC.


Dẫn nhập

Qua bài xích giới thiệu tổng thể về ASP..Net MVC thứ nhất, các bạn đã phần nào hiểu được cấu tạo tương tự như phương pháp hoạt động vui chơi của nó.

Tuy nhiên, sẽ là xây dựng thì quan yếu không thực hành thực tế, bởi vậy trong bài học ngày bây giờ, bản thân vẫn gợi ý bởi chúng ta phương pháp chế tạo 1 project ASPhường.Net MVC với bọn họ đã làm 1 ví dụ đơn giản và dễ dàng cơ mà khá kinh điển đó là xuất câu “Hello Howktem”, qua ví dụ này những các bạn sẽ nắm vững về cách hoạt động vui chơi của ASPhường.Net MVC bây giờ họ thuộc bước vào bài học nhé.

Nội dung

Để hiểu đọc bài xích này cực tốt các bạn bắt buộc gồm kiến thức cơ bản về những phần:

Trong bài học này, họ đã cùng tìm hiểu những vấn đề:

Hướng dẫn sản xuất 1 project ASPhường.Net MVC, giải thích cấu trúc cùng mục đích của View, ControllerXuất câu “Hello Howktem” thực hiện ASP.Net MVC

Hướng dẫn tạo ra 1 project ASP..Net MVC, giải thích cấu tạo và vai trò của View, Controller

Trước tiên các bạn msinh sống Visual Studio lên, sau đó ngay trên thanh khô menu các bạn lựa chọn FILE >New >Project Hay là biện pháp đơn giản dễ dàng rộng là các bạn nhận tổng hợp phím tắt Ctrl + Shift + N

*

Sau khi chúng ta làm dứt bước trên, họ liên tiếp làm theo nhỏng hình nhé.

*

Sau lúc bảng hội thoại hiện lên, người tiêu dùng chọn Visual C# > Web > ASP.NET Web Application.Tại ô (4) mặt cạnh vị trí Name người tiêu dùng đặt tên đến project.Chọn Browse… để chọn nơi lưu project.Cuối cùng người mua hàng chọn OK.

Sau khi bạn thừa nhận OK nghỉ ngơi bước trênthì đang có 1 bảng hội thoại xuất hiện các bạn làm theo hình nhé

*

Các các bạn để ý trong phần Select a template có không ít chọn lựa, tuy nhiên để học khóa huấn luyện và đào tạo này chúng ta chọn MVC nhé, tiếp nối lựa chọn OK để ngừng câu hỏi chế tác project.

Sau khi hoàn thành Việc tạo ra project, hiện nay chúng ta cùng đi phân tích cấu trúc của nó nhé.

*

Nlỗi hình mình show ra mang lại các bạn ngơi nghỉ phía bên trên, vùng red color đó là Controller, vùng blue color là Models với vùng color tím chính là Views vào mô hình MVCTương ứng với cùng 1 controller thì đã có một view kèm theo theo, khoác định project lúc chế tác bao gồm gồm 2 controller chính là Account cùng Home vị vậy các bạn sẽ thấy gồm 2 thư mục chính là Account và trang chủ vào phần View. Do ban đầu bọn họ chưa tróc nã xuất đại lý tài liệu bắt buộc models mình sẽ chưa đề cập đến vào bài học ngày từ bây giờ.

Khi project được tạo ra thì bạn có thể chạy project lên brower, vậy nhằm chạy được chúng ta làm nhỏng sau:

*

Trêntkhô hanh menu bạnđang nhìn thấynút mũi thương hiệu blue color, đó là nút khiến cho bạn Run project lên, mặc dù ban đầu nếu như bạn nào thấy trên nút này không có hiển thị trình chăm nom mặc định trong vật dụng mình như cốc ly, chrome, firefox … thì chúng ta chọn Browse With..

*

Sau khi chọn, 1 hộp thoại tồn tại, đầu tiên chúng ta chọn trình duyệt y nhưng mình muốn sử dụng mặc định khi chạy project lên, tiếp đến các bạn lựa chọn Set as Default, vậy là các bạn đang hoàn thành.Để chạy project bạn cliông xã vào nút Run Project

*

Giao diện hiển thị Lúc chạy thành công nlỗi hình

*

Vậy có các bạn như thế nào từ bỏ hỏi là tại sao lại có màn hình hiển thị này chạy lên Khi họ chạy project lên lúc đầu không? Rất dễ hiểu chúng ta ạ, chúng ta cùng theo dõi và quan sát giải thích phía bên dưới nhé

Để lý giải mang lại lý do mà lại bản thân nêu ra tại vị trí trên thì trước tiên chúng ta vào mục Controller.

Xem thêm: Rack Rate Là Gì - Thuật Ngữ Khách Sạn Thông Dụng

*

Sau đó chúng ta chọn cùng msống HomeController lên thì sẽ thấy kết quảnlỗi hình dưới

*

lúc vào HomeController thì các bạn sẽ thấy màn hình hiển thị nhỏng bên trên. Các bạn xem xét nhé, trong Controller có hỗ trợ 1 thủ tục mang tên điện thoại tư vấn là ActionResult. Pmùi hương thức này trả về không ít mẫu mã dữ liệu khác biệt, và trong ngôi trường phù hợp này chúng ta thấy giao diện trả về là View().

View() là một trong những trong những vẻ bên ngoài tài liệu được trả về từ hàm ActionResult , trong độ lớn bài xích này bản thân sẽ không so sánh rõ về phương thức ActionResult nhưng sẽ sở hữu được bài bác chỉ dẫn rất rõ ràng về câu chữ này. Kiểu trả về View() dùng làm hiển thị hình ảnh mà lại bạn thích xuất ra cho những người dùng lúc ActionResult được Gọi lên.

Tại phần bên trên mình có nhắc, 1 Controller đã có một View cố nhiên, các bạn hãy xuống phần View msống thư mục đó ra.

*

Như chúng ta thấy, vào HomeController bao gồm 3 ActionResult sẽ là About, Contact, Index. Mà cả 3 ActionResult này đa số trả về giao diện dữ liệu là View() bởi vì vậy vào folder home đang cũng đều có 3 View khớp ứng mang lại 3 ActionResult kia.

Cụ thể Khi ActionResult Index được hotline lên thì Index.cshtml sẽ được hiển thị, cùng 2 cái còn lại tượng tự những điều đó. Bây giờ, các bạn clichồng vào Index.cshtml để xem văn bản của tệp tin này thì những bạn sẽ thấy ngôn từ của nó như là giống hệt văn bản được hiển thị khi bọn họ chạy project lên.

*

Nhìn vào hình mẫu vẽ thì các bạn cũng thấy bối cảnh đó chính là vày file Index.cshtml hiển thị, tức là ActionResult Index được call lên thuở đầu, vậy lại có một câu hỏi đưa ra là tại sao vào HomeController có có 3 ActionResult mà mẫu Index lại được mang định chạy trước tiên nhưng ko phài là About tuyệt Contact? Các các bạn chăm chú nhé!

Các bạn msinh sống folder App_Start > msinh sống file RouteConfig.

*

Như các bạn thấy, vào RouteConfig trên 2 vị trí nhưng mình trỏ mũi tên vào thì đó là nguyên nhân Khi các bạn chạy project lên là ActionResultIndex được hiển thị nhưng mà chưa phải là About xuất xắc Contact.Controller được Call lên là HomeController, trong đó ActionResult Index được thực hiện. Các bạn có thể biến đổi Controller và Action nào cơ mà các bạn có nhu cầu mang định chạy lên ban sơ.Qua rất nhiều giải thích đó thì các bạn đã gọi về View, Controller tương tự như bí quyết hoạt động vui chơi của bọn chúng rồi, vậy nhằm xuất câu “Hello opdaichien.com” bọn họ đang trải qua phần thứ hai nhé

Xuất câu “Hello opdaichien.com” vào ASP..Net MVC

Tại phần trước tiên chúng ta đã vắt được bí quyết hoạt động của View, Controller rồi, hiện thời họ cùng chế tạo ra 1 ví dụ đơn giản dễ dàng sẽ là xuất ra câu “Hello opdaichien.com” nhé.

Thứ nhất các bạn Controllers > Add > Controller

*

Tại bối cảnh này, chúng ta chon MVC 5 Controller – Empty, kế tiếp lựa chọn Add

*

Tại đồ họa này, các bạn nhập thương hiệu Controller, mình để là Example rồi nhận Add

*

Tiếp theo, nhằm hiển thị câu “Hello opdaichien.com” bọn họ cần có View hiển thị, bí quyết tạo ra View nhỏng sau

*

Bạn cliông xã đề nghị loài chuột vào Index > lựa chọn Add View. Sau kia chúng ta tuân theo công việc sau

*

Tại Template các bạn chọn Empty (without model), các bước còn sót lại tuân theo hình nhé.Sau lúc chế tạo View Index chấm dứt thì nhằm xuất câu “Hello opdaichien.com” thì các bạn chuyển đổi 1 chút:

*

Tại thẻ

người dùng cụ đổi nội dung mặt trong: “Index” > “Hello opdaichien.com”. Sau kia chúng ta vào RouteConfig trong App_Start nhằm đổi khác Controller với Action > để chúng ta mang định hiển thị trang đựng dòng chữ “Hello opdaichien.com” hiện hữu đầu tiên

*

Tại controller chúng ta đổi khác nội dung bên trong Home > Example, còn action thì các bạn giữ nguyên giá trị là Index kế tiếp các bạn Run project lên kiểm tra, ví như màn hình hiển thị chạy đúng thật hình phía dưới thì các bạn sẽ tạo thành ví dụ thành công

*

Kết luận

Qua bài học ngày bây giờ, các bạn đang phát âm về View, Controller cũng như cách tạo nên 1 project ASPhường.Net MVC với sản xuất 1 ví dụ đơn giản và dễ dàng là xuất câu “Hello opdaichien.com” ra screen rồi nhé.

Bài sau họ đang đi vào Tìm đọc về Layout Page trong View với chế tác ví dụ minch họa

Cảm ơn chúng ta vẫn theo dõi nội dung bài viết. Hãy giữ lại phản hồi hoặc góp ý của mình nhằm trở nên tân tiến bài viết giỏi hơn. Đừng quên “Luyện tập – Thử thách – Không xấu hổ khó”.

Thảo luận

Nếu bạn tất cả ngẫu nhiên trở ngại tuyệt thắc mắc gì về khóa huấn luyện, chớ ngần ngại đặt câu hỏi trong phần BÌNH LUẬN dưới hoặc vào mục HỎI & ĐÁP bên trên thỏng viện opdaichien.com.com nhằm nhận thấy sự hỗ trợ từ bỏ xã hội.

Leave a Reply

Your email address will not be published. Required fields are marked *

x

Welcome Back!

Login to your account below

Retrieve your password

Please enter your username or email address to reset your password.