Hướng dẫn học asp.net bang visual studio
Ngày đăng:
04/12/2023
Trả lời:
0
Lượt xem:
106
ASP.NET MVC là một framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET. Nếu bạn muốn hiểu ASP.NET MVC làm việc như thế nào, bạn cần phải có một sự hiểu biết rõ ràng 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 và view. Show
II. Cần chuẩn bị những gì để có thể tạo ứng dụng ASP .NET MVC?
III. Cấu trúc của Visual Studio
IV. Các bước tạo 1 ứng dụng ASP .NET MVC với Visual Studio 2013Bước 1: Chọn FILE -> New -> Project Bước 2: Ở màn hình hiện ra. Chọn Templates là Visual Studio 2012. Giữ nguyên .Net Framework là 4.0, ta có thể chọn bản .Net Framework cao hơn tùy theo mục đích, nhưng tốt nhất nên chọn bản 4.0 là ok rồi, vì khi deploy ứng dụng lên server thì có thể server không hỗ trợ .Net framework cao hơn (đôi lúc không phải cái nào mới nhất cũng là tốt nhất @@). Chọn loại project là ASP .NET MVC 4 Web Application. Đặt tên cho project và chọn OKBước 3: Chọn Project Template là Basic, Visual Studio sẽ tạo cho chúng ta project với cấu trúc thư mục chuẩn đầy đủ các thành phần và thư viện tối thiểu cần thiết. Chọn View engine là Razor, có 2 công nghệ cho các file View, đó là ASPX (chúng ta sẽ chèn mã C# vào file view trong cặp dấu <% %> như JSP), và Razor (với công nghệ này thì chúng ta sẽ dùng dấu @ để chèn mã C# vào file View). Click OK và chúng ta sẽ có project cho ứng dụng ASP .NET MCV đầu tiên.V. CẤU TRÚC THƯ MỤC CỦA ỨNG DỤNG ASP .NET MVC
VI. Cách cài đặt các thư viện cần thiết1. Sử dụng Nut Get Visual Studio cung cấp cho chúng ta 1 giao diện để cài đặt các gói cần thiết cho project như Boostrap, Jquery,... Ở đây chúng ta có thể tìm kiếm, cài đặt hay gỡ cài đặt các gói, thư viện của bên thứ 3 trong project2. Sử dụng consoleVII.Tạo ControllerBước 1: Click chuột phải vào thư mục Controllers, chọn Add -> Controller... Bước 2: Đặt tên controller là Home, chú ý giữ nguyên chữ Controller phía sau. Phần Template chọn Empty MVC controller.Click Add và chúng ta sẽ có 1 controller như bên dưới
VIII. Tạo ViewBước 1: Click 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 thực hiện Action trả về 1 trang html sẽ tự động tìm kiếm tên file và return lại các trang html trong một thư mục cùng tên với controller đó, và thư mục này sẽ là thư mục con của thư mục Views Bước 3: Click chuột phải vào thư mục 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, các phần khác thì chỉ cần giữ mặc định. Click AddIX. RoutesMở file App_Data/RouteConfig.cs
X. DebugChọn nền tảng cần để debug và sau đó chọn Play như hình dưới Visual Studio sẽ mở trình duyệt tương ứng và chạy trang web lên cho chúng ta. Địa chỉ sẽ là localhost và port được Visual Studio chọn ngẫu nhiên, thông số này sẽ được lưu vào Properties của project, và các lần debug tiếp theo, project sẽ luôn chạy trên port này. Chúng ta có thê thay đổi nó trong Properties của projectBài viết còn nhiều sai sót, mong nhận được sự giúp đỡ của mọi ngwowif1 Cảm ơn các bạn đã theo dõi bài viết! |