V. Thiết kế các dạng màn hình
V.1. Màn hình đơn
Màn hình đơn chỉ sử dụng một đối tượng Form để tạo nên dạng thể hiện của màn hình. Trên form có thể có nhiều loại điều khiển hiển khác nhau và chỉ thực hiện những xử lý xem, cập nhật dữ liệu trên một table, có thể hiển thị dữ liệu của những table khác nhưng mang tính chất
Chứng chỉ B Tin Học Quốc Gia Trang 34/131
chỉ cho xem.
Dạng thể hiện đơn giản nhất của màn hình đơn được thiết kế với những điều khiển đơn như Text Box, Label, Option Button, Check Box, …. Ngoài ra, ta thường sử dụng thêm những điều khiển liệt kê, phân trang để tạo màn hình cung cấp nhiều thông tin hơn cho người xem.
V.1.1. Màn hình đơn với điều khiển liệt kê (List Box)
Màn hình đơn hiển thị thông tin Danh MụcMôn Học
Với màn hình có dạng như hình trên ta thấy một danh sách liệt kê nhiều dòng dữ liệu và ở bên dưới là thông tin chi tiết của dòng đang được chọn trên danh sách.
Đặc điểm thiết kế của màn hình: Form dạng Columnar.
Sử dụng List Box để hiển thị nhiều dòng dữ liệu tương ứng với nguồn dữ liệu của form. Sử dụng List Box để di chuyển qua từng dòng dữ liệu trên form.
Thao tác thiết kế màn hình sẽ qua các bước sau (sử dụng CSDL Quản lý sinh viên, table DMMH):
9 Thiết kế List Box
Chứng chỉ B Tin Học Quốc Gia Trang 35/131
Tạo nguồn dữ liệu cho List Box theo yêu cầu hiển thị trên màn hình (thuộc tính Row Source) thông qua cửa sổ Query Builder, nội dung của Row Source có dạng:
Lưu ý khi chọn các field cần hiển thị ta phải đặt tên cho chúng (dùng làm tiêu đề cho cột khi thuộc tính Column Heads là Yes.)
Sau đó xác định giá trị cho các thuộc tính Column Heads, Column Count, Column Widths của điều khiển List Box theo dạng cho trước.
Chọn Form View để xem kết quả thiết kế như hình trên.
Thông thường ta không hiển thị cột là mã (khoá chính) như Mã môn, Mã khoa, Mã học sinh, … khi thiết kế dữ liệu dạng danh sách. Trong trường hợp này thì ta chỉ cần cho độ
Chứng chỉ B Tin Học Quốc Gia Trang 36/131
rộng của cột đầu tiên bằng 0 (thuộc tính Column Widths), lưu ý field mã luôn được chọn ở vị trí đầu tiên trong nguồn dữ liệu của List Box. Khi đó, dạng thể hiện của danh sách sẽ là:
9 Thiết kế dữ liệu cho form
Tiếp theo là xây dựng nguồn dữ liệu cho form. Lưu ý nguồn dữ liệu của form là List Box có thể giống nhưng hoàn toàn độc lập với nhau, không có sự phụ thuộc giữa nguồn dữ liệu của hai điều khiển này.
Sử dụng thuộc tính Record Source của form để khai báo nguồn dữ liệu, lưu ý không đặt tên cho các field được chọn. Với màn hình trên thì nguồn dữ liệu của form sẽ lấy từ table DMMH. Sau khi xác dịnh giá trị cho thuộc tính Record Source ta sẽ nhận được Field List có dạng sau:
Sau khi đã xác định được đúng nguồn dữ liệu của form thì ta sẽ kéo những field cần hiển thị có trong Field List lên form (thông thường là vùng Detail), chỉnh sửa định dạng của điều khiển theo màn hình cho trước, như hình bên dưới.
Chứng chỉ B Tin Học Quốc Gia Trang 37/131
Chọn Form View ta sẽ xem được kết quả thiết kế theo đúng yêu cầu. Như vậy ta đã hoàn thành việc các bước tạo màn hình đơn với List Box.
Màn hình còn một chức năng xử lý di chuyển khi chọn một dòng trong List Box, chức năng này sẽ được trình bày trong những bài sau.
Kinh nghiệm giảng dạy:
Với màn hình này giáo viên cần lưuý học viên cách thể hiện nhiều dòng và cột dữ liệu như dạng trên thì sẽ sử dụngList Box để xử lý, học viên thường nhầm lẫn và sử dụng các Text Box và Label thì sẽ thiết kế không đúng yêu cầu.
V.1.2. Màn hình đơn với điều khiển phân trang (Tab Control)
Màn hình phân trang – Trang liệt kê thông tin
Màn hình phân trang – Trang liệt thông tin chi tiết
Dạng màn hình phân trang sử dụng một điều khiển có tên là Tab Control để sắp xếp các điều khiển theo nhóm có cùng ý nghĩa với nhau. Với dạng thiết này ta có thể tạo một màn hình thể hiện được nhiều thông tin hơn và những thông tin sẽ tập trung theo từng nhóm riêng.
Thao tác thiết kế màn hình sẽ qua các bước sau (sử dụng CSDL Quản lý sinh viên, table DMMH)):
9 Thiết kế điều khiển phân trang
Trước tiên ta cần tạo một điều khiển phân trang Tab Control trên vùng làm việc của form, có dạng sau:
Chứng chỉ B Tin Học Quốc Gia Trang 38/131
Tab Control khi được tạo lên form sẽ mặc định có 2 trang như hình trên. Muốn thêm hay xoá trang của Tab Control ta chỉ cần click phải vào điều khiển và chọn chức năgn Insert Page hay Delete Page từ thanh thực đơn tắt.
Để di chuyển qua lại giữa các trang ta click vào cạnh phía trên của điều khiển tương ứng với trang. Sử dụng thuộc tính Caption của mỗi trang để thay đổi tiêu đề cho trang.
9 Thiết kế điều khiển hiển thị dữ liệu
Sau khi thiết lập các trang cần thiết cho màn hình thông qua Tab Control, việc tiếp theo là sắp xếp những điều khiển dữ liệu vào đúng trang cần hiển thị.
Lưu ý phải chọn trang cần thiết kế trước, sau đó tạo điều khiển cần lên trang đang được chọn.
Ví dụ muốn tạo một List Box ở trang Danh sách môn học thì trước tiên ta phải click chọn trang đầu tiên của của Tab Control, sau đó tạo điều khiển lên trang như hình sau:
Chứng chỉ B Tin Học Quốc Gia Trang 39/131
Tiếp theo là xác định nguồn dữ liệu cho điều khiển giống với màn hình đơn sử dụng List Box đã trình bày ở trên. Tương tự cho các điều khiển dữ liệu của form được thiết kế trên trang Thông tin chi tiết.