Professional Documents
Culture Documents
Họ tên MSSV
TPHCM 6/2021
MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT............................................................................................................i
DANH MỤC CÁC HÌNH ẢNH................................................................................................................ii
DANH MỤC CÁC BẢNG BIỂU.............................................................................................................iii
BẢNG PHÂN CHIA CÔNG VIỆC.........................................................................................................iv
LỜI NÓI ĐẦU...........................................................................................................................................v
CHƯƠNG 1. GIỚI THIỆU WEB.............................................................................................................1
1.1. Sự Ra Đời Của Web quản lý thiết bị phòng Gym.............................................................................1
1.2. Mô tả Web........................................................................................................................................1
1.3. Giới thiệu React và NodeJS..............................................................................................................1
1.3.1. Giới thiệu về React:...................................................................................................................1
1.3.2. Giới thiệu về NodeJS:................................................................................................................1
1.4. Công cụ sử dụng thiết kế đề tài.........................................................................................................2
CHƯƠNG 2. PHÂN TÍCH.......................................................................................................................3
2.1. Mô hình trạng thái Web....................................................................................................................3
2.2. Phân tích các trang của Web.............................................................................................................3
2.2.1. Phân tích trang Login/Signup....................................................................................................3
2.2.2. Phân tích trang chủ....................................................................................................................4
2.2.3. Phân tích trang quản lý(admin)..................................................................................................4
2.2.4. Phân tích trang nhà cung cấp.....................................................................................................4
2.2.5. Phân tích trang hóa đơn.............................................................................................................4
2.2.6. Phân tích trang thiết bị...............................................................................................................4
2.2.7. Phân tích trang tài khoản cá nhân..............................................................................................4
2.3. Sơ đồ ERD........................................................................................................................................5
2.4. Diagrams..........................................................................................................................................6
2.5. Table.................................................................................................................................................6
2.5.1. Account......................................................................................................................................6
2.5.2. Equip_Group.............................................................................................................................7
2.5.3. Receipt.......................................................................................................................................7
2.5.4. Equipment..................................................................................................................................8
2.5.5. State...........................................................................................................................................8
2.5.6. Suppliers....................................................................................................................................8
2.5.7. Staff...........................................................................................................................................8
2.5.8. Record.......................................................................................................................................9
CHƯƠNG 3. MÃ CODE.........................................................................................................................10
3.1. Thiết kế xử lí Login........................................................................................................................10
3.2. Thiết kế xử lý Supplier(Nhà cung cấp)...........................................................................................10
3.3. Thiết kế xử lý Receipt(Hóa đơn).....................................................................................................12
3.4. Thiết kế xử lý Equipment(Thiết bị)................................................................................................13
3.5. Thiết kế quản lý tài khoản(chỉ admin)............................................................................................16
3.6. Thiết kế xử lý Tài khoản cá nhân....................................................................................................18
Lấy thông tin từ req.body rồi gọi sp trong database để thực hiện hành động.........................................18
staffId là id của nhân viên không phải id của account...........................................................................18
CHƯƠNG 4. KIỂM THỬ CHƯƠNG TRÌNH......................................................................................19
4.1. Kiểm thử Login..............................................................................................................................19
4.2. Kiểm thử Quản lý...........................................................................................................................20
4.3. Kiểm thử Nhà cung cấp..................................................................................................................23
4.4. Kiểm thử Hóa đơn..........................................................................................................................26
4.5. Kiểm thử Thiết bị............................................................................................................................28
4.6. Kiểm thử Tài khoản cá nhân...........................................................................................................30
KẾT LUẬN..............................................................................................................................................32
LỜI CẢM ƠN..........................................................................................................................................33
TÀI LIỆU THAM KHẢO.......................................................................................................................34
DANH MỤC CÁC TỪ VIẾT TẮT
STT Các chữ viết tắt/tiếng anh/kí hiệu Cụm từ đầy đủ/Giải thích
1 OOP Hướng đối tượng
2 OOD Object-oriented design/Sơ đồ liên kết thực thể
hướng đối tượng.
3 ERD Entity Relationship Diagram
Sau quá trình học tập, nghiên cứu và được trau dồi kiến thức về môn bộ môn “Lập trình Web” do
bạn Trí hướng dẫn, làm quen với lập trình NodeJS, React dưới sự hướng dẫn nhiệt tình của bạn trí.
Chương 1 “Giới thiệu web quản lý trang thiết bị phòng tập Gym”.
Chương 2 “Phân tích” phân tích trang web.
Chương 3 “Thiết kế “ thiết kế và xử lý.
Chương 4 “Kiểm thử chương trình và đánh giá” là bước cuối cùng kiểm thử chương trình và từ
đó khắc phục những vấn đề còn tồn tại.
Do chúng em mới tiếp cận phương pháp lập trình web nên chương trình còn nhiều thiếu sót, mong
các thầy giúp đỡ, góp ý để chúng em hoàn thiện hơn. Em xin chân thành cám ơn.
1.2. Mô tả Web
Web quản lý thiết bị phòng GYM là web về trang thiết bị, cung cấp các loại thiết bị và quản lý
những thiết bị của các nhóm thiết bị và có thể dễ dàng tìm thiết bị trống khách hàng cần.. Giao diện thân
thiện người dùng, hiện rõ trên các trang chính, có các view chuyên cho admin và user để xử lý, người chủ
phòng tập chỉ cần bỏ ra số tiền nhỏ để sở hữu một phần mềm thời gian lâu dài và kiểm tra được mọi lúc
mọi nơi mọi lúc mọi nơi.
Lịch sử:
Nhân viên: liệt kê các hoạt động của các tài khoản theo các mốc thời gian mà các
tài khoản đó thực hiện hành động như: thêm, sửa, xóa ở các danh mục, cập nhật
thông tin cá nhân, mật khẩu,…
Thiết bị: liệt kê các hoạt động của thiết bị như; thêm mới. cập nhật tình trạng theo
môc thời gian thực hiện hành động.
Tài khoản:
Thêm mới một tài khoản để cấp cho người sử dụng phần mềm chứ không cho tự
tạo tài khoản.
Chỉnh sửa quyền hạn tài khoản: admin và nhân viên.
Reset mật khẩu: dùng để trả lại mật khẩu mặc định khi có người dùng quên mật
khẩu
Bật/tắt tài khoản: để vô hiệu hóa tài khoản nào không dùng chứ không xóa.
2.3. Sơ đồ ERD.
2.5. Table
2.5.1. Account
Column DataType Constraint
ID int PK, AI
Staff_ID int AI
2.5.2. Equip_Group
Rcp_code nvarchar(20) FK
2.5.3. Receipt
Supplier_ID int FK
Staff_ID int FK
Des nvarchar(50) FK
2.5.5. State
State_date datetime PK
Act nvarchar(50)
2.5.6. Suppliers
2.5.7. Staff
Column DataType Constraint
ID int PK, AI
Birth_date date
2.5.8. Record
Account_ID int FK
Lấy username, password từ req.body(từ font-end) rồi kiểm tra bằng sp trên database. Nếu
đúng sẽ trả về userinfo
Sửa: Lấy dữ liệu từ req.body(font-end) rồi gọi sp trong database để chỉnh sửa, accountId
để ghi nhận việc sửa thông tin
Xóa: lấy id nhà cung cấp từ req.body rồi gọi sp trong database để xóa. Nếu có lỗi sẽ
không xóa được và gửi về err.massage
Code: Lấy dữ liệu từ req.body(font-end) rồi gọi sp trong database để thực hiện thêm mới
hóa đơn. accountId dùng để ghi nhận việc thêm mới hóa đơn
Xóa hóa đơn: lấy mã hóa đơn từ req.body rồi gọi sp trong database để thực hiện xóa hóa đơn
Thêm thiết bị: lấy id của loại thiết bị vừa được thêm thông qua req.body rồi gọi sp trong
database để thêm thiết bị
Sửa thông tin thiết bị:
Chỉ cho phép thay đổi thông tin như tình trạng và mô tả của thiết bị. Tên và hạn bảo hành
không cho phép thay đổi
Xóa thiết bị:
Lấy id thiết bị rồi gọi sp trong database để xóa. Xóa thiết bị chỉ thực hiện việc không
quản lý thiết bị nữa chứ không xóa thiết bị khỏi db
Lấy dữ liệu từ req.body rồi gọi sp trong database để thực hiện thêm tài khoản.
idCode(cmnd)
Lấy thông tin accountId cần thay đổi tình trạng và active(tình trạng) cần thay đổi rồi gọi
sp trong database để thực hiện active có dạng bit trong db nên chỉ nhận giá trị true hoặc
false, tài khoản không được active sẽ không thể đăng nhập
Lấy thông tin từ req.body rồi gọi sp trong database để thực hiện hành động.
Lịch sử:
Tài khoản:
Hình 4-5Thiết bị
Web vẫn còn một số khuyết điểm chưa thể làm cho tất cả mọi người hài lòng, còn một vài chỗ khó
khăn trong việc thao tác trên web.
Cuối cùng là lời cảm ơn đến gia đình và bạn bè đã tạo điều kiện tinh thần để có cơ hội nâng cao
kiến thức.
Hồ Quốc Đạt