Bước 1: Mở Visual Studio và tạo dự án mới
- Mở Visual Studio và chọn "Create a new project".
- Trong hộp thoại "Create a new project", tìm kiếm "ASP.NET Core Razor Page" và chọn mẫu này.
- Đặt tên cho dự án và chọn thư mục lưu trữ.
- Chọn ".NET 7" trong danh sách phiên bản .NET và nhấn nút "Next".
Bước 2: Tạo ứng dụng web với Razor Pages
- Trong hộp thoại "Configure your new project", chọn "Web Razor Page" và kiểm tra rằng "Enable Docker Support" không được chọn.
- Chọn "Razor Pages" trong danh sách phần mềm và bỏ chọn tùy chọn "Configure for HTTPS" (nếu không cần thiết).
- Nhấn nút "Create" để tạo dự án.
Bước 3: Khám phá cấu trúc dự án
- Mở Solution Explorer để xem cấu trúc dự án.
- Trong thư mục "Pages", bạn sẽ thấy các tệp Razor Pages mặc định đã được tạo, bao gồm Index.cshtml và Privacy.cshtml.
- Mỗi tệp Razor Page đi kèm với một tệp mã nguồn tương ứng, ví dụ: Index.cshtml.cs.
Bước 4: Thêm một Razor Page mới
- Trong thư mục "Pages", chuột phải và chọn "Add" -> "New Scaffolded Item".
- Trong hộp thoại "Add Scaffold", chọn "Razor Pages" ở thanh bên trái.
- Chọn "Razor Page" và nhấn nút "Add".
- Đặt tên cho Razor Page mới và nhấn nút "Add" để tạo nó.
Bước 5: Xây dựng giao diện và logic xử lý
- Mở tệp Razor Page mới và chỉnh sửa mã HTML và Razor để xây dựng giao diện của trang.
- Mở tệp mã nguồn tương ứng và thêm mã C# để xử lý logic cho trang.
Bước 6: Chạy ứng dụng
- Chọn dự án trong Solution Explorer.
- Nhấn F5 hoặc chọn "Start Debugging" để chạy ứng dụng.
- Mở trình duyệt web và truy cập vào địa chỉ được hiển thị để xem trang Razor Page bạn đã tạo.
Nguồn bài viết:
DOTNET.VN