83
Hình 3.39 Màn hình trang chủ Admin
STT Tên Kiểu Mô tả chi tiết
1 Thanh điều hướng chính Sidebar Chứa các điều hướng đến các màn hình chức năng của website
2 Điều hướng phụ Dropdown Chứa điều hướng đến trang thông tin cá nhân và đăng xuất
Bảng 3.57 Mô tả màn hình Trang chủ trang quản lý
- Một số màn hình quản lý
84
Hình 3.40 Màn hình Danh sách người dùng
STT Tên Kiểu Mô tả chi tiết
1 Thanh điều hướng chính
Sidebar Chứa các điều hướng đến các màn hình chức năng của website
2 Điều hướng phụ Dropdown Chứa điều hướng đến trang thông tin cá nhân và đăng xuất
3 Thêm người dùng mới Button Nhấn để chuyển đến trang tạo người dùng mới
4 Số dòng dữ liệu mỗi trang
Select Nhấn để chọn số dòng hiển thị tối đa ở một trang
5 Tìm kiếm người dùng Input Nhập thông tin người dùng để tìm kiếm 6 Chỉnh sửa thông tin
người dùng
IconButton Nhấn để chuyển đến trang chỉnh sửa thông tin người dùng
Bảng 3.58 Mô tả màn hình Danh sách người dùng
85
Hình 3.41 Màn hình Tạo mới người dùng
STT Tên Kiểu Mô tả chi tiết
1 Email Input Nhập địa chỉ email của người dùng
2 Mật khẩu Input Nhập mật khẩu
3 Họ Input Nhập họ của người dùng
4 Tên Input Nhập tên của người dùng
5 Điện thoại Input Nhập số điện thoại của người dùng 6 Giới tính Input Nhập giới tính người dùng
7 Địa chỉ Textarea Nhập địa chỉ của người dùng
8 Role Select Chọn quyền của người dùng
9 Lưu Button Lưu thông tin xuống cơ sở dữ liệu
10 Hủy Button Hủy và trở về trang trước đó
Bảng 3.59 Mô tả màn hình Tạo mới người dùng
86
Hình 3.42 Màn hình Chỉnh sửa thông tin người dùng
STT Tên Kiểu Mô tả chi tiết
1 UUID Input
(disbled)
UUID của người dùng chỉ có thể xem, không thể chỉnh sửa
2 Email Input
(disbled)
Email của người dùng chỉ có thể xem, không thể chỉnh sửa
3 Họ Input Nhập họ của người dùng
4 Tên Input Nhập tên của người dùng
5 Điện thoại Input Nhập số điện thoại của người dùng 6 Giới tính Input Nhập giới tính của người dùng
7 Địa chỉ Input Nhập địa chỉ của người dùng
8 Ngày tạo Input
(disbled)
Ngày tạo người dùng chỉ có thể xem, không thể chỉnh sửa
9 Role Select Chọn quyền của người dùng
10 Lưu Button Lưu thông tin xuống cơ sở dữ liệu
11 Hủy Button Hủy và trở về trang trước đó
Bảng 3.60 Mô tả màn hình Chỉnh sửa thông tin người dùng
87
Hình 3.43 Màn hình chức năng Duyệt khoản vay
STT Tên Kiểu Mô tả chi tiết
1 Thanh điều hướng chính Sidebar Chứa các điều hướng đến các màn hình chức năng của website
2 Điều hướng phụ Dropdown Chứa điều hướng đến trang thông tin cá nhân và đăng xuất
3 Số dòng dữ liệu mỗi trang
Select Nhấn để chọn số dòng hiển thị tối đa ở một trang
4 Tìm kiếm khoản vay Input Nhập thông tin khoản vay để tìm kiếm 5 Xem chi tiết khoản vay IconButton Nhấn để điều hướng đến trang thông
tin chi tiết khoản vay
6 Từ chối khoản vay IconButton Nhấn để từ chối khoản vay của người dùng
7 Đồng ý khoản vay IconButton Nhấn để duyệt khoản vay và chuyển tiền vào ví của người dùng
Bảng 3.61 Mô tả màn hình chức năng Duyệt khoản vay
88
Hình 3.44 Màn hình chức năng Phát mã khuyến mãi
STT Tên Kiểu Mô tả chi tiết
1 Thanh điều hướng chính Sidebar Chứa các điều hướng đến các màn hình chức năng của website
2 Điều hướng phụ Dropdown Chứa điều hướng đến trang thông tin cá nhân và đăng xuất
3 Sự kiện Select Chọn sự kiện
4 Loại thành viên Select Chọn loại thành viên
5 Tạo mã Input Nhập mã
6 Giá trị Input Nhập giá trị của giftcode
Bảng 3.62 Mô tả màn hình chức năng Phát mã khuyến mãi
89
Hình 3.45 Màn hình chức năng Nạp tiền cho khách hàng
STT Tên Kiểu Mô tả chi tiết
1 Thanh điều hướng chính Sidebar Chứa các điều hướng đến các màn hình chức năng của website
2 Điều hướng phụ Dropdown Chứa điều hướng đến trang thông tin cá nhân và đăng xuất
Bảng 3.63 Mô tả màn hình chức năng Nạp tiền cho khách hàng