Hiển thị có tất cả các sản phẩm Danh mục, slide, người dùng tại đây có thế thông tin và xem sản phẩm trong trang web.
Hình ảnh 3.1:Trang chủ của website
36 3.2.2. Footer
Hiển thị các thông tin liên hệ chẳng hạn như số điện thoại, địa chie email, dịch vụ khách hàng, danh mục...
Hình ảnh 3.2: của footer 3.2.3. Trang Đăng nhập Đăng ký
Quản lý và có thế nhập vào xem sản phẩm và thêm ,sửa ,xóa.
❖ Đầu vào (Đăng Nhập): Tên tài khoản và mật khẩu.
❖ Đầu vào (Đăng ký): có Họ, Tên, Tên tài khoản, Địa chỉ email, Số điện thoại, mật khẩu và nhập lại mật khẩu đã nhập
❖ Quá trình (Đăng nhập): Nhập tên tài khoản và mật khẩu hệ thống sẽ kiểm tra xem tên tài khoản và mật khẩu có hợp lệ không
❖ Đầu ra(Đăng nhập): Nếu tên tài khoản và mật khẩu đúng thì người sử dụng đăng nhập được vào hệ thống. Nếu sai hệ thống sẽ yêu cầu nhập lại
37
Hình ảnh 3.3: giao diện Đăng nhập Đăng ký
3.2.4. Trang chi tiết sản phẩm
• Khách hàng xem chi tiết sản phẩm, đơn giá, thêm sản phẩm vào giỏ hàng.
• Khách hàng có thế chọn size và đặt mua hàng được.
• Chức năng chưa sự dụng được có chat box và chia sẻ.
38
Hình ảnh 3.4:Trang chi tiết 3.2.5. Trang giỏ hàng
Khách hàng có thế thêm vào giỏ hàng và đặt mua được.
Hình ảnh 3.5:Trang giỏ hàng 3.2.6. Trang đặt hàng
Khách hàng có thế đăng nhập thông tin vào
39
Hình ảnh 3.6: Trang đặt hàng 3.2.7. Trang chủ của quản lý
Hình ảnh 3.7:Trang chủa quản lý
3.2.8. Trang quản lý banner
Giao diện chính trang quản lý danh mục gồm có banner, tên banner và các nút chức năng thêm,sửa xóa và xem chi tiết banner.
40
Hình ảnh 3.8:Trang quản lý banner 3.2.9. Trang thêm banner
Hình ảnh 3.9:Trang thêm banner
41 3.2.10. Trang xem chi tiết banner
Hình ảnh 3.10:Trang xem chi tiết banner
3.2.11. Trang quản lý danh mục
Giao diện chính trang quản lý danh mục gồm có Mã danh mục, tên danh mục và các nút chức năng thêm,sửa xóa và xem chi tiết danh mục.
Hình ảnh 3.11 :Danh mục
42
3.2.12. Trang quản lý danh mục sản phẩm
Giao diện chính trang quản lý danh mục gồm có Mã LSP(Loại sản phẩm), tên loại danh mục và các nút chức năng thêm,sửa xóa và xem chi tiết danh mục sản phẩm.
Hình ảnh 3.12 : Trang danh mục sản phẩm
3.2.13. Trang thêm danh mục sản phẩm
Trong này thông tin danh mục thêm vào mới gồm có: Tên loại danh mục, nút chọn hình ảnh, mô tả và list để chọn danh mục.
Hình ảnh 3.13 :Trang thêm danh mục sản phẩm
43 3.2.14. Trang quản lý sản phẩm
Hình ảnh 3.14 :Trang quản lý sản phẩm 3.2.15. Trang thêm sản phẩm
Trong này thông tin sản phẩm thêm vào mới gồm có: danh mục, loại sản phẩm, tên sản phẩm, đơn giá, đơn giá cũ, số lượng, hình ảnh :1,2,3, mã khuyến mãi, giảm giá, thông tin và mô tả.
Hình ảnh 3.15:Trang thêm sản phẩm
44 3.2.16. Trang xem chi tiết sản phẩm
Khi nhấn vào nút xem chương trình sẽ chạy qua trang chi tiết của sản phẩm mình chọn.
Hình ảnh 3.16 :Trang chi tiết sản phẩm 3.2.17. Trang xem sản phẩm
Gồm có chức năng như trang thêm mới admin chỉ sửa lại thông tin
45
Hình ảnh 3.17 :Trang xem sản phẩm
3.2.18. Trang quản lý tài khoản
Trong này thông tin danh mục thêm vào mới gồm có: họ, tên, tên tài khoản, giới tính, số điện thoại, địa chỉ, mật khẩu, email...
46
Hình ảnh 3.18:Trang Quản lý tài khoản
3.2.19. Trang xét duyệt hóa đơn
• Trang này gồm có thông tin tên khách hàng, ngày đặt hàng, tống tiền, địa chỉ, SĐT, Trạng thái. Có chức năng là xét duyệt hóa đơn của khách hàng và có thể xóa được hóa đơn.
• Trang này gồm có trang chưa duyệt trong đó
Hình ảnh 3.19 :Trang xét duyệt hóa đơn
47 3.2.20. Trang quản lý khuyến mãi
Trong này thông tin khuyến mãi thêm vào gồm có: Tên khuyến mãi, loại khuyến mãi và giá trị khuyến mãi.
Hình ảnh 3.20 :Trang quản lý khuyến mãi 3.2.21. Trang sửa khuyến mãi
Trong này sẽ có trang cho admin sửa thông tin khuyến mãi
Hình ảnh 3.21 :Trang sửa khuyến mãi
48 3.2.22. Trang xem chi tiết khuyến mãi
Hình ảnh 3.22 :Trang xem chi tiết khuyến mãi
49