CHƯƠNG 3 Xây dựng chương trình
3.1. Xây dựng giao diện với Java Swing
3.1.2. Giao diện hiển thị phía người dùng (An Thị Thanh Thảo)
Hình 3-7: Giao diện menu chính của hệ thống quản lý nhân sự (user)
Giao diện bao gồm:
- Khu vực tìm kiếm cán bộ theo tên và làm mới danh sách. - Khu vực sắp xếp cán bộ: sắp xếp theo năm sinh và sắp xếp
theo họ tên.
- Nút bấm thực hiện chức năng cập nhật thông tin người dùng.
- Các bảng chứa thông tin cán bộ, gồm 3 bảng: Bảng chứa dnah sách kỹ sư, bảng chứa danh sách công nhân, bảng chứa danh sách nhân viên. Mỗi bảng gồm các trường: STT, Họ tên, Năm sinh, Giới tính, Địa chỉ, Chức vụ, Mô tả.
Phần title “DANH SÁCH NHÂN SỰ - USER: Thanh Thảo”, “Thanh Thảo “ là 1 label được setText là họ tên của tài khoản đăng nhập của người dùng.
Để làm được điều này đầu tiên ta phải tạo 1 biến USERNAME và gán giá trị cho nó., txtusername là tên đăng nhập của người dùng.
Tại class MainMenuView_ForUser, khai báo biến static USER gán giá trị cho nó là kết quả trả về của hàm getUserLogin()
SetText cho label bằng USER.getText()
Đoạn chương trình thể hiện chức năng tạo phím tắt và hiển thị message khi di chuột vào menu.
Sử dụng phương thức setMnemonic() để phím tắt cho menu, sử dụng Alt + ký tự gạch chân để mở. Tham số truyền vào trong phương thức thức này là KeyEvent.VK_” ký tự muốn đánh dấu”
Sử dụng phương thức setToolTiptext() và truyền vào 1 chuỗi cần hiển thị để hiển thị message khi di chuột vào menu.
Chương trình set title, tạo nội dung cho bảng:
- “Model” hiển thị danh sách kỹ sư - “model2” hiển thị danh sách công nhân
- “model3” hiển thị danh sách nhân viên phục vụ”
Sử dụng phương thức setColumnIdentifiers(new Object[] {}) để set tiêu đề cho các trường thông tin của bảng
3.1.2.1. Giao diện menu
Giao diện màn menu hính: Thanh tab menu gồm 2 menu là: “Menu” và “Help”.
“Menu”: gồm 3 menuItem con là:
“Cập nhật thông tin cá nhân”: cho phép user thực hiện chức năng cập nhật thông tin bằng cách kích chuột vào nó. Ngồi ra người dùng có thể bấm tổ hợp phím Alt +C để mở màn hình giao diện Cập nhật thông tin.
“Đăng xuất”: cho phép người dùng đóng cửa sổ menu chính, trở về màn hình login ban đầu. Có thể dùng tổ hợp phím Alt + n để thực hiện chức năng này.
“Thốt”: cho phép người dùng đóng tồn bộ các cửa sổ giao diện. Có thể dùng tổ hợp phím Alt + T để thốt chương trình.
Hình 3-8: Giao diện "Menu" trên thanh công cụ
Khi người dùng di chuột vào 1 menu trên thanh tab menu thì sẽ hiển thị message ở ngay dưới.
Hình 3-9: Message của từng item trong menu
Khi người dùng chọn chức năng đăng xuất hệ thống sẽ hiển thị thông báo xác nhận, nếu chọn yes thì đóng cửa ổ hiện tại và trở về màn hình login.
Hình 3-10: Dialog đăng xuất
Khi người dùng chọn chức năng thốt, hệ thống sẽ hiển thị thơng báo xác nhận, nếu chọn yes thì đóng tồn bộ chương trình.
Hình 3-11: Dialog xác nhận thốt chương trình
“Help”: gồm menuItem con là “Hướng dẫn sử dụng phím tắt”.
Có thể dùng tổ hợp phím Alt + H để mở “Help” và Alt + G để mở MessageDialog hướng dẫn sử dụng phím tắt
Hình 3-12: Dialog “Help” - "Hướng dẫn sử dụng phím tắt"
3.1.2.2. Giao diện tìm kiếm
Hình 3-13: Tìm kiếm
Gồm :
- Label “Họ và tên”
- 1 ơ textbox để nhập họ tên cần tìm được tảo bởi jTextField - Button “Tìm kiếm”: kích nút hệ thống sẽ hiển thị danh
sách cán bộ cần tìm
- Button “Làm mới”: sau khi click, dữ liệu trong ô textbox sẽ biến mất, dữ liệu các bảng sau lần tìm kiếm trước đó sẽ về trạng thái ban đầu
3.1.2.3. Giao diện thay đổi thơng tin phía người dùng
Hình 3-14: Giao diện thay đổi thơng tin phía người dùng
Gồm:
- 2 jTextField là jTxtID và jTxtUsername được set giá trị sẵn, giá trị tuyền vào đó là ID và password người dùng nhập ban đầu khi đăng nhập
- jTxtPassword cho phép nhập password sửa, jTextField1 cho phép nhập tên, jTextField3 cho phép nhập địa chỉ - combox chứa các giá trị năm sinh
- Các radioButton chứa giá trị nam và nữ - Button “thoát” và “cập nhật”
Khi click “Cập nhật”
- Nếu nhập đủ thơng tin thì hiển thị dialog
- Nếu chọn “yes” thì thơng báo thành cơng
- Ngược lại thì trở về giao diện cập nhật thơng tin ban đầu - Nếu nhập thiếu password
- Thiếu họ tên
- Khi click nút “Thốt”: hiển thị dialog thơng báo, nếu chọn Yes thì chương trình kết thúc