bài 1 làm quen với asp.net

Bài 1: LÀM QUEN VỚI ASP.NET Giới thiệu về ASP.NET & các khái niệm cơ bản Ứng dụng Web ASP.NET Cấu trúc ứng dụng ASP.NET Web Form Sự kiện Đối tượng Request/Response PostPack Mục tiêu bài học Giới thiệu về ASP.NET & các khái niệm cơ bản Ứng dụng Web ASP.NET Cấu trúc ứng dụng ASP.NET Web Form Sự kiện Đối tượng Request/Response PostPack Làm quen với ASP.NET 2 Mục tiêu bài học 1. Giới thiệu về mô hình MVC 1. ASP.NET & Các khái niệm cơ bản Làm quen với ASP.NET 3 1. Giới thiệu về mô hình MVC 2. Phát triển ứng dụng ASP.NET 3. Kiểm thử và gỡ lỗi ứng dụng Làm quen với ASP.NET 4 Ứng dụng Web là một ứng dụng client/server được truy cập thông qua trình duyệt Web trên mạng internet hoặc intrannet. Một ứng dụng Web gồm tập hợp các trang Web được viết bằng ngôn ngữ do trình duyệt hỗ trợ như: html, asp.net, java, javascript… Ứng dụng Web Server Ứng dụng Web là một ứng dụng client/server được truy cập thông qua trình duyệt Web trên mạng internet hoặc intrannet. Một ứng dụng Web gồm tập hợp các trang Web được viết bằng ngôn ngữ do trình duyệt hỗ trợ như: html, asp.net, java, javascript… Làm quen với ASP.NET 5 Internet Máy client Server Trình duyệt Web Server Web Server CSDL Người dùng tại máy client sử dụng trình duyệt gửi yêu cầu tới Server Web. Server Web xử lý và gửi lại phản hồi tới trình duyệt. Trình duyệt xử lý và hiển thị giao diện trang Web cho người dùng Trình duyệt Web và Server Web sử dụng giao thức HTTP để trao đổi thông tin. Người dùng gửi yêu cầu HTTP tới trình duyệt bằng cách nhập địa chỉ (URL) vào trình duyệt Ví dụ về URL: http://www.vietphotoshop.com/html/html_chapter_1.htm Ứng dụng Web Người dùng tại máy client sử dụng trình duyệt gửi yêu cầu tới Server Web. Server Web xử lý và gửi lại phản hồi tới trình duyệt. Trình duyệt xử lý và hiển thị giao diện trang Web cho người dùng Trình duyệt Web và Server Web sử dụng giao thức HTTP để trao đổi thông tin. Người dùng gửi yêu cầu HTTP tới trình duyệt bằng cách nhập địa chỉ (URL) vào trình duyệt Ví dụ về URL: http://www.vietphotoshop.com/html/html_chapter_1.htm Làm quen với ASP.NET 6 Người dùng gửi yêu cầu bằng cách nhập địa chỉ URL Hai loại ứng dụng Web Web tĩnh Viết bằng ngôn ngữ đánh dấu văn bản (HTML) Không có CSDL đi kèm với ứng dụng Trang .html chỉ xây dựng với mục đích cung cấp thông tin Ví dụ: http://www.vietphotoshop.com/html/html_chapter_1.htm Web động Viết bằng ngôn ngữ: Asp.net, JSP, PHP… Có tương tác với người dùng. Nội dung trang là động, hiển thị khác nhau đáp ứng các sự kiện (nhập liệu, nhấn chuôt…) của người dùng Lưu trữ dữ liệu trong CSDL http://www.bodua.com/tailieu.aspx?bdg=114&bdgs=7 Ứng dụng Web Hai loại ứng dụng Web Web tĩnh Viết bằng ngôn ngữ đánh dấu văn bản (HTML) Không có CSDL đi kèm với ứng dụng Trang .html chỉ xây dựng với mục đích cung cấp thông tin Ví dụ: http://www.vietphotoshop.com/html/html_chapter_1.htm Web động Viết bằng ngôn ngữ: Asp.net, JSP, PHP… Có tương tác với người dùng. Nội dung trang là động, hiển thị khác nhau đáp ứng các sự kiện (nhập liệu, nhấn chuôt…) của người dùng Lưu trữ dữ liệu trong CSDL http://www.bodua.com/tailieu.aspx?bdg=114&bdgs=7 Làm quen với ASP.NET 7 ASP.NET là một framework được phát triển để xây dựng các trang web động kết hợp giữa HTML, CSS, JavaScript và mã kịch bản phía server. ASP.NET là một phần của .NET Framework ASP.NET ASP.NET là một framework được phát triển để xây dựng các trang web động kết hợp giữa HTML, CSS, JavaScript và mã kịch bản phía server. ASP.NET là một phần của .NET Framework Làm quen với ASP.NET 8 Nội dung demo: Chạy thử ứng dụng Web ASP.NET Nhập thông tin vào các trường Nhấn chuột vào button Calculate và Clear để khám phá sự thay đổi nội dung của trang Web động Demo Chạy thử một ứng dụng Web ASP.NET Làm quen với ASP.NET 9 Cấu trúc ứng dụng ASP.NET 1. Thư mục các lớp của ứng dụng 2. Thư mục chứa file CSDL 3. Thư mục chứa File ảnh 4. Các Web Form tương ứng với các trang của ứng dụng 5. File cấu hình ứng dụng Các thành phần 4, 5 là thành phần bắt buộc phải có Ngoài ra còn có thêm thư mục: chứa file css… Cấu trúc ứng dụng ASP.NET Cấu trúc ứng dụng ASP.NET 1. Thư mục các lớp của ứng dụng 2. Thư mục chứa file CSDL 3. Thư mục chứa File ảnh 4. Các Web Form tương ứng với các trang của ứng dụng 5. File cấu hình ứng dụng Các thành phần 4, 5 là thành phần bắt buộc phải có Ngoài ra còn có thêm thư mục: chứa file css… Làm quen với ASP.NET 10 [...]... Tong.ToString()); } Làm quen với ASP.NET 32 Làm quen với ASP.NET 33 Kiểm thử ứng dụng sử dụng Server phát triển ứng dụng Web Kiểm thử ứng dụng là quá trình kiểm tra xem ứng dụng có hoạt động chính xác Với ứng dụng ASP.NET, việc kiểm thử ứng dụng phải thực hiện trên tất cả các trình duyệt Demo: Kiểm thử ứng dụng với trình duyệt mặc định Kiểm thử ứng dụng với các trình duyệt khác Làm quen với ASP.NET 34 Hộp... vừa bấm vào button Submit"; } Làm quen với ASP.NET 17 Đối tượng Request/Response ASP.NET duy trì các thông tin trao đổi giữa Client và Server thông qua các đối tượng: Request Response Server HTTP Response HTTP Request ASP.NET cung cấp các lớp HttpRequest , HttpResponse, HttpServerUtility thuộc namespace System.Web để làm việc với các đối tượng này Làm quen với ASP.NET 18 PostPack PostPack là quá trình... trình Windows Làm quen với ASP.NET 22 Demo Tạo ứng dụng Web Mở chương trình Visual Studio Tạo một ứng dụng Web Mở Menu File > New > Web Site để mở hộp thoại New Web Site Làm quen với ASP.NET 23 Demo Thêm một Web Form Làm quen với ASP.NET Chọn checkbox để tạo Web Form theo mô hình trang Code-behind 24 Giao diện Visual Studio Toolbox chứa các điều khiển thiết kế giao diện Web Form Vùng làm việc chính... người dùng tương tác với trang web bằng cách tạo một sự kiện, trang sẽ được gửi trở lại server và trải qua vòng đời giống như một trang mới Thuộc tính IsPostPack của lớp Page được dùng để kiểm tra trang được yêu cầu lần đầu tiên hay là kết quả của quá trình PostPack Làm quen với ASP.NET 19 Làm quen với ASP.NET 20 Môi trường phát triển ứng dụng ASP.NET 4 Ba môi trường phát triển ứng dụng ASP.NET Môi trường... 2 010 - Tùy chọn: IIS, SQL Server Môi trường phát triển độc lập Sinh viên sẽ sử dụng môi trường độc lập để phát triển ứng dụng ASP.NET Làm quen với ASP.NET 21 Visual Studio 2 010 Visual Studio là một bộ sản phẩm gồm IDE và NET Framework sử dụng để Phát triển Debug Đóng gói (Deploy) các ứng dụng NET Visual Studio cũng là một công cụ hữu ích để phát triển các ứng dụng ASP.NET Sinh viên đã được làm quen với. .. trong chương trình Làm quen với ASP.NET 35 Gỡ lỗi ứng dụng Sinh viên đã được làm quen với việc sử dụng Visual Studio để gỡ lỗi ứng dụng Windows Visual Studio cũng cung cấp các tính năng tương tự để gỡ lỗi ứng dụng ASP.NET Thiết lập điểm dừng Trong file cs, tại câu lệnh bạn muốn ứng dụng dừng khi chạy Nhấn chuột vào thanh căn lề để thiết lập điểm dừng Sử dụng các phím F5, F10, F 11 để thực hiện debug...Web Form Trong một ứng dụng ASP.NET, mỗi trang Web được gọi là một Web Form Có hai mô hình viết mã cho một Web Form 1 Mô hình trang đơn Trang ASP.NET (file aspx) -Điều khiển HTML - Điều khiển ASP.NET - CSS… Làm quen với ASP.NET Mã đánh dấu (Mark Code) Trình bày giao diện Mã lập trình (xử lý sự kiện) C# hoặc VB 11 Web Form 2 Mô hình trang code-behind (code-behind page model)... mồi Làm quen với ASP.NET 15 Sự kiện trong vòng đời của một trang Web Vòng đời của một trang Web protected void Page_Init(object sender, EventArgs e) { } protected void Page_Load(object sender, EventArgs e) { } protected void Page_PreRender (object sender, EventArgs e) { } protected void Page_Unload (object sender, EventArgs e) { } Làm quen với ASP.NET Init Load Sự kiện (Event) Pre Render Unload 16 Phương... Split, Source Làm quen với ASP.NET Solution Explorer chứa cấu trúc file và thư mục của ứng dụng Cửa sổ Properties Để chỉ định các thuộc tính cho các thành phần của trang Web 25 Demo Tạo giao diện Web Form Nội dung demo Tạo giao diện Web Form giống như hình bên Định dạng hiển thị cho chữ, textbox, label… Bài tập VN: Sinh viên tìm hiểu các thuộc tính khác của cửa sổ Properties Làm quen với ASP.NET 26 Demo... tính IsPostPack Sự kiện Page_Load thường kết hợp với thuộc tính IsPostPack để thiết lập giá trị mặc định của các điều khiển Làm quen với ASP.NET 27 Demo Thêm một phương thức xử lý sự kiện cho Web Form Thêm trình xử lý sự kiện cho button xóa (btnReset_Click) Chuột phải > Properties Danh sách các sự kiện Nhấn đúp vào để thêm sự kiện vào Web Form Làm quen với ASP.NET 28 Demo Thêm một phương thức xử lý sự . mô hình MVC 1. ASP. NET & Các khái niệm cơ bản Làm quen với ASP. NET 3 1. Giới thiệu về mô hình MVC 2. Phát triển ứng dụng ASP. NET 3. Kiểm thử và gỡ lỗi ứng dụng Làm quen với ASP. NET 4 Ứng dụng. Bài 1: LÀM QUEN VỚI ASP. NET Giới thiệu về ASP. NET & các khái niệm cơ bản Ứng dụng Web ASP. NET Cấu trúc ứng dụng ASP. NET Web Form Sự kiện Đối tượng Request/Response PostPack Mục tiêu bài. thiệu về ASP. NET & các khái niệm cơ bản Ứng dụng Web ASP. NET Cấu trúc ứng dụng ASP. NET Web Form Sự kiện Đối tượng Request/Response PostPack Làm quen với ASP. NET 2 Mục tiêu bài học 1. Giới