I. ASP .NET MVC là gì?
ASP.NET MVC là 1 trong những framework tuyệt vời hỗ trợ pattern MVC mang đến ASP.NET. Nếu bạn có nhu cầu hiểu ASP.NET MVC thao tác như nỗ lực nào, bạn cần phải có một sự đọc biết cụ thể về mô hình MVC. MVC là cụm từ viết tắt của Model-View-Controller, nó phân chia pattern của ứng dụng thành 3 phần - model, controller cùng view.
Bạn đang xem: Asp.net mvc là gì
Model giúp tàng trữ dữ liệu của vận dụng và tâm trạng của nó. Nó là một cơ sở tài liệu hoặc cũng có thể chỉ là 1 trong tập tin XML.
II. Cần chuẩn bị những gì để rất có thể tạo áp dụng ASP .NET MVC?
Để có thể lập trình bởi ASP .NET MVC thì vô cùng đối kháng giản. Tất cả những gì họ cần chỉ là máy tính sử dụng hệ điều hành quản lý
windows 7 trở lên trên với
net frameword 4.0 trở lên.Tiếp theo chúng ta cần setup
visual stuio (ứng dụng microsoft cung ứng để lập trình .NET). Nên thiết đặt phiên bạn dạng 2010 trở lên, trong số loạt bài xích tiếp theo, bản thân sẽ gợi ý trên visual studio
2013.Cuối cùng đó là
SQL server 2012 để thống trị cớ sở dữ liệu. Có thể dùng bất kỳ hệ cai quản trị cơ sở dữ liệu nào, tuy nhiên để đồng bộ, mình sẽ hướng dẫn sử dụng SQL Server.
III. Cấu tạo của Visual Studio
Thanh menuThanh công cụ, chứa các công thế như debug, lưu giữ file, ghi chú codeVùng cai quản project, toàn bộ các thư mục cùng file của chúng ta sẽ hiển thị sinh hoạt đâyKhu vực output cùng Error list. Tất cả các áp sạc ra và lỗi phát sinh đang hiển thị sinh sống đâyServer Explorer để hiển thị những thông tin kết nối server CSDL
Có thể chọn những công cầm cố hiển thị trong menu VIEWIV. Quá trình tạo 1 ứng dụng ASP .NET MVC với Visual Studio 2013
Bước 1: lựa chọn FILE -> New -> Project
Bước 2: Ở màn hình hiện ra. Chọn
Templates là Visual Studio 2012. Không thay đổi
.Net Framework là 4.0, ta có thể chọn bản .Net Framework cao hơn phụ thuộc vào mục đích, nhưng tốt nhất nên chọn bản 4.0 là ok rồi, vị khi deploy vận dụng lên server thì có thể server không hỗ trợ .Net framework cao hơn (đôi lúc chưa phải cái nào tiên tiến nhất cũng là tốt nhất có thể
). Chọn loại project là
ASP .NET MVC 4 web Application. Đặt tên mang đến project và chọn
OKBước 3: lựa chọn
Project Template là
Basic, Visual Studio sẽ khởi tạo cho họ project với kết cấu thư mục chuẩn chỉnh đầy đủ những thành phần và thư viện buổi tối thiểu cần thiết. Lựa chọn
View engine là
Razor, có 2 công nghệ cho những file View, chính là
ASPX (chúng ta đang chèn mã C# vào file view trong cặp vết
như JSP), và
Razor (với công nghệ này thì họ sẽ cần sử dụng dấu
để chèn mã C# vào tệp tin View). Click
OK và bọn họ sẽ bao gồm project cho vận dụng
ASP .NET MCV đầu tiên.
V. CẤU TRÚC THƯ MỤC CỦA ỨNG DỤNG ASP .NET MVC
Properties: đặc điểm này chứa các thuộc tính của project. Mình đang không suy xét cái này nha.
References: đặc điểm này chứa các thư viện, package mà bọn họ sử dụng. Tương tự như vendor vào PHP tuyệt node-modules của NODE JS
App_Data: Thư mục cất file dữ liệu của hệ thống. đặc điểm này cũng tạm thời chưa yêu cầu quan tâm.
App_Start: folder chưa các file thông số kỹ thuật khởi rượu cồn và biên dịch của project. Bọn họ chú ý 2 file chính là
FilterConfig.cs, dùng để khai báo những filter áp dụng trước khi tiến hành 1 hành động nào đó, giống như như Middleware của PHP. Với file
RouteConfig.cs, cái tên đã nói lên vớ cả, bọn họ sẽ định nghĩa các routes của web ở trong tệp tin này.
Content: Thư mục đựng CSS.
Controllers: tất nhiên là nó dùng để làm chứa controller rồi
.
Models: Chứa những file ảnh hưởng với CSDL.
Xem thêm: 10 Bệnh Tâm Lý Mà Chúng Ta Thường Nhầm Tưởng Là Tính Các Bệnh Tâm Lý Thường Gặp
Scripts: folder chứa các file JS.
Views: folder chứa những file HTML với đuôi là .cshtml.
Global.aspx: tệp tin chứa những khai báo thực hiện cho toàn cục project, như định dạng số, ngày tháng, vùng, ngôn ngữ.
package.config: File làm chủ các package chúng ta cài vào
Web.config: file khá quan liêu trọng, định nghĩa những cái đặt đến project.
VI. Cách setup các thư viện đề nghị thiết
1. áp dụng Nut Get
Visual Studio cung ứng cho họ 1 hình ảnh để setup các gói cần thiết cho project như Boostrap, Jquery,... Ở đây bạn có thể tìm kiếm, thiết lập hay gỡ setup các gói, thư viện của bên thứ 3 vào project
2. Thực hiện consoleĐể hotline mở console ta làm như hình mặt dưới
Vị trí của console.
Chúng ta đang dùng những lệnh để thiết lập đặt, cấu hình project, hoặc mua package, thư viện tương tự như dùng npm tuyệt composer để cài đặt trong NODE hay PHP. Nội dung các câu lệnh sẽ được ra mắt từ từ trong các bài sau ^^.
VII.Tạo Controller
Bước 1: bấm chuột phải vào thư mục Controllers, lựa chọn Add -> Controller...
Bước 2: Đặt tên controller là
Home, chăm chú
giữ nguyên chữ Controller phía sau. Phần
Template chọn
Empty MVC controller.
Click
Add và họ sẽ có 1 controller như mặt dưới
là thương hiệu của controllerlà tên của
Action vẫn thực hiện, mặc định action này trả về mẫu mã
ActionResult, đọc nôn mãng cầu là nó đã trả về 1 trang Html đến clientCâu lệnh
return View(); đã trả về 1 trang html có tên file trùng với thương hiệu của
Action. Để trả về 1 trang html mang tên khác với tên action đang thực thi thì chỉ cần truyền tên của file cất trang html kia như sau
return View("fileHtmlNaoDo");.
VIII. Tạo nên View
Bước 1: nhấp chuột phải vào thư mục Views, chọn Add->New Folder
Bước 2: Đặt tên thư mục là
HomeChú ý: Một controller khi triển khai Action trả về 1 trang html sẽ tự động tìm kiếm tên file với return lại những trang html trong một folder
cùng thương hiệu với controller đó, cùng thư mục này sẽ là thư mục bé của thư mục
ViewsBước 3: nhấn vào phải vào folder
Home vừa tạo, chọn
Add->View...Bước 4: Đặt tên view là
Index, và tất nhiên
View engine là
Razor rồi, những phần không giống thì chỉ việc giữ khoác định. Click
AddIX. Routes
Mở file App_Data/RouteConfig.cs
Mặc định để điều đào bới 1 trang html, ASP .NET vẫn khai báo sẵn đó là chỉ việc truyền vào đường truyền "/TenController/TenAction". Nếu không truyền vào gì cả thì khoác định đã gọi kích hoạt Index vào controller HomeNếu muốn biến hóa dường dẫn mang định này, chúng ta cũng có thể khai báo thêm những đường dẫn không giống theo ý muốn. Bản thân sẽ có 1 bài hướng dẫn cụ thể về routes vào ASP .NET MVC sau.Lúc nãy bọn họ đã chế tác
Controller Home cùng trang
view Index, như vậy, để truy vấn đến trang này, họ chỉ cần cung cấp đường dẫn www.domain/home/index mang đến trình duyệt.
X. Debug
Chọn căn nguyên cần để debug và tiếp đến chọn Play như hình dưới
Visual Studio đã mở trình duyệt tương ứng và chạy website lên cho việc đó ta. Địa chỉ sẽ là
localhost với
port được Visual Studio lựa chọn ngẫu nhiên, thông số này sẽ tiến hành lưu vào
Properties của project, và các lần debug tiếp theo, project sẽ luôn luôn chạy bên trên port này. Chúng ta có thê đổi khác nó vào Properties của project
Bài viết còn những sai sót, mong mỏi nhận được sự trợ giúp của các ngwowif1Cảm ơn chúng ta đã theo dõi bài bác viết!