Trong phần này ta sẽ tạo và chạy project mặc định trong VS, cho ta tiếp cận với các tính năng của Asp.Net mà ta đã review ở bài trước.
Chúng ta sẽ học:
- Cách tạo một project
- Cấu trúc của project Web Forms
- Một số tính năng khác nhau của ứng dụng Web Forms…
Tạo Project
- Mở Visual Studio
- Chọn New Project từ menu File
- Ở Templates -> Web -> NET Web Application. Ta sẽ chọn .Net Framework 4.5.2
- Đặt tên Project tùy ý và nhấn OK. Ở đây mình đặt DMWingtipToys.
- Tiếp, chọn Web Forms và nhấn OK để tạo Project.
Mặc định sau khi tạo ta sẽ có trang default.aspx
Ta có thể chuyển qua lại giữa chế độ Design và Source bởi nút ở dưới. Phần Design sẽ hiển thị Master Page, trang Content, Html,… cho ta cái nhìn trực quan về phần code trong Source.
Tổng quan về Project
Cửa sổ Solution Explorer sẽ cho ta cái nhìn tổng quan về cách tổ chức của một ứng dụng Web Forms.
Ta chỉ cần quan tâm một số mục sau đây:
- Default.aspx: trang mặc định sẽ hiển thị khi chạy web.
- Site.Master: Trang này chứa layout chung cho toàn bộ web.
- Global.asax: chứa các sự kiện như Application_Start cũng như cách điều hướng trang web, ta sẽ tìm hiểu ở phần sau.
- Web.config: Cấu hình cho ứng dụng Web của ta.
Chạy thử trang mặc định
- Bấm F5 để chạy ứng dụng, nếu không cần Debug, ta nhấn Ctrl + F5 cho nhanh. Đợi vài giây, ta sẽ có kết quả như thế này:
- Ta sẽ đọc kĩ các nội dung đang hiển thị trên trình duyệt, sau đó nếu thích thì ta cứ đóng lại và chuyển lại bài tut này để xem tiếp phần sau.
Nếu để ý kĩ thì ta sẽ thấy ở trên cùng sẽ có 3 trang chính sau: Default.aspx (Home), About.aspx, Contact.aspx và kế bên nó là trang Login, Register. Đây là các trang mặc định khi tạo đã có sẵn, ta sẽ hiệu chỉnh lại nó để đáp ứng nhu cầu của ứng dụng Web mà ta sẽ tạo.
Các thành phần trong Visual Studio
Hình dưới đây cho bạn thấy được vị trí thông dụng của các cửa sổ trong VS. Gọi là thông dụng vì ta có thể tùy ý đóng/ mở hay dịch chuyển nó.
Mẹo: Nếu một cửa sổ bị tắt ta vào menu View và kích chọn vào cửa sổ tương ứng cần hiển thị
Phần sau ta sẽ tạo lớp truy cập đến Dữ liệu hay còn gọi Data Access Layer.
