Tạo ứng dụng ASP.NET MVC đầu tiên | Comdy

Trong phần này, tất cả chúng ta sẽ tạo một ứng dụng web ASP.NET MVC mới bằng Visual Studio và tìm hiểu và khám phá những thành phần cơ bản của ứng dụng ASP.NET MVC .

Chúng ta sẽ sử dụng ASP.NET MVC 5 và phiên bản Visual Studio 2017 Community và .NET Framework 4.6 để tạo ứng dụng ASP.NET MVC đầu tiên của chúng ta.

Nếu bạn chưa có Visual Studeio thì có thể tải xuống phiên bản mới nhất tại https://visualstudio.microsoft.com/downloads/.

Mở Visual Studio 2017 và chọn menu File -> New -> Project, như hình ảnh bên dưới.

Từ hộp thoại New Project như được hiển thị trong hình ảnh bên dưới, mở rộng nút Visual C # và chọn Web ở khung bên trái, sau đó chọn ASP.NET Web Application (.NET Framework) trong ngăn giữa. Nhập tên dự án của bạn là MyMVCApplication (bạn có thể đặt tên cho ứng dụng tùy ý của mình). Ngoài ra, bạn có thể thay đổi vị trí của ứng dụng ASP.NET MVC bằng cách nhấp vào nút Browse… Cuối cùng, bấm OK.

Từ hộp thoại New ASP.NET Web Application, chọn MVC (nếu chưa được chọn) như hiển thị bên dưới.

Bạn cũng có thể thay đổi cơ chế xác thực bằng cách nhấp vào nút Change Authentication. Bạn có thể chọn chế độ xác thực phù hợp cho ứng dụng của mình, như hiển thị bên dưới.

Ở đây, chúng tôi sử dụng cơ chế xác thực mặc định cho ứng dụng của chúng tôi là No Authentication (Không xác thực). Nhấn OK để tiếp tục.

Đợi một lúc cho đến khi Visual Studio tạo một dự án Bất Động Sản ASP.NET MVC đơn thuần bằng cách sử dụng mẫu mặc định, như hiển thị ở hình ảnh bên dưới .Bây giờ, nhấn phím F5 để chạy dự án Bất Động Sản ở chính sách debug ( gỡ lỗi ) hoặc Ctrl + F5 để chạy dự án Bất Động Sản mà không cần debug. Nó sẽ mở trang chủ trong trình duyệt, như hiển thị trong hình bên dưới .Dự án ASP.NET MVC 5 gồm có những tập tin JavaScript và CSS của bootstrap 3.0 theo mặc định. Vì vậy, bạn hoàn toàn có thể tạo những website responsive .Giao diện người dùng sẽ biến hóa dựa trên kích cỡ màn hình hiển thị của những thiết bị khác nhau. Ví dụ : thanh menu trên cùng sẽ được đổi khác trong những thiết bị di động, như hiển thị trong hình bên dưới .Như vậy là bạn đã tạo ứng dụng ASP.NET MVC 5 đầu tiên của mình bằng Visual Studio 2017 .

Cấu trúc thư mục ứng dụng ASP.NET MVC

Chúng ta đã tạo ứng dụng ASP.NET MVC 5 đầu tiên của tất cả chúng ta trong phần trước. Visual Studio tạo cấu trúc thư mục sau cho ứng dụng ASP.NET MVC theo mặc định .Chúng ta sẽ lần lượt khám phá ý nghĩa của từng thư mục .

App_Data

Thư mục App_Data có thể chứa các tập tin dữ liệu ứng dụng như LocalDB, tập tin .mdf, tập tin .xml và các tập tin liên quan đến dữ liệu khác. IIS sẽ không bao giờ cho phép truy cập các tập tin từ thư mục App_Data.

App_Start

Thư mục App_Start hoàn toàn có thể chứa những lớp sẽ được thực thi khi ứng dụng khởi động. Thông thường, đây sẽ là những tập tin cấu hình như AuthConfig. cs, BundleConfig. cs, FilterConfig. cs, RouteConfig. cs, v.v. MVC 5 có những tập tin BundleConfig. cs, FilterConfig. cs và RouteConfig. cs theo mặc định. Chúng ta sẽ khám phá ý nghĩa của những tập tin này sau .

Content

Thư mục Content chứa những tập tin tĩnh như tệp css, tập tin hình ảnh và hình tượng. Ứng dụng ASP.NET MVC 5 gồm có bootstrap.css, bootstrap.min.css và Site. css theo mặc định .

Controllers

Thư mục Controllers chứa những lớp controller. Controller giải quyết và xử lý nhu yếu của người dùng và trả về một phản hồi. ASP.NET MVC nhu yếu tên của tổng thể những lớp controller kết thúc bằng ” Controller “. Bạn sẽ khám phá về controller trong phần tiếp theo .

fonts

Thư mục fonts chứa những tập tin phông chữ tùy chỉnh cho ứng dụng của bạn .

Models

Thư mục Models chứa những lớp quy mô ( Mã Sản Phẩm ). Thông thường lớp quy mô gồm có những thuộc tính public, sẽ được ứng dụng sử dụng để tàng trữ và giải quyết và xử lý tài liệu ứng dụng .

Scripts

Thư mục Scripts chứa những tập tin Javascript hoặc VBScript cho ứng dụng. ASP.NET MVC 5 có những tập tin javascript là bootstrap.js, jquery-x.x.js và modernizer-x.x.js theo mặc định .

Views

Thư mục Views chứa những tập tin làm giao diện cho ứng dụng. Thông thường view là tập tin. cshtml, nơi bạn viết mã html tích hợp với C # .Thư mục Views có những thư mục riêng cho mỗi controller. Ví dụ : toàn bộ những tập tin. cshtml của HomeController sẽ nằm trong thư mục Views > trang chủ .Thư mục Shared trong thư mục Views chứa toàn bộ những view sẽ được san sẻ giữa những controller khác nhau, ví dụ : tập tin _Layout. cshtml .Ngoài ra, dự án Bất Động Sản ASP.NET MVC cũng có những tập tin thông số kỹ thuật sau :

Global.asax

Tập tin Global. asax được cho phép bạn viết code để phản hồi với những sự kiện ở cấp ứng dụng, ví dụ điển hình như Application_BeginRequest, application_start, application_error, session_start, session_end, v.v.

Packages.config

Tập tin Packages. config được NuGet quản trị để theo dõi những gói và phiên bản bạn đã thiết lập trong ứng dụng .

Web.config

Tập tin Web.config chứa cấu hình cấp ứng dụng.

Tìm hiểu cách ASP.NET MVC giải quyết và xử lý nhu yếu bằng cách sử dụng routing trong phần tiếp theo .

Nếu Comdy hữu ích và giúp bạn tiết kiệm thời gian làm việc

Bạn hoàn toàn có thể vui vẻ đưa Comdy vào whitelist của trình chặn quảng cáo ❤ ️ để tương hỗ chúng tôi trong việc trả tiền cho dịch vụ tàng trữ web để duy trì hoạt động giải trí của website .