CHƯƠNG 3 : WEBSITE BÁN HÀNG ONLINE
3.1. Khảo sát thực trạng và phân tích đặc tả yêu cầu
3.1.4.2.12. Use case Quản lý chi tiết khả năng cung cấp:
Tên use case Quản lý chi tiết khả năng cung cấp
Mô tả Cho phép quản lý Chi tiết khả năng cung cấp.
Actor Admin
Các bước thực hiện Chọn QL nhà cung cấp.
Chọn Chi tiết khả năng cung cấp. Chọn chức năng:
1. Thêm:
Nhấn “Thêm”
Điền thông tin Chi tiết khả năng cung cấp mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thông tin muốn sửa Nhấn “Sửa” 3. Xố: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Chi tiết khả năng cung cấp. Điều kiện Đã đăng nhập admin.
37 Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Chi tiết khả năng cung cấp mới được tạo hoặc chi tiết khả năng cung cấp được xem, sửa, xố thành cơng.
Bảng 3.12: Mô tả use case Quản lý chi tiết khả năng cung cấp 3.1.4.2.13. Use case Quản lý đặt hàng: 3.1.4.2.13. Use case Quản lý đặt hàng:
Tên use case Quản lý đặt hàng
Mô tả Cho phép quản lý đặt hàng.
Actor Admin Các bước thực hiện Chọn QL đặt hàng. Chọn Đơn đặt hàng Chọn chức năng: 1. Sửa: Nhấn “ Sửa” Hiện ra màn hình sửa Nhập thơng tin muốn sửa Nhấn “Sửa”
2. Xem:
Nhấp “Xem”
Màn hình hiển thị chi tiết Đặt hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ. Thành công Đơn đặt hàng được xem, sửa thành công.
Bảng 3.13: Mô tả use case Quản lý đặt hàng 3.1.4.2.14. Use case Quản lý chi tiết đặt hàng: 3.1.4.2.14. Use case Quản lý chi tiết đặt hàng:
Tên use case Quản lý chi tiết đặt hàng
Mô tả Cho phép quản lý Chi tiết đặt hàng.
Actor Admin
Các bước thực hiện Chọn QL đặt hàng.
Chọn Chi tiết đơn đặt hàng. Chọn chức năng:
38 Nhấn “Thêm”
Điền thông tin Chi tiết đặt hàng mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thông tin muốn sửa Nhấn “Sửa” 3. Xố: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Chi tiết đặt hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Chi tiết đặt hàng mới được tạo hoặc chi tiết đặt hàng được xem, sửa, xố thành cơng.
Bảng 3.14: Mô tả use case Quản lý chi tiết đặt hàng 3.1.4.2.15. Use case Quản lý giao hàng: 3.1.4.2.15. Use case Quản lý giao hàng:
Tên use case Quản lý giao hàng
Mô tả Cho phép quản lý giao hàng.
Actor Admin
Các bước thực hiện Chọn QL giao hàng. Chọn Tình hình giao hàng Chọn chức năng:
1. Thêm:
Nhấn “Thêm”
Điền thông tin Giao hàng mới Nhấn nút “Tạo mới”
39 2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thông tin muốn sửa Nhấn “Sửa” 3. Xố: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Giao hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Giao hàng mới được tạo hoặc giao hàng được xem, sửa, xố thành cơng.
Bảng 3.15: Mô tả use case Quản lý giao hàng 3.1.4.2.16. Use case Quản lý chi tiết giao hàng: 3.1.4.2.16. Use case Quản lý chi tiết giao hàng:
Tên use case Quản lý chi tiết giao hàng
Mô tả Cho phép quản lý Chi tiết giao hàng.
40 Các bước thực hiện Chọn QL giao hàng.
Chọn Chi tiết giao hàng. Chọn chức năng:
1. Thêm:
Nhấn “Thêm”
Điền thông tin Chi tiết giao hàng mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thơng tin muốn sửa Nhấn “Sửa” 3. Xoá: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Chi tiết giao hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Chi tiết giao hàng mới được tạo hoặc chi tiết giao hàng được xem, sửa, xố thành cơng.
Bảng 3.16: Mô tả use case Quản lý chi tiết giao hàng 3.1.4.2.17. Use case Quản lý hình thức vận chuyển: 3.1.4.2.17. Use case Quản lý hình thức vận chuyển:
Tên use case Quản lý hình thức vận chuyển
Mô tả Cho phép quản lý Hình thức vận chuyển.
Actor Admin
Các bước thực hiện Chọn QL giao hàng. Chọn Cách vận chuyển. Chọn chức năng:
41 1. Thêm:
Nhấn “Thêm”
Điền thơng tin Hình thức vận chuyển mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thơng tin muốn sửa Nhấn “Sửa” 3. Xoá: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Hình thức vận chuyển. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành cơng Hình thức vận chuyển mới được tạo hoặc hình thức vận chuyển được xem, sửa, xố thành cơng.
Bảng 3.17: Mơ tả use case Quản lý hình thức vận chuyển 3.1.4.2.18. Use case Quản lý khách hàng:
Tên use case Quản lý khách hàng
Mô tả Cho phép quản lý Khách hàng.
Actor Admin Các bước thực hiện Chọn QL khách hàng. Chọn Thông tin khách hàng. Chọn chức năng: 1. Thêm: Nhấn “Thêm”
42 Nhấn nút “Tạo mới” 2. Xố: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 3. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Khách hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Khách hàng mới được tạo hoặc khách hàng được xem, xoá thành công.
Bảng 3.18: Mô tả use case Quản lý khách hàng 3.1.4.2.19. Use case Quản lý loại khách hàng: 3.1.4.2.19. Use case Quản lý loại khách hàng:
Tên use case Quản lý loại khách hàng
Mô tả Cho phép quản lý Loại khách hàng.
Actor Admin Các bước thực hiện Chọn QL khách hàng. Chọn Loại khách hàng. Chọn chức năng: 1. Thêm: Nhấn “Thêm”
Điền thông tin Loại khách hàng mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thơng tin muốn sửa Nhấn “Sửa”
3. Xoá:
43 Hiện ra màn hình xóa
Nhấn “Xóa” 4. Xem:
Nhấp “Xem”
Màn hình hiển thị chi tiết Loại khách hàng. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công Loại khách hàng mới được tạo hoặc loại khách hàng được xem, sửa, xố thành cơng.
Bảng 3.19: Mô tả use case Quản lý loại khách hàng 3.1.4.2.20. Use case Quản lý user: 3.1.4.2.20. Use case Quản lý user:
Tên use case Quản lý user
Mô tả Cho phép quản lý User.
Actor Admin
Các bước thực hiện Chọn QL user.
Chọn Quản lý thành viên. Chọn chức năng:
1. Thêm:
Nhấn “Thêm”
Điền thông tin User mới Nhấn nút “Tạo mới” 2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thông tin muốn sửa Nhấn “Sửa” 3. Xố: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem:
44 Nhấp “Xem”
Màn hình hiển thị chi tiết User. Điều kiện Đã đăng nhập admin.
Không thành công Thêm hoặc sửa thông tin không hợp lệ.
Thành công User mới được tạo hoặc user được xem, sửa, xố thành cơng. Bảng 3.20: Mô tả use case Quản lý user
3.1.4.2.21. Use case Quản lý quyền user: Tên use case Quản lý quyền user Tên use case Quản lý quyền user
Mô tả Cho phép quản lý Quyền user.
Actor Admin
Các bước thực hiện Chọn QL user.
Chọn Quản lý quyền hạn. Chọn chức năng:
1. Thêm:
Nhấn “Thêm”
Điền thông tin Quyền user mới Nhấn nút “Tạo mới”
2. Sửa:
Nhấn “ Sửa”
Hiện ra màn hình sửa Nhập thơng tin muốn sửa Nhấn “Sửa” 3. Xoá: Nhấn “Xóa” Hiện ra màn hình xóa Nhấn “Xóa” 4. Xem: Nhấp “Xem”
Màn hình hiển thị chi tiết Quyền user. Điều kiện Đã đăng nhập admin.
45 Thành công Quyền user mới được tạo hoặc quyền user được xem, sửa, xố
thành cơng.
Bảng 3.21: Mơ tả use case Quản lý quyền user 3.1.4.2.22. Use case Quản lý giỏ hàng: 3.1.4.2.22. Use case Quản lý giỏ hàng:
Tên use case Quản lý giỏ hàng
Mô tả Cho phép khách hàng quản lý Giỏ hàng
Actor Khách hàng
Các bước thực hiện Chọn chức năng:
1. Thêm: Nhấn vào nút Mua hàng trên mặt hàng 2. Xoá:
Chọn Xem danh sách u thích. Nhấn Xố
3. Sửa:
Chọn xem giỏ hàng
Chỉ cần điền số lượng mặt hàng vào textbox là tự động giỏ hàng được cập nhật
Không thành công Chọn số lượng sản phẩm lớn hơn số lượng mặt hàng có trong kho.
Thành cơng Giỏ hàng được thêm mới hoặc được tạo, số lượng sản phẩm trong giỏ hàng được cập nhật, xóa được đơn hàng
Bảng 3.22: Mô tả use case Quản lý giỏ hàng 3.1.4.2.23. Use case Tìm kiếm theo tên mặt hàng: 3.1.4.2.23. Use case Tìm kiếm theo tên mặt hàng:
Tên use case Tìm kiếm theo tên mặt hàng
Mơ tả Cho phép khách hàng tìm kiếm mặt hàng theo tên mặt hàng.
Actor Khách hàng
Các bước thực hiện Nhập thơng tin vào ơ tìm kiếm, sau đó nhấn Search.
Khơng thành cơng Khơng tìm thấy mặt hàng nào có tên phù hợp với thơng tin khách hàng nhập vào.
Thành công Hiển thị những mặt hàng có tên phù hợp với thông tin mà khách hàng nhập vào.
46 3.1.4.2.24. Use case Xem chi tiết mặt hàng:
Tên use case Xem chi tiết mặt hàng
Mô tả Cho phép khách hàng xem chi tiết mặt hàng
Actor Khách hàng
Các bước thực hiện Nhấn vào Chi tiết trên mặt hàng. Thành công Hiển thị chi tiết mặt hàng
Bảng 3.24: Mô tả use case Xem chi tiết mặt hàng 3.1.4.2.25. Use case Đặt hàng: 3.1.4.2.25. Use case Đặt hàng:
Tên use case Đặt hàng
Mô tả Cho phép khách hàng đặt hàng.
Actor Khách hàng
Các bước thực hiện Nhấn vào Thanh tốn trong giỏ hàng. Điền thơng tin vào đơn hàng.
Nhấn Hoàn thành.
Điều kiện Khách hàng phải đăng nhập.
Thành công Hiển thị thông tin chi tiết của đơn đặt hàng. Bảng 3.25: Mô tả use case Đặt hàng
3.2. Thiết kế
3.2.1. Thiết kế giao diện
3.2.1.1. Giao diện người dùng
47 Hình 3.8: Trang chủ người dùng (nửa dưới)
48 Hình 3.10: Giao diện giỏ hàng
49 3.2.1.2. Giao diện quản trị
Hình 3.12: Trang chủ quản trị
50 Hình 3.14: Giao diện Quản lý mặt hàng (nửa dưới)
51 Hình 3.16: Giao diện quản lý_Sửa thơng tin
52 Hình 3.18: Giao diện quản lý_Thêm mới
3.2.2. Thiết kế cơ sở dữ liệu
3.2.2.1. Sơ đồ lớp
53 3.2.2.2. Sơ đồ logic
54 3.2.2.3. Cấu trúc bảng CSDL
3.2.2.3.1. Bảng User
Hình 3.21: Bảng User
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 IDUser nchar(10) Mã user
2 Username nvarchar(50) Tên đăng nhập 3 Password nvarchar(100) Mật khẩu đăng nhập
4 HoatDong bit Kích hoạt
5 IDRole nchar(10) Mã quyền
55 7 NgaySinh datetime Ngày sinh
8 CMND nchar(10) Chứng minh nhân dân
9 GioiTinh bit Giới tính
10 DiaChi nvarchar(50) Địa chỉ 11 SDT nvarchar(50) Số điện thoại
12 Salt nvarchar(50) Lần đăng nhập gần nhất 13 Email nvarchar(MAX) Email
Bảng 3.26: Mô tả bảng User 3.2.2.3.2. Bảng Roles 3.2.2.3.2. Bảng Roles
Hình 3.22: Bảng Roles
Thứ tự Tên trường Kiểu dữ liệu Mô tả
1 IDRole nchar(10) Mã quyền
2 Role nvarchar(50) Tên quyền Bảng 3.27: Mô tả bảng Roles
56 3.2.2.3.3. Bảng Mặt hàng (MatHang)
Hình 3.23: Bảng MatHang
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaMH nchar(10) Mã mặt hàng 2 TenMH nvarchar(50) Tên mặt hàng 3 HinhAnh nvarchar(MAX) Hình ảnh mặt hàng
4 DonGia nvarchar(50) Giá mặt hàng
5 SoLuong nchar(10) Số lượng hàng còn trong kho 6 DonViTinh nvarchar(50) Đơn vị tính
7 MaLoaiMH nchar(10) Mã loại mặt hàng 8 MaNSX nchar(10) Mã nhà sản xuất 9 TinhTrang nvarchar(MAX) Tình trạng hàng
57
11 LuotMua int Lượt mua
Bảng 3.28: Mô tả bảng MatHang 3.2.2.3.4. Bảng Loại mặt hàng (LoaiMatHang)
Hình 3.24: Bảng LoaiMatHang
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaLoaiMH nchar(10) Mã loại mặt hàng 2 LoaiMH nvarchar(50) Tên loại mặt hàng
Bảng 3.29: Mô tả bảng LoaiMatHang 3.2.2.3.5. Bảng Nhà sản xuất (NhaSanXuat)
Hình 3.25: Bảng NhaSanXuat
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaNSX nchar(10) Mã nhà sản xuất 2 TenNSX nvarchar(100) Tên nhà sản xuất
58 3.2.2.3.6. Bảng Khách hàng (KhachHang)
Hình 3.26: Bảng KhachHang
Thứ tự Tên trường Kiểu dữ liệu Mô tả
1 MaKH nchar(10) Mã khách hàng
2 UserName nvarchar(50) Tên đăng nhập 3 Password nvarchar(MAX) Mật khẩu
4 HoatDong bit Kích hoạt
5 TenKH nvarchar(50) Tên khách hàng 6 MaLoaiKH nchar(10) Mã loại khách hàng
7 GioiTinh bit Giới tính
8 NgaySinh datetime Ngày sinh
59 10 SDT nchar(10) Số điện thoại
11 Email nvarchar(50) Email
12 DiaChi nvarchar(100) Địa chỉ 13 AnhDaiDien nvarchar(MAX) Ảnh đại diện
Bảng 3.31: Mô tả bảng KhachHang 3.2.2.3.7. Bảng LoaiKhachHang
Hình 3.27: Bảng LoaiKhachHang
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaLoaiKH nchar(10) Mã loại khách hàng 2 TenLoaiKH nvarchar(50) Tên loại khách hàng 3 Giảm giá nchar(10) Chiết khấu
Bảng 3.32: Mô tả bảng LoaiKhachHang 3.2.2.3.8. Bảng Wishlist (WISTLIST)
Hình 3.28: Bảng WISHLIST
Thứ tự Tên trường Kiểu dữ liệu Mô tả
60 2 MaMH nchar(10) Mã mặt hàng 3 MaKH nchar(10) Mã khách hàng Bảng 3.33: Mô tả bảng WISHLIST 3.2.2.3.9. Bảng Đặt hàng (DatHang) Hình 3.29: Bảng DatHang Thứ tự Tên trường Kiểu dữ liệu Mô tả
1 MaDH nchar(10) Mã đặt hàng
2 MaKH nchar(10) Mã khách hàng
3 NgayDH datetime Ngày đặt hàng
4 TenNguoiNhan nvarchar(50) Tên người nhận hàng 5 SDTNguoiNhan nvarchar(50) Số điện thoại người nhận 6 Email nvarchar(200) Email người nhận
7 DiaChiNguoiNhan nvarchar(200) Địa chỉ người nhận 8 HTVanChuyen nchar(10) Mã hình thức vận chuyển
61 9 Giá trị hàng hoá float Tổng giá trị hàng hoá
10 GiamGia float Số tiền chiết khấu
11 TongGiaTriDH float Tổng giá trị của đơn đặt hàng 12 TinhTrang nvarchar(MAX) Tình trạng đơn đặt hàng
Bảng 3.34: Mô tả bảng DatHang 3.2.2.3.10. Bảng Chi tiết đặt hàng (CTDH)
Hình 3.30: Bảng CTDH
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaCTDH nchar(10) Mã chi tiết đặt hàng 2 MaDH nchar(10) Mã đặt hàng
3 MaMH nchar(10) Mã mặt hàng
4 SoLuong nchar(10) Số lượng mặt hàng đã đặt 5 GhiChu nvarchar(MAX) Ghi chú
6 ThanhTien float Tổng số tiền giá trị hàng hoá Bảng 3.35: Mơ tả bảng CTDH
62 3.2.2.3.11. Bảng Hình thức vận chuyển (VanChuyen)
Hình 3.31: Bảng VanChuyen
Thứ tự Tên trường Kiểu dữ liệu Mô tả
1 MaHTVC nchar(10) Mã hình thức vận chuyển 2 HinhThucVanChuyen nvarchar(50) Hình thức vận chuyển 3 GiaVanChuyen nvarchar(50) Giá vận chuyển
Bảng 3.36: Mô tả bảng VanChuyen 3.2.2.3.12. Bảng Nhà cung cấp (NhaCungCap)
Hình 3.32: Bảng NhaCungCap
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaNCC nchar(10) Mã nhà cung cấp 2 TenNCC nvarchar(50) Tên nhà cung cấp
63 3 LoaiNCC nchar(10) Mã loại nhà cung cấp
4 KNCC nchar(10) Mã khả năng cung cấp 5 DiaChi nvarchar(250) Địa chỉ nhà cung cấp 6 SDT nvarchar(250) Số điện thoại nhà cung cấp 7 Email nvarchar(50) Email nhà cung cấp
Bảng 3.37: Mô tả bảng NhaCungCap 3.2.2.3.13. Bảng Loại nhà cung cấp (LoaiNCC)
Hình 3.33: Bảng LoaiNCC
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 MaLoaiNCC nchar(10) Mã loạivnhà cung cấp 2 LoaiNCC nvarchar(250) Tên loại nhà cung cấp
Bảng 3.38: Mô tả bảng LoaiNCC 3.2.2.3.14. Bảng Hợp đồng cung cấp (HDCC)
Hình 3.34: Bảng HDCC
64 1 MaHDCC nchar(10) Mã hợp đồng cung cấp
2 NCC nchar(10) Mã nhà cung cấp 3 NgayCC datetime Ngày cung cấp 4 TongTienPhaiTra nvarchar(50) Tổng giá trị hợp đồng phải thanh tốn Bảng 3.39: Mơ tả bảng HDCC 3.2.2.3.15. Bảng Khả năng cung cấp (KNCC) Hình 3.35: Bảng KNCC
Thứ tự Tên trường Kiểu dữ liệu Mô tả 1 KNCC nchar(10) Mã khả năng cung cấp