Lab 2: Hướng Dẫn Sử Dụng Các ASP.NET Web Control Cơ Bản

Bài viết này sẽ cung cấp cái nhìn tổng quan về ASP.NET Web Control và cách sử dụng chúng trong phát triển ứng dụng web. 55 trang · 2023.

• Trường học: Trường Đại Học
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Hướng Dẫn Sử Dụng ASP.NET Web Control Cơ Bản
• Loại tài liệu: bài lab
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• 1. Lab 2: Sử dụng các ASP.NET Web control cơ bản
• 1.1. Mục tiêu
• 1.2. Yêu cầu
• 1.3. Kịch bản
• 1.4. Hướng dẫn
• 1.5. Phần mở rộng
• 2. Lab 3: Sử dụng Web control & Validation Controls
• 2.1. Mục tiêu
• 2.2. Yêu cầu
• 2.3. Kịch bản
• 2.4. Hướng dẫn
• 2.5. Phần mở rộng
• 3. Lab 4: XỬ LÝ CSDL CƠ BẢN
• 3.1. Mục tiêu
• 3.2. Yêu cầu
• 3.3. Bước 1: xây dựng trang default.aspx
• 3.4. Bước 2: Tạo database để quản lý nhân viên
• 3.4.1. Bảng nhanvien
• 3.4.2. Bảng phòng ban
• 3.4.3. Nhập dữ liệu test và thêm file mdb vào project
• 3.5. Bước 3: Tạo trang qlnv.aspx
• 3.5.1. Khai báo AccessDataSource và GridView
• 3.5.2. Cấu hình datasource và giao diện GridView
• 3.5.3. Bổ sung chức năng sửa trong GridView
• 3.5.4. Chạy và test form qlnv.aspx
• 3.6. Bước 4: Tạo trang quản lý phòng ban qlpb.aspx
• 3.6.1. Tạo AccessDataSource DSPhongBan
• 3.6.2. Tạo dropdownlist DLPhongBan
• 3.6.3. Tạo AccessDataSource DSNhanVienPhongBan
• 3.6.4. Thêm GridView GVNhanVienPhongBan
• 3.6.5. Run và test trang qlpb.aspx
• 3.7. Nâng cao
• 4. Lab 5: QUẢN LÝ ALBUM BÀI HÁT
• 4.1. Mục tiêu
• 4.2. Yêu cầu
• 4.3. Ứng dụng gồm 2 trang chính
• 4.3.1. SongManaging.aspx
• 4.3.2. Album.aspx
• 4.4. Tạo CSDL SongAlbum
• 4.4.1. Bảng Albums
• 4.4.2. Bảng Songs
• 4.4.3. Bảng AlbumSong
• 4.4.4. Bảng Artist
• 4.4.5. Bảng Genres
• 4.5. Tạo trang web SongManaging.aspx
• 4.6. Tạo chuỗi kết nối CSDL trong file cấu hình web.config
• 4.7. Tạo hàm FillSearchOption trong code behind
• 4.8. Tạo hàm FillDataGrid
• 4.9. Khai báo trình xử lý sự kiện click của button btnSearch
• 4.10. Thiết kế lại DataGrid

Tóm tắt

I. Tổng Quan Về Hướng Dẫn Sử Dụng ASP

Bài viết này sẽ cung cấp cái nhìn tổng quan về ASP.NET Web Control và cách sử dụng chúng trong phát triển ứng dụng web. ASP.NET là một framework mạnh mẽ cho việc xây dựng các ứng dụng web động. Việc hiểu rõ về các Web Control cơ bản sẽ giúp lập trình viên dễ dàng hơn trong việc phát triển và quản lý giao diện người dùng.

1.1. Khái Niệm Về ASP.NET Web Control

Các Web Control trong ASP.NET là các thành phần giao diện người dùng cho phép tương tác với người dùng. Chúng bao gồm các loại như TextBox, Button, DropDownList, và nhiều hơn nữa.

1.2. Lợi Ích Của Việc Sử Dụng Web Control

Sử dụng Web Control giúp tiết kiệm thời gian phát triển, tăng tính tương tác và dễ dàng quản lý dữ liệu đầu vào từ người dùng.

II. Các Vấn Đề Thường Gặp Khi Sử Dụng ASP

Khi làm việc với ASP.NET Web Control, lập trình viên có thể gặp phải một số thách thức như quản lý trạng thái, xử lý sự kiện và tối ưu hóa hiệu suất. Những vấn đề này cần được giải quyết để đảm bảo ứng dụng hoạt động mượt mà.

2.1. Quản Lý Trạng Thái Của Web Control

Quản lý trạng thái là một trong những thách thức lớn nhất khi sử dụng Web Control. Việc duy trì trạng thái giữa các lần tải trang là rất quan trọng để đảm bảo trải nghiệm người dùng tốt.

2.2. Xử Lý Sự Kiện Trong ASP.NET

Xử lý sự kiện là một phần quan trọng trong việc tương tác với người dùng. Các sự kiện như Click, Change cần được xử lý đúng cách để đảm bảo ứng dụng hoạt động như mong đợi.

III. Hướng Dẫn Sử Dụng Các ASP

Hướng dẫn này sẽ đi sâu vào cách sử dụng các Web Control cơ bản trong ASP.NET. Các bước cụ thể sẽ được trình bày để giúp lập trình viên dễ dàng áp dụng vào dự án của mình.

3.1. Tạo Form Đăng Nhập Với Web Control

Một ví dụ điển hình là tạo một form đăng nhập sử dụng các TextBox và Button. Điều này giúp người dùng nhập thông tin và gửi đến server.

3.2. Sử Dụng DropDownList Để Chọn Thông Tin

Sử dụng DropDownList để cho phép người dùng chọn các tùy chọn từ danh sách. Điều này giúp giảm thiểu lỗi nhập liệu và cải thiện trải nghiệm người dùng.

IV. Ứng Dụng Thực Tiễn Của ASP

Các Web Control trong ASP.NET không chỉ giúp xây dựng giao diện mà còn có thể được sử dụng để xử lý dữ liệu và tương tác với cơ sở dữ liệu. Việc áp dụng đúng cách sẽ mang lại hiệu quả cao trong phát triển ứng dụng.

4.1. Tích Hợp Web Control Với Cơ Sở Dữ Liệu

Kết nối các Web Control với cơ sở dữ liệu giúp lưu trữ và truy xuất thông tin một cách hiệu quả. Điều này rất quan trọng trong các ứng dụng quản lý dữ liệu.

4.2. Tạo Giao Diện Người Dùng Tương Tác

Sử dụng Web Control để tạo ra giao diện người dùng tương tác, giúp người dùng dễ dàng thực hiện các thao tác như đăng ký, đăng nhập và gửi thông tin.

V. Kết Luận Về ASP

Việc sử dụng ASP.NET Web Control là rất cần thiết trong phát triển ứng dụng web hiện đại. Hiểu rõ cách sử dụng và áp dụng chúng sẽ giúp lập trình viên tạo ra các ứng dụng hiệu quả và thân thiện với người dùng.

5.1. Tương Lai Của ASP.NET Web Control

Với sự phát triển không ngừng của công nghệ, các Web Control trong ASP.NET sẽ tiếp tục được cải tiến và mở rộng, mang lại nhiều tính năng mới cho lập trình viên.

5.2. Khuyến Nghị Cho Lập Trình Viên

Lập trình viên nên thường xuyên cập nhật kiến thức và thực hành với các Web Control để nâng cao kỹ năng và đáp ứng tốt hơn nhu cầu của thị trường.

Nội dung chính

Tổng quan về giáo trình

Tài liệu thực hành lập trình ASP.NET được biên soạn phục vụ các học phần phát triển ứng dụng web phía máy chủ trong chương trình đào tạo ngành Công nghệ Thông tin và Kỹ thuật Phần mềm ở bậc đại học, cao đẳng. Vị trí của học phần nằm trong giai đoạn chuyên ngành, tiếp nối sau các môn học cơ sở như Lập trình hướng đối tượng với C#, Cấu trúc dữ liệu và Cơ sở dữ liệu quan hệ.

Mục tiêu học tập của tài liệu tập trung vào việc hình thành năng lực xây dựng ứng dụng web động dựa trên công nghệ ASP.NET Web Forms. Cụ thể, sau khi hoàn thành các bài thực hành, sinh viên có khả năng:

• Sử dụng thành thạo các Web Server Controls cơ bản và nâng cao để xây dựng giao diện người dùng.
• Thiết lập và kiểm soát tính toàn vẹn dữ liệu nhập từ phía client và server thông qua bộ công cụ Validation Controls.
• Thao tác đọc, ghi và xử lý tệp tin văn bản trực tiếp trên máy chủ bằng các lớp trong không gian tên System.IO.
• Khai thác, liên kết và quản lý dữ liệu từ các hệ quản trị cơ sở dữ liệu như Microsoft Access (.mdb) và Microsoft SQL Server.
• Quản lý trạng thái ứng dụng phi kết nối bằng đối tượng phiên làm việc (Session) và thực hiện điều hướng luồng người dùng (Response.Redirect).

Giáo trình được cấu trúc dưới dạng chuỗi các bài thực hành chuyên đề (từ Lab 2 đến Lab 5) theo quy trình tiếp cận dựa trên nhiệm vụ (task-based). Mỗi bài lab bao gồm: Mục tiêu cụ thể, Yêu cầu tiên quyết, Kịch bản ứng dụng, Bảng đặc tả chi tiết các điều khiển, Hướng dẫn từng bước kèm mã nguồn mẫu code-behind, và Phần bài tập mở rộng nhằm nâng cao kỹ năng xử lý độc lập của người học.

---

Nội dung kiến thức cốt lõi

Các chương/chủ đề chính

Nội dung tài liệu được tổ chức thành 4 bài thực hành trọng tâm với tiến trình logic từ cơ bản đến nâng cao:

1. Lab 2: Sử dụng các ASP.NET Web control cơ bản và Xử lý I/O tệp văn bản
   Nội dung bài tập tập trung xây dựng trang sổ lưu bút trực tuyến (Guestbook.aspx). Người học thực hiện thiết kế giao diện với các điều khiển TextBox (TextMode="SingleLine", TextMode="MultiLine"), Button và thẻ HTML Server Control Span (EntryComment). Bài học hướng dẫn kỹ thuật ghi nhận phản hồi vào tệp tin data.txt bằng StreamWriter, sử dụng ký tự phân cách #END, và đọc dữ liệu bằng StreamReader, bóc tách chuỗi để nạp vào thuộc tính InnerHTML hoặc điều khiển dạng bảng.

2. Lab 3: Sử dụng Web control & Validation Controls
   Bài thực hành triển khai trang đăng ký phòng hội thảo khoa học trực tuyến (Register_room.aspx). Nội dung trang bị kiến thức kiểm tra tính hợp lệ của dữ liệu đầu vào thông qua 4 nhóm điều khiển kiểm định: RequiredFieldValidator (kiểm tra bắt buộc nhập), CompareValidator (so khớp mật khẩu với ControlToCompare, kiểm tra định dạng kiểu Date và Integer), RegularExpressionValidator (kiểm tra định dạng email chuẩn) và ValidationSummary (tổng hợp thông báo lỗi).

3. Lab 4: Xử lý cơ sở dữ liệu cơ bản với Microsoft Access
   Chủ đề này hướng dẫn kết nối ứng dụng web với cơ sở dữ liệu Access (qlnv.mdb) thông qua hai biểu mẫu: Default.aspx, qlnv.aspx (quản lý nhân viên) và qlpb.aspx (quản lý phòng ban). Người học tiếp cận kỹ thuật sử dụng AccessDataSource, tự động sinh các câu lệnh Insert, Update, Delete, liên kết nguồn dữ liệu với GridView (GVNhanVien), hỗ trợ phân trang và chỉnh sửa trực tiếp. Đồng thời, bài học hướng dẫn cấu hình thuộc tính AutoPostBack trên DropDownList (DLPhongBan) để lọc nhân viên theo phòng ban thông qua mệnh đề WHERE gắn với control.

4. Lab 5: Quản lý ứng dụng cơ sở dữ liệu SQL Server và Trạng thái phiên (Session)
   Bài thực hành phát triển ứng dụng quản lý album bài hát thông qua hai trang SongManaging.aspx và Album.aspx. Kiến thức cốt lõi bao gồm: cấu hình chuỗi kết nối trong tệp web.config (<appSettings>), lập trình truy cập dữ liệu với ADO.NET (SqlConnection, SqlCommand, SqlDataAdapter, DataTable), xử lý truy vấn có điều kiện lọc theo nghệ sĩ (Artist), thể loại (Genres) và danh mục bài hát (Songs). Bên cạnh đó, bài học hướng dẫn lưu trữ mảng định danh bài hát bằng đối tượng Session["SelectedSongs"] dạng ArrayList, bắt sự kiện ItemCommand trên DataGrid thông qua thuộc tính DataKeyField="SongID".

                    TIẾN TRÌNH NỘI DUNG GIÁO TRÌNH
[Lab 2: Controls Cơ Bản & File I/O]             [Lab 3: Validation Controls]
- Giao diện Guestbook.aspx                      - Trang Register_room.aspx
- Đọc/Ghi file text (data.txt)                  - RequiredField / CompareValidator
- StreamReader, StreamWriter                    - RegularExpression / ValidationSummary
- AccessDataSource & GridView      - ADO.NET (SqlConnection, SqlDataAdapter)
- Quan hệ nhanvien - phongban      - web.config & ConfigurationManager
- AutoPostBack & Lọc WHERE         - Session["SelectedSongs"], DataGrid ItemCommand

Kiến thức nền tảng được xây dựng

• Mô hình lập trình hướng sự kiện trên nền tảng Web Forms: Cơ chế vòng đời trang (Page_Load), sự kiện tương tác của người dùng (Click, ItemCommand, SelectedIndexChanged).
• Mô hình tách biệt mã nguồn: Phân chia rõ ràng giữa tầng giao diện người dùng định dạng .aspx và tầng xử lý logic nghiệp vụ .aspx.cs (code-behind).
• Kiến trúc xác thực dữ liệu đa tầng: Kết hợp kiểm tra hợp lệ tại máy khách nhằm tối ưu hóa trải nghiệm và xác nhận lại tại máy chủ nhằm bảo đảm tính toàn vẹn dữ liệu.
• Kỹ thuật liên kết dữ liệu (Data Binding): Thiết lập cơ chế ánh xạ giữa nguồn dữ liệu có cấu trúc (bảng CSDL, DataTable, danh sách đối tượng) và các điều khiển hiển thị dạng danh mục, lưới (DropDownList, GridView, DataGrid).
• Quản lý trạng thái phi trạng thái (State Management): Vận dụng đối tượng Session để truyền tải và duy trì dữ liệu phiên làm việc xuyên suốt giữa các trang web độc lập.

Kỹ năng phát triển

• Kỹ năng phân tích, cấu hình các thuộc tính điều khiển web: TextMode, Rows, ControlToValidate, ControlToCompare, Operator, ValidationExpression, AutoPostBack.
• Kỹ năng thao tác luồng dữ liệu tệp tin và xử lý mảng chuỗi ký tự trong ngôn ngữ C#.
• Kỹ năng thiết kế lược đồ cơ sở dữ liệu quan hệ, thiết lập khóa chính, khóa ngoại và viết các câu lệnh truy vấn SQL có điều kiện.
• Kỹ năng lập trình ADO.NET tường minh: mở kết nối, khởi tạo đối tượng lệnh, nạp dữ liệu vào bảng tạm và liên kết dữ liệu giao diện.
• Kỹ năng kiểm thử, phân tích lỗi nhập liệu và kiểm tra các trạng thái hoạt động của biểu mẫu trên môi trường trình duyệt web.

---

Phương pháp giảng dạy và học tập

Giáo trình áp dụng phương pháp sư phạm tiếp cận qua nhiệm vụ thực hành có hướng dẫn (guided lab assignments). Mỗi chủ đề học tập được triển khai theo mô hình 4 bước:

1. Đặt vấn đề qua kịch bản thực tế: Giới thiệu bối cảnh bài toán nghiệp vụ cụ thể (hệ thống GuestBook, form đăng ký phòng hội nghị, quản lý nhân sự phòng ban, phân loại album âm nhạc).
2. Đặc tả kỹ thuật chi tiết: Cung cấp bảng liệt kê tên điều khiển, phân loại kiểu, danh sách thuộc tính và diễn giải chức năng tương ứng nhằm giúp sinh viên hiểu rõ cấu trúc giao diện trước khi lập trình.
3. Mã nguồn mẫu và phân tích giải thuật: Trình bày chi tiết các hàm xử lý sự kiện trong lớp code-behind, chú thích rõ ràng logic phân tách chuỗi, kết nối CSDL và xử lý lỗi.
4. Mở rộng và chuẩn hóa: Đưa ra các yêu cầu bài tập nâng cao đòi hỏi người học vận dụng kiến thức mới (thay thế thẻ Span bằng điều khiển Table, TableRow, TableCell; bổ sung trường hiển thị trưởng phòng; thiết kế lại bố cục).

+-----------------------------------------------------------------------+
|                QUY TRÌNH HỌC TẬP TỪNG BÀI LAB                         |
+-----------------------------------------------------------------------+
|  Bước 1: Tiếp nhận kịch bản nghiệp vụ & yêu cầu hệ thống              |
|  Bước 2: Phân tích bảng đặc tả điều khiển & thiết kế giao diện .aspx  |
|  Bước 3: Lập trình mã nguồn code-behind (.aspx.cs) theo hướng dẫn     |
|  Bước 4: Biên dịch, chạy thử nghiệm (F5 / Ctrl+F5) & kiểm thử lỗi    |
|  Bước 5: Thực hiện bài tập nâng cao (mở rộng cấu trúc & tối ưu hóa)   |
+-----------------------------------------------------------------------+

Phương pháp học tập khuyến nghị cho sinh viên là kết hợp giữa việc quan sát bảng mô tả giao diện, tự tay nhập mã nguồn thay vì sao chép tự động, và chủ động kiểm tra từng trường hợp hợp lệ/không hợp lệ khi chạy thử (F5 hoặc Ctrl+F5). Hình thức đánh giá kết quả học tập dựa trên tính chính xác của chương trình thực thi, mức độ tuân thủ quy chuẩn đặt tên điều khiển và khả năng hoàn thiện phần bài tập mở rộng.

---

Điểm nổi bật và tính hệ thống

Tài liệu thể hiện tính sư phạm chặt chẽ qua các điểm cụ thể:

• Lộ trình lưu trữ dữ liệu từ đơn giản đến phức tạp: Sinh viên được tiếp cận phương thức lưu trữ tệp thô (data.txt) với thuật toán phân tách chuỗi ký tự cơ bản, từ đó hiểu được sự cần thiết và chuyển đổi sang các hệ quản trị cơ sở dữ liệu quan hệ như Microsoft Access (qlnv.mdb) và Microsoft SQL Server.
• Kết hợp hài hòa giữa cấu hình trực quan và lập trình tường minh: Giáo trình minh họa cả hai phương pháp xử lý dữ liệu: phương pháp sử dụng nguồn dữ liệu kéo-thả trực quan (AccessDataSource) và phương pháp viết mã lệnh ADO.NET thuần (SqlConnection, SqlCommand, SqlDataAdapter), giúp người học có cái nhìn đa chiều về các giải pháp kỹ thuật trên nền tảng .NET.
• Tính thực tiễn của các kịch bản thực hành: Các kịch bản được xây dựng bám sát nhu cầu thực tế của ứng dụng web doanh nghiệp: kiểm tra ràng buộc biểu mẫu người dùng, xử lý quan hệ nhân viên - phòng ban, và tìm kiếm lọc động theo nhiều tiêu chí danh mục.
• Khai thác toàn diện cơ chế điều khiển của ASP.NET: Hướng dẫn bao quát từ Web Server Controls, Validation Controls, Data Controls (GridView, DataGrid) đến các đối tượng nội tại của hệ thống như Session, Response và lớp cấu hình ConfigurationManager.

---

Đối tượng sử dụng giáo trình

Đối tượng sử dụng	Yêu cầu / Điều kiện tiên quyết	Mục đích & Cách thức khai thác
Sinh viên chuyên ngành Công nghệ Thông tin / Kỹ thuật Phần mềm	- Đã học Lập trình C# cơ bản và nâng cao. - Nắm vững kiến thức Cơ sở dữ liệu và câu lệnh SQL cơ bản. - Hiểu biết nền tảng về HTML và giao thức web.	- Sử dụng làm tài liệu hướng dẫn thực hành trên lớp và tại phòng máy. - Thực hiện các bài tập rèn luyện kỹ năng viết mã code-behind và thiết kế biểu mẫu web.
Giảng viên học phần Lập trình Web	- Chuyên môn về công nghệ .NET và giảng dạy ứng dụng web.	- Làm đề cương thực hành chi tiết cho các buổi học trên phòng lab máy tính. - Sử dụng các kịch bản bài tập làm cơ sở xây dựng đề thi thực hành và thang tiêu chí chấm điểm.
Lập trình viên tự học / Độc giả tham khảo	- Có kiến thức nền tảng về một ngôn ngữ lập trình hướng đối tượng bất kỳ.	- Sử dụng tài liệu như một tài liệu tra cứu các thuộc tính điều khiển và mẫu kết nối cơ sở dữ liệu ASP.NET Web Forms.

---

Câu hỏi thường gặp

1. Giáo trình này phù hợp với ai?

Giáo trình phù hợp với sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm, Hệ thống Thông tin đang theo học học phần Lập trình Web hoặc những người bắt đầu tìm hiểu công nghệ ASP.NET Web Forms trên nền tảng .NET Framework.

2. Cần chuẩn bị kiến thức nền tảng nào trước khi học?

Người học cần hoàn thành các môn học tiên quyết bao gồm: Lập trình hướng đối tượng với ngôn ngữ C#, kiến thức về các lớp nhập xuất tệp (System.IO), ngôn ngữ truy vấn cơ sở dữ liệu SQL và kiến thức cơ bản về cấu trúc thẻ HTML.

3. Điểm khác biệt của giáo trình này so với các tài liệu lý thuyết khác là gì?

Tài liệu được xây dựng thuần túy theo định hướng thực hành với bảng đặc tả chi tiết từng thuộc tính điều khiển, kịch bản ứng dụng cụ thể, hướng dẫn thiết kế giao diện trực quan và phân tích từng dòng mã nguồn trong lớp code-behind thay vì chỉ trình bày lý thuyết khái niệm.

4. Làm thế nào để tự học và thực hành hiệu quả theo giáo trình?

Người học nên cài đặt môi trường Microsoft Visual Studio kèm hệ quản trị CSDL Microsoft Access / SQL Server; tiến hành thiết kế biểu mẫu theo bảng đặc tả, tự viết mã nguồn xử lý sự kiện, chạy thử nghiệm để quan sát các thông báo lỗi kiểm định, và hoàn thành các bài tập nâng cao ở cuối mỗi bài lab.

5. Tài liệu có đi kèm các bài toán quản lý cơ sở dữ liệu không?

Có. Tài liệu cung cấp chi tiết lược đồ và cấu trúc dữ liệu cho hai hệ thống quản lý hoàn chỉnh: cơ sở dữ liệu quản lý nhân viên - phòng ban (qlnv.mdb gồm bảng nhanvien, phongban) và cơ sở dữ liệu quản lý âm nhạc (SongAlbum gồm các bảng Albums, Songs, AlbumSong, Artist, Genres).

---

Kết luận

Tài liệu thực hành lập trình ASP.NET Web Controls cung cấp hệ thống bài tập thực nghiệm có tính hệ thống cao, kết hợp giữa kỹ năng thiết kế giao diện biểu mẫu web, kiểm định dữ liệu và kỹ thuật tương tác với cơ sở dữ liệu. Lộ trình học tập đề xuất là thực hiện tuần tự từ Lab 2 (Web Controls, File I/O), Lab 3 (Validation Controls), Lab 4 (AccessDataSource & GridView) đến Lab 5 (ADO.NET, SQL Server & Quản trị trạng thái Session). Để đạt hiệu quả học tập cao nhất, sinh viên cần kết hợp sử dụng tài liệu cùng hệ thống tệp cơ sở dữ liệu mẫu (qlnv.mdb, SongAlbum) và công cụ phát triển Visual Studio trong suốt quá trình thực hành.

Trích đoạn nội dung tài liệu

Lab 2: Sử dụng các ASP.NET Web control cơ bản Mục tiêu - Sử dụng các thành phần web server control cơ bản - Sử dụng lớp StreamReader và StreamWriter để đọc ghi file dạng text - Các thao tác xử lý trên chuỗi, chia chuỗi, thay thế chuỗi. Yêu cầu - Đã làm quen với các server control cơ bản, - Đã học qua các lớp xử lý nhật xuất file của C#. Kịch bản - Các trang web thường có phần GuestBook, cho phép user có thể lưu lại các comment cho chủ nhân của trang web. Trong bài này chúng ta sẽ tạo một form minh họa dạng GuestBook, cho user nhập vào các thông tin: o Tiêu đề o Họ tên o Địa chỉ email o Nội dung comment - Các thông tin này sẽ được lưu lại trên server (thông qua file text) - Những entry của user trước đó post lên cũng được hiển thị trong trang này.

- Hình 1 minh họa form GuestBook 1 Hình 1: Giao diện của form GuestBook khi thực hiện Hướng dẫn - Phần thiết kế form Guestbook.aspx như sau: 2 Hình 2: Phần thiết kế form - Chi tiết các control trên form được trình bày trong bảng 1 Tên control Kiểu Thuộc tính Ý nghĩa txtTieuDe TextBox TextMode = SingleLine Nhập tiêu đề comment txtHoTen TextBox TextMode = SingleLine Nhập họ tên txtEmail TextBox TextMode = SingleLine Địa chỉ email txtNoiDung TextBox TextMode = MultiLine Nhập nội dung comment Rows = 6 Btn_GoiND Button Thực thi hành động post comment mới lên server. Trình xử lý sự kiện này sẽ thêm một 3 entry mới vào file EntryComment Span Runat = server Chứa toàn bộ các entry (HTML comment được lấy từ trong server file trên server control) Bảng 1: Mô tả chi tiết các control trên web form - Phần xử lý trong code behind bao gồm có 2 phần chính o Phần 1: Xử lý thêm entry mới vào file lưu trên server, phần xử lý này được đặt trong trình xử lý sự kiện click của button Btn_GoiND. Toàn bộ phần xử lý của button này được liệt kê bên code 1 dưới. Code 1: Trình xử lý sự kiện click của button Btn_GoiND Lưu ý: trong đoạn code trên khi lưu một entry và file text trên server thì cuối mỗi entry có ký tự nhận dạng kết thúc là “#END”, mục đích là để sau này ta có thể nhanh chóng lọc ra từng entry khi hiển thị trong bước sau.

File chứa nội dung comment là “data.txt” ở cùng đường dẫn với page chứa thông tin dạng text như sau: 4 Hình 3: Minh họa file chứa nội dung comment o Phần 2: Phần hiển thị toàn bộ các entry comment lên form. Phần xử lý này là phương thức ReadComment(), được gọi trong sự kiện Page_Load của Web form Code 2: Gọi hàm hiển thị các comment trong sự kiện Page_Load 5 Code 3: Đọc file “data.txt” chứa nội dung comment. - Trong phần xử lý đọc ta làm theo các bước sau o Đọc toàn bộ nội dung file comment o Chia các entry vào từng chuỗi o Với mỗi chuỗi chứa entry, tat hay thế ký tự xuống dòng bằng tab break để hiển thị được trên trình duyệt. o Cuối cùng định dạng nội dung comment vào trong tag <td> và đưa vào thuộc tính InnerHTML của span có tên EntryComment Tóm lại: có rất nhiều cách hiển thị nội dung của các comment ra form, sinh viên có thể tùy ý chọn các thức thích hợp theo quan điểm cá nhân của mình.

Code trên chỉ là tham khảo, sinh viên nên dựa vào đó mà viết lại hoàn chỉnh hơn. Phần mở rộng: - Sinh viên bổ sung thêm các trường thông tin o Ngày tháng năm viết comment và hiển thị thông tin này lên cùng với entry comment. 6 o Thử không sử dụng tag span EntryComment mà dùng Web control Table để hiển thị các comment trên.