Có thể được sử dụng cho tất cả các loại ứng dụng web: từ một trang web tĩnh và đơn giản cho đến một trang web động với một ứng dụng được trang bị đầy đủ chức năng.Ngày nay với sự phát tr
Trang 1TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO BÀI TẬP LỚN
ĐỀ TÀI: WEBSITE BÁN BÌNH NƯỚC GIỮ NHIỆT Nhóm thực hiện: Nhóm 4.
Sinh viên thực hiện
Trương Huy Hoàng 21111060168
Nguyễn Viết Thăng Long 21111060268
Giảng viên hướng dẫn: Trần Thắng
Tên học phần: Phát triển ứng dụng trên nền Web.
Mã học phần: CTKH2516.
Hà Nội, ngày 30 tháng 10 năm 2023.
Trang 2MỤC LỤC
DANH MỤC HÌNH ẢNH 3
MỞ ĐẦU 4
CHƯƠNG 1 TỔNG QUAN BÀI TOÁN 5
1.1 Đối với khách hàng 5
1.2 Đối với người quản trị 5
CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 6
2.1 Các chức năng của website: 6
2.2 Use case tổng quát: 7
2.3 Thiết kế cơ sở dữ liệu: 7
CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC: .11
3.1 Môi trường làm việc: 11
3.2 Thiết kế giao diện phầm mềm 11
3.2.1 Kết nối tới cơ sở dữ liệu MySQL 11
3.2.2 Thiết kế giao diện Đăng nhập 11
3.2.3 Thiết kế giao diện Trang chủ 12
3.2.4 Thiết kế giao diện quản lý 13
3.2.5 Thiết kế giao diện quản lý sản phẩm: 15
3.2.6 Thiết kế giao diện quản lý danh mục sản phẩm: 16
3.2.7 Thiết kế giao diện quản lý người dùng: 19
3.2.8 Thiết kế giao diện Quản lý đơn hàng: 21
TÀI LIỆU THAM KHẢO 24
Trang 3DANH MỤC HÌNH ẢNH
Hình 1 Sơ đồ use case tổng quát 7
Hình 2 Các bảng tạo cơ sở dữ liệu 7
Hình 3 Bảng tbl_admin 8
Hình 4 Bảng tbl_cart_detail 8
Hình 5 Bảng tbl_dangky 8
Hình 6 Bảng tbl_danhmuc 9
Hình 7 Bảng tbl_giohang 9
Hình 8 Bảng tbl_sanpham 10
Hình 9 Bảng tbl_shipping 10
Hình 10 Code minh họa kết nối sơ sở dữ liệu SQL 11
Hình 11 Giao diện đăng nhập 11
Hình 12 Code minh họa 1 12
Hình 13 Giao diện trang chủ 12
Hình 14 Code minh họa 2 13
Hình 15 Giao diện quản lý 13
Hình 16 Code minh họa 3 14
Hình 17 Giao diện quản lý sản phẩm 15
Hình 18 Code minh họa 4 15
Hình 19 Code minh họa 5 16
Hình 20 Giao diện quản lý danh mục sản phẩm 16
Hình 21 Code minh họa 6 17
Hình 22 Code minh họa 7 17
Hình 23 Code minh họa 8 18
Hình 24 Code minh họa 9 18
Hình 25 Giao diện quản lý người dùng 19
Hình 26 Code minh họa 10 19
Hình 27 Code minh họa 11 20
Hình 28 Code minh họa 12 20
Hình 29 Giao diện quản lý đơn hàng 21
Hình 30 Code minh họa 13 21
Hình 31 Code minh họa 14 22
Hình 32 Code minh họa 15 22
Hình 33 Code minh họa 16 23
Hình 34 Code minh họa 17 23
Trang 4Trong bất cứ lĩnh vực nào, thương mại điện tử cũng có ưu thế, nó không chỉ làmgiảm thời gian mà còn giảm chi phí cho mọi vấn đề giao dịch của con người Việckinh doanh qua mạng không chỉ đáp ứng nhu cầu của con người mà còn giúp người
sử dụng so sánh giá ở nhiều nơi để mua được mặt hàng ưng ý với giá cả hợp lý Vớikiến thức đã học và thời gian thực tế, chúng em lựa chọn đề tài: “ Xây dựng trangweb bán thiết bị chơi game cho PC” trong khuôn khổ bài tập lớn môn Phát triểnứng dụng trên nền web
Đây là ứng dụng thực tế khá hay, tuy không phải là mới nhưng do kinhnghiệm của chúng em chưa nhiều và còn nhiều hạn chế cũng như sai sótmong thầy và các bạn đóng góp ý kiến để đề tài được hoàn thiện hơn
Trang 5CHƯƠNG 1 TỔNG QUAN BÀI TOÁN Mục tiêu hệ thống:
- Website cung cấp nguồn thông tin về sản phẩm rõ nguồn gốc, xuất sứ Đảmbảo chất lượng tất cả các mặt hàng
- Chức năng tìm kiếm sản phẩm cũng giúp khách hàng có lựa chọn thuận tiện,nhanh chóng để mua được sản phẩm mình cần nhanh nhất
1.2 Đối với người quản trị
- Có thể dễ dàng cập nhật những sản phẩm hot, bán chạy nhất theo xuhướng khách hàng
- Dễ dàng quản lý sản phẩm, danh mục sản phẩm
- Dễ dàng tìm kiếm được thông tin khách hàng, thông tin sản phẩm
- Cập nhật được trạng thái đơn hàng
- Tạo báo cáo thống kê, đưa ra danh sách các mặt hàng bán chạy
- Phải có cơ chế đăng nhập để xác định người có quyền hạn mới có thểđăng nhập vào hệ thống quản trị của website
- Quản lý, cập nhật trạng thái được danh sách tài khoản khách hàng
- Có thể phân quyền người dùng
Trang 6CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Các chức năng của website:
2.1.1 Đối với người dùng có tài khoản:
- Xem thông tin sản phẩm
- Thêm sản phẩm vào giỏ hàng
- Xem thông tin đơn hàng
- Tìm kiếm sản phẩm
- Thanh toán
- Đăng nhập, đăng xuất
2.1.2 Đối với admin:
- Đăng nhập, đăng xuất trong phẩn quản trị
Trang 72.2 Use case tổng quát:
Hình 1 Sơ đồ use case tổng quát.
2.3 Thiết kế cơ sở dữ liệu:
Cơ sở dữ liệu gồm 7 bảng: tbl_admin, tbl_cart_detail, tbl_dangky, tbl_danhmuc, tbl_giohang, tbl_sanpham, tbl_shipping
Hình 2 Các bảng tạo cơ sở dữ liệu.
Trang 8Hình 3 Bảng tbl_admin
Hình 4 Bảng tbl_cart_detail
Hình 5 Bảng tbl_dangky
Trang 9Hình 6 Bảng tbl_danhmuc
Hình 7 Bảng tbl_giohang
Trang 10Hình 8 Bảng tbl_sanpham
Hình 9 Bảng tbl_shipping
Trang 11CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC:
3.1 Môi trường làm việc:
- Sản phẩm được thiết kế trên phần mềm Visual Studio Code
- Cở sơ dữ liệu được xây dựng và lưu trữ trong phần mềm PHP MyAdmin
- Chạy trên môi trường XAMPP Control Panel
3.2 Thiết kế giao diện phầm mềm
3.2.1 Kết nối tới cơ sở dữ liệu MySQL
Hình 10 Code minh họa kết nối sơ sở dữ liệu SQL
3.2.2 Thiết kế giao diện Đăng nhập
Hình 11 Giao diện đăng nhập
Trang 12Mô tả: Người quản trị muốn truy cập vào hệ thống thì phải đăng nhập.Người quản trị điều tên đăng nhập, mật khẩu Nếu username password sai, hoặc trống thì sẽ hiện thông báo cảnh báo Nếu đúng thì sẽ chuyển về trang chủ
hệ thống
Hình 12 Code minh họa 1.
3.2.3 Thiết kế giao diện Trang chủ
Hình 13 Giao diện trang chủ.
Mô tả: Giao diện trang chủ sẽ hiển thị thanh menu, có tác dụng điều
Trang 13Hình 14 Code minh họa 2.
3.2.4 Thiết kế giao diện quản lý
Hình 15 Giao diện quản lý.
Mô tả: Giao diện thực hiện việc quản lí dịch vụ gồm quản lý sản phẩm, quản lýngười dùng, tạo mới, cập nhập và xóa thông tin của các thiết bị chơi game
Trang 14Hình 16 Code minh họa 3.
Trang 153.2.5 Thiết kế giao diện quản lý sản phẩm:
Hình 17 Giao diện quản lý sản phẩm.
Trang 16Hình 19 Code minh họa 5
3.2.6 Thiết kế giao diện quản lý danh mục sản phẩm:
Hình 20 Giao diện quản lý danh mục sản phẩm
Trang 17Hình 21 Code minh họa 6
Trang 18Hình 23 Code minh họa 8
Hình 24 Code minh họa 9
Trang 193.2.7 Thiết kế giao diện quản lý người dùng:
Hình 25 Giao diện quản lý người dùng
Trang 20Hình 27 Code minh họa 11
Hình 28 Code minh họa 12
Trang 213.2.8 Thiết kế giao diện Quản lý đơn hàng:
Hình 29 Giao diện quản lý đơn hàng
Hình 30 Code minh họa 13
Trang 22Hình 31 Code minh họa 14
Trang 23Hình 33 Code minh họa 16
Hình 34 Code minh họa 17
Trang 24TÀI LIỆU THAM KHẢO