4.1. Chức năng và ý tưởng xây dựng Dựa trên yêu câu của công ty, cũng như các yêu câu, em xây dựng một Website demo với các chức năng sau:
Man hình Đăng nhập (Sign In): Cho phép đăng nhập bằng TK đã tạo + Capcha
Man hình trang chủ (Home): Hiền thị các danh mục chức năng của ứng dụng và nút đăng xuất.
Màn hình thêm nhân viên (Add Employee): Màn hình cho phép quan tri viên có thêm thông tin nhân viên.
Màn hình danh sách nhân viên (List Employee): Thông tin các nhân viên sẽ được thê hiện thành một đanh sách cho phép người dùng có thê tìm kiếm bằng thông tin nhân viên, sửa, xóa nhân viên.
Màn hình thêm khách hàng (Add Customer): Màn hình cho phép quan tri viên có thêm thông tin khách hàng.
Màn hình danh sách nhân viên (LIst Customer): Thông tin các nhân viên sẽ được thê hiện thành một đanh sách cho phép người dùng có thê tìm kiếm bằng thông tin nhân viên, sửa, xóa nhân viên. Có các popup cho người dùng có thê thêm các email cho khách hàng sắn có
4.2. Website demo Dựa trên nhưng phân tích cá nhân, em đã xây dựng một website về các chức năng đã nêu trên.
14
Copyright © 2014-2021 AdminLTEde.
Hình 4.1: Màn hình đăng nhập
* Vui lòng nhập ảnh Họ Tên Nhân Viên:
* Vui lông nhập tên
ĐT
* Vui làng nhập SĐT Email;
Nhập eenail
* Voi lãng nhập email Địa Chỉ:
* Vui lòng nhập địe chỉ Mật Khấu:
Nhập mật khẩu
* Vui lông nhập mật khẩu
"Nhập Lại Mật Khẩu:
Nhập lại mắt hẩu
* Vui lãng nhắp lai mát kêu.
Voi tre
~Vai Tre
* Wui long chen vai tro
Hình 4.2: Màn hình thêm nhân viên
15
Nguyễn B. = hd itn a 8Œ + m
§ Danh Sách Nhân Viên
Dar
Show 5 ¥ entries
| Danh Sách Nhân viên Nguyen Bao Trung1
TỦ roy
41 EB3522405473 85 nhtrungg19gma3 com, œ cm mo
@ 1881 đường Tăng Nhơn Phủ, Phường Phước Long 8, Tp. Thủ Đức
= Ngõ Tùng Vũ
3 3522405473 #5 tungvuêgmailcem œn crm mo
Bas tê£1 đường Tăng Nhơn Phả
œ1 Nguyễn Minh Trường
=
$B 3522405473 #5 trươngcon(Đgmailcom 9 1667 iting Tang Nhơn Phả, Phường Phước Long 8. Tp, Thủ Đóc, Tp, Hồ Chỉ Minh œ
Nguyễn Bảo Tin
(3522402473 8E nhu
tê? đường Ting Nhơn Phủ, Phường Phước Long B, Tp. Thủ Đúc, Tp. Hồ Chỉ Minh Nguyen Van Tuan
cm
45 (3572405473 E5 tuangmallcom. œn cm Em
tế? đường Tang Nhơn Phả. Phường Phước Long B, Tp. Thủ Đúc, Tp. Hồ Chẻ Minh
Showing 41 to 45 of 49 entries Previous + 6 7 89 10 Next
Copyright © 2014-2021 AdminkTEio. \
Hình 4.3: Màn hình danh sách nhân viên
'Hẹ Tên Nhẫn Viễn:
Nguyễn Bảo Trung ST:
0352240547 Email
nbtrungg Đgmelcom Địa Chí:
18£1 đường Tâng Nhơn Phú. Phường Phước Long 8. Tp. Thé Duc, Tp. HE Chi Minh
Copyright © 2014-2021 AdminLTEdo.
Hình 4.4: Màn hình cập nhật nhân viên
16
prewar
Nhân Viễn Bán Hàng:
Nguyễn Bác Trung 'He Tân Khách Hằng:
Nhập hạ tên khách hàng,
* Vui lông nhập tên
Nhập email
* Vụi lông nhập email is Chi:
* Vụi lông nhập địa chỉ Trạng Thái
Trạng Thải
* Vui lông chọn trựng thái
Copyright © 2014-2021 AdminkTEio.
Hình 4.5: Màn hình them khách hàng
a Danh Sách Khách Hàng .."
Show 5ằ entries Search:
Thông Tin Khách Hàng
Thanh Thanh
c (0152240551 tin.bao@gmail.com [ủj
(Ô 181 đường Tăng Nhơn Phú.
Ha Anh ale@gmail com [3
ail.com [ủ}
915240520
s asddd@gmail.com Ôi er
9 1061 dung Ting Nhon Phi trungg@gmail.com (0)
Nguyễn Bảo. tin.basdao@gmai com .
. baobao@gnailcom@gmail.com
0352240549
Bo bleQgmailcom œrn"
9 1061 dung Ting Nhon Phi aascsdé@gmail.com (i)
Nguyễn Bảo Tớn tin.bao@gmaileom [ủ}
. aasdlo@gmail.com [ủ
0352240543,
wo b123le@gmail.com ủ} am
9 1861 duding Ting Nhon Phi .a56343sd(gmaitcom 1)
Nguyễn Bảo Nguyờn tin baoĐgmail com [ủ}
. ale@gmail.com [
0152240547 Hos
ae bleĐợmailcom crm
9 1861 duding Ting Nhon Phi asd@gmail.com 8
Showing 16 to 20 of 21 entries Previos 1 2 2 | 4 5 Next
Copyright © 2014-2021 AdminLTEJe. All rights re roth war
Hình 4.6: Màn hình danh sách khách hàng
17
Thém Email Chọn Khách Hàng Nguyễn Bảo Tin
Email Nhà
m==
Hình 4.7. Popup thêm email
Sửa Email Khách Hàng Nguyễn Báo Tại Email Căn Sửa nbstins@gmailcom Email Sửa Thành Nhập
Be)
Hinh 4.8: Popup sua email
18
Nhật Khách Hàng,
ser:
0352240547 'Địa Chỉ:
18£1 đường Tăng Nhơn Phú
Copyright © 2014-2021 AdminkTEio.
Hình 4.9: Màn hình cập nhật khách hàng
Nhân Viên Khách Hàng
Xuất File Excel Nhân Viên: Xuất File Excel Khách Hàng:
Thêm Nhân Viên Bằng File Excet Thêm Khich Hàng Bằng File Excet n
TT Chọn Fle Excel Nhân Viên. Chon File Excel Khách Hàng.
Chontép - Không có tệp nào được chọn Chọn ta - Không có tệp nào được chọn
Copyright © 2014-2021 AdminLTEio. All rights reserved
Hình 4.10: Màn hình nhập xuất Excel
4.3. Link source code https://github.com/nbtrunge/TTTN
19