Cửa hàng đồng hồ trực tuyến tài liệu thiết kế chi tiết

Project3 CDBK.k12.LTMT1-G3 Cửa Hàng Đồng Hồ Trực Tuyến Tài Liệu Thiết Kế Chi Tiết CDBK.K12.LTMT1 Sinh Viên Nguyễn Tiến Quang - Hà Nội, 26/4/2023- Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 MỤC LỤC Đặt Vấn Đề 1.1 Tóm Lược 1.2 Vấn Đề Với Cửa Hàng Truyền Thống 1.3 Giải Pháp Đề Xuất 1.4 Giới Hạn Phạm Vi Hệ Thống 1.5 Yêu Cầu Phần Cứng & Phần Mềm 1.5.1 Yêu Cầu Tối Thiểu 1.5.2 Yêu Cầu Khuyến Nghị .4 Đặc Tả Yêu Cầu Người Dùng .5 2.1 Người Dùng Hệ Thống 2.2 Chức Năng Hệ Thống .5 Thêm quản trị viên (chỉ dành cho Root Admin) Sửa quản trị viên (chỉ dành cho Root Admin) .7 Xóa quản trị viên (chỉ dành cho Root Admin) .7 Thêm loại sản phẩm .7 Sửa loại sản phẩm Xóa loại sản phẩm Thêm sản phẩm Sửa sản phẩm Xóa sản phẩm Thêm nhà sản xuất Sửa nhà sản xuất Xóa nhà sản xuất Quản lý khách hàng .9 Tìm đơn hàng Xem chi tiết đơn hàng Xóa đơn hàng .10 In hóa đơn đơn hàng 10 In phiếu giao hàng đơn hàng 10 Cập nhật settings hệ thống 10 Thêm banner 10 Xóa banner 10 Thiết Kế Hệ Thống 11 2.3 Sơ Đồ Quan Hệ Thực Thể .11 2.4 Thiết Kế Cơ Sở Dữ Liệu .15 2.5 Bản Đồ Site 21 Một số hình ảnh giao diện web 22 3.1 Giao diện trang chủ (http://localhost:3000/home.php) 22 3.2 Giao diện Admin (http://localhost:3000/admin/product.php) 23 3.3 Giao diện cho phép khách hàng chọn sản phẩm (http://localhost:3000/productcategory.php?path=79) 27 3.4 Giao diện giỏ hàng (http://localhost:3000/cart.php) 30 Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Đặt Vấn Đề 1.1 Tóm Lược Project3 đồ án cuối kì mang tính tổng hợp kiến thức kĩ mà nhóm sinh viên chúng em học rèn luyện học kì HTML/CSS/JavaScript, MySQL, PHP Đây môn diễn môi trường lớp học phịng thực hành nhà trường, mơ chặt chẽ bước trình triển khai dự án phần mềm thực tế Dự án phần mềm quy mô nhỏ giúp sinh viên chúng em: o Thực hành bước, tức tiếp cận theo bước o Xây dựng ứng dụng lớn hơn, mạnh mẽ sau o Làm quen với cơng cụ phân tích, thiết kế phát triển dự án phần mềm o Biết cách hợp chương trình đơn lẻ thành ứng dụng hoàn chỉnh o Học cách triển khai khái niệm theo giai đoạn o Nâng cao kỹ gia tăng giá trị o Làm việc dự án giải vấn đề sống thực o Đưa tình thực tế giúp tạo ứng dụng phức tạp hữu ích o Rèn luyện kĩ tự học làm việc nhóm 1.2 Vấn Đề Với Cửa Hàng Truyền Thống Cửa hàng truyền thống có số mặt hạn chế: Phương thức toán lạc hậu, bất tiện; Đi lại bất tiện, vất vả, thời gian, khơng có bãi đỗ xe cho khách hàng; Giá không minh bạch, khó so sánh nhanh; Chen lấn xếp hàng quầy tốn; Thiếu thơng tin, đa dạng; Thiếu lựa chọn, so sánh Phục vụ cho nhóm nhỏ khách hàng (do sản phẩm cung cấp hiển thị khơng phong phú đa dạng), chức tìm kiếm chưa có chạy chậm kết tìm kiếm không nhiều, không cho phép người dùng đặt mua hàng từ xa; Quản lý thủ cơng; Chi phí lớn cho việc thuê mặt bằng, gian hàng, quảng cáo; Thiếu quán quản lý giao tiếp với khách hàng; Vốn đầu tư lớn có rủi ro thị trường, dịch bệnh; Chủ hàng phải có mặt liên tục để giám sát; Thời gian bán hàng bị hạn chế ngày 1.3 Giải Pháp Đề Xuất Để khắc phục nhược điểm cách làm truyền thống, nhóm sinh viên tiến hành xây dựng website với số tính tiện ích sau: - Khả tìm kiếm sản phẩm nâng cao (theo chủng loại, giá cả, hãng sản xuất …) - Khả đặt hàng trực tuyến, sản phẩm đặt hàng đưa đến tận nơi - Khả đăng kí thành viên, tư vấn - Khả quảng bá sản phẩm cho cơng ty có nhu cầu Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 1.4 CDBK.k12.LTMT1-G3 Giới Hạn Phạm Vi Hệ Thống Do nguồn lực hạn mặt nhân sự, thời gian, tài nên hệ thống có giới hạn định: - Chưa thể tích hợp cơng cụ tốn trực tuyến - Chưa có tính đa ngơn ngữ, đa tiền tệ - Chưa đưa vào nghiệp vụ quản lý bán hàng khác thuế, chiết khấu, phiếu tặng quà, quản lý hàng tồn kho, tùy chọn sản phẩm, so sánh đánh giá từ khách hàng v.v… 1.5 Yêu Cầu Phần Cứng & Phần Mềm 1.5.1 Yêu Cầu Tối Thiểu Máy Chủ Phần Cứng Phần mềm  Ram 1GB trở lên  CPU 2.0 Ghz trở lên  HDD 40 GB trở lên  Kết nối Internet LAN  Máy Khách  Có kết nối internet Operating System: Windows/Mac/Linux  Operating System: Windows/Mac/Linux  Web Server Software: XAMPP Apache   Database: MySQL Web Browser: IE9+ / Firefox 3.5+/ Google Chrome / Safari 4+/ Opera 10 1.5.2 Yêu Cầu Khuyến Nghị Server Phần Cứng Phần Mềm Máy Khách  Ram 2GB trở lên  CPU 3.0 Ghz trở lên  HDD 80 GB trở lên  Kết nối Internet LAN  Hệ Điều Hành: Windows trở lên  Máy Chủ Web: XAMPP Apache  Máy Chủ Cơ Sở Dữ Liệu: MySQL Cửa Hàng Đồng Hồ Trực Tuyến  Có kết nối internet  Operating System: Windows/Mac/Linux  Web Browser: Firefox 3.5+/ Google Chrome Page of 31 Project3 CDBK.k12.LTMT1-G3 Đặc Tả Yêu Cầu Người Dùng 2.1 Người Dùng Hệ Thống 2.1.1 Khách Vãng Lai  Xem thơng tin chi tiết & hình ảnh sản phẩm  Tìm kiếm sản phẩm  Đặt hàng trực tuyến  Liên hệ / Phản hồi / Góp ý  Đăng kí tài khoản 2.1.2 Thành Viên Ngồi chức năng/quyền khách vãng lai, thành viên có chức như:  Sửa thơng tin tài khoản  Đăng nhập  Xem lịch sử đơn hàng 2.1.3 Nhân Viên Nội Bộ  Quản lý sản phẩm  Quản lý nhà sản xuất  Quản lý loại sản phẩm  Quản lý khách hàng  Quản lý đơn hàng  Quản lý hệ thống nói chung  Quản lý thông tin nhân viên khác (chỉ người dùng Admin có quyền này) 2.2 Chức Năng Hệ Thống 2.2.1 Chức khách vãng lai Xem thông tin Input Thông tin người dùng chọn từ giao diện Process Tìm CSDL thơng tin phù hợp Output Hiển thị thơng tin tìm Tìm kiếm thơng tin Input Tìm theo từ khóa mà người sử dụng nhập vào: theo tên, giá, hãng sản xuất, v.v…của sản phẩm Process Tìm CSDL thông tin phù hợp Output Hiển thị kết khớp với truy vấn, thơng báo khơng tìm thấy kết Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 CSDL khơng có ghi phù hợp Chọn giỏ hàng Input Chọn sản phẩm vào giỏ hàng Process Cập nhật liệu phiên kết nối máy chủ-máy khách Output Hiển thị chi tiết giỏ hàng Sửa giỏ hàng Input Chọn sản phẩm giỏ hàng để xóa, sửa Process Cập nhật liệu phiên kết nối máy chủ-máy khách Output Hiển thị chi tiết giỏ hàng Đăng kí thành viên Input Nhập liệu vào trường thông tin form đăng kí Process Kiểm duyệt liệu, gửi liệu lên máy chủ, mở tài khoản hoàn tất thủ tục đăng kí Output Hiển thị thơng báo đăng kí thành cơng, thất bại (nếu có) 2.2.2 Chức thành viên Ngoài quyền khách vãng lai thành viên cịn có quyền: Đăng Nhập Input Nhập liệu tài khoản form đăng nhập (username, password) Process Xác thực tài khoản, thiết lập liệu phiên đăng nhập (session) Output Hiển thị thông báo đăng nhập thành cơng, thất bại (nếu có) Đăng Xuất Input Nhấp chuột vào link nút đăng thoát Process Xóa liệu phiên đăng nhập (session) Output Hiển thị thông báo đăng nhập thành công, thất bại (nếu có) Sửa giỏ hàng Input Chọn sản phẩm giỏ hàng để xóa, sửa Process Cập nhật liệu phiên kết nối liên quan đến giỏ hàng Output Hiển thị lại thông tin giỏ hàng Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 2.2.3 Chức quản trị Thêm quản trị viên (chỉ dành cho Root Admin) Input Nhập thông tin form tạo tài khoản quản trị Process Xác thực tính hợp lệ thơng tin thực thi q trình tạo tài khoản quản trị CSDL Output Thông báo tạo tài khoản thành cơng thất bại có Sửa quản trị viên (chỉ dành cho Root Admin) Input Chọn tài khoản quản trị cần sửa Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa tài khoản quản trị CSDL Output Thông báo sửa tài khoản thành cơng thất bại có Xóa quản trị viên (chỉ dành cho Root Admin) Input Chọn tài khoản cần xóa Process Xác nhận việc cần phải xóa, sau thực thi q trình xóa tài khoản quản trị CSDL Output Thơng báo xóa tài khoản thành cơng thất bại có Sửa thơng tin cá nhân (chỉ dành cho Root Admin) Input Sửa thông tin cá nhân thân quản trị viên Process Xác thực tính hợp lệ thơng tin thực thi trình sửa tài khoản quản trị CSDL Output Thông báo sửa tài khoản thành công thất bại có Thêm loại sản phẩm Input Nhập thông tin loại sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình thêm loại sản phẩm CSDL Output Thơng báo thêm thành cơng thất bại có Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Sửa loại sản phẩm Input Nhập thông tin cập nhật loại sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa thông tin loại sản phẩm CSDL Output Thông báo sửa thành cơng thất bại có Xóa loại sản phẩm Input Chọn loại sản phẩm cần xóa Process Xác nhận việc xóa thực thi q trình xóa loại sản phẩm thơng tin khác tham chiếu đến loại sản phẩm CSDL Output Thông báo xóa thành cơng thất bại có Thêm sản phẩm Input Nhập thông tin sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi trình thêm sản phẩm CSDL Output Thông báo thêm thành công thất bại có Sửa sản phẩm Input Nhập thơng tin cập nhật sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa thơng tin sản phẩm CSDL Output Thông báo sửa thành cơng thất bại có Xóa sản phẩm Input Chọn sản phẩm cần xóa Process Xác nhận việc xóa thực thi q trình xóa sản phẩm thông tin khác tham chiếu đến sản phẩm CSDL Output Thơng báo xóa thành cơng thất bại có Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Thêm nhà sản xuất Input Nhập thông tin nhà sản xuất Process Xác thực tính hợp lệ thơng tin thực thi q trình thêm nhà sản xuất Output Thơng báo thêm thành cơng thất bại có Sửa nhà sản xuất Input Nhập thông tin cập nhật nhà sản xuất Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa thơng tin nhà sản xuất CSDL Output Thông báo sửa thành công thất bại có Xóa nhà sản xuất Input Chọn nhà sản xuất cần xóa Process Xác nhận việc xóa thực thi q trình xóa nhà sản xuất thông tin khác tham chiếu đến nhà sản xuất CSDL Output Thơng báo xóa thành cơng thất bại có Quản lý khách hàng Input Thay đổi trạng thái khách hàng: đăng kí, sử dụng, bị khóa Process Kiểm tra tính hợp lệ cập nhật CSDL Output Thông báo cập nhật thành cơng thất bại có Tìm đơn hàng Input Nhập vào tiêu chí tìm kiếm (id, trạng thái, ngày tạo, ngày sửa, khách hàng, tổng giá trị đơn hàng, v.v…) Process Tìm ghi phù hợp với tiêu chí tìm kiếm CSDL Output Hiển thị kết phù hợp với truy vấn Xem chi tiết đơn hàng Input Chọn đơn hàng muốn xem Process Tìm ghi phù hợp CSDL dựa id đơn hàng Output Hiển thị thông tin đơn hàng Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Xóa đơn hàng Input Chọn đơn hàng cần xóa Process Xác nhận việc xóa thực thi q trình xóa đơn hàng thơng tin khác tham chiếu đến đơn hàng CSDL Output Thơng báo xóa thành cơng thất bại có In hóa đơn đơn hàng Input Chọn đơn hàng cần in Process Tìm kiếm ghi theo id đầu vào đơn hàng Output Hiển thị hóa đơn theo định dạng in ấn In phiếu giao hàng đơn hàng Input Chọn đơn hàng cần in Process Tìm kiếm ghi theo id đầu vào đơn hàng Output Hiển thị phiếu giao hàng theo định dạng in ấn Cập nhật settings hệ thống Input Nhập giá trị cho thông tin cấu hình hệ thống Process Xác thực tính hợp lệ thơng tin thực thi q trình cập nhật CSDL Output Thông báo cập nhật thành công thất bại có Thêm banner Input Nhập thơng tin cần thiết cho banner (tên, trạng thái, link, ảnh…) Process Xác thực tính hợp lệ thơng tin thực thi q trình thêm banner Output Thơng báo cập nhật thành cơng thất bại có Xóa banner Input Chọn banner cần xóa Process Xóa liệu banner thông tin tham chiếu đến CSDL Output Thơng báo xóa thành cơng thất bại Cửa Hàng Đồng Hồ Trực Tuyến Page 10 of 31 Project3 image CDBK.k12.LTMT1-G3 varchar(255) DEFAULT NULL Đường dẫn tương đối ảnh đại diện (Ghép vào sau thư mục ảnh hệ thống) sort_order int(3) NOT NULL - Thứ tự xếp định admin -Lý cho cột khóa id không thay đổi giá trị featured tinyint(1) NOT NULL DEFAULT ‘0’ Tính bật Những hãng bật thường giới thiệu giao diện html trang chủ -featured=1: Nổi Bật -featured=0: Không Nổi Bật Bảng ‘product’ (Sản Phẩm) Tên Cột product_id Kiểu int(11) Ràng Buộc Mô Tả NOT NULL -Mã định danh sản phẩm AUTO_INCREMET -Khóa (PK) NOT NULL Tên sản phẩm name varchar(255 ) description text Mô tả sản phẩm tag text Từ khóa liên quan sản phẩm, nhiều từ cách dấu phảy model varchar(64) NOT NULL Mẫu sản phẩm image varchar(255 ) DEFAULT NULL Đường dẫn tương đối ảnh đại diện (Ghép vào sau thư mục ảnh hệ thống) manufacturer_id int(11) NOT NULL -Mã nhà sản xuất -Khóa ngoại (FK) 8.price sort_order decimal(15, 4) NOT NULL DEFAULT ‘0.0000’ -Đơn giá sản phẩm int(11) NOT NULL DEFAULT ‘0’ - Thứ tự xếp định admin Cửa Hàng Đồng Hồ Trực Tuyến -Có thể có phần lẻ thập phân nên để int Page 17 of 31 Project3 CDBK.k12.LTMT1-G3 -Lý cho cột khóa id khơng thay đổi giá trị 10 status tinyint(1) NOT NULL DEFAULT ‘0’ -Cờ trạng thái: cho phép xuất trang chủ hay không -status=1: cho phép -status=0: không cho phép 11 featured tinyint(1) NOT NULL DEFAULT ‘0’ Tính bật Những hãng bật thường giới thiệu giao diện html trang chủ -featured=1: Nổi Bật -featured=0: Không Nổi Bật 12 best_seller tinyint(1) NOT NULL DEFAULT ‘0’ Cờ đánh dấu sản phẩm bán chạy, thường giới thiệu giao diện html trang chủ -best_seller=1: Nổi Bật -best_seller=0: Không Nổi Bật 13 date_added datetime NOT NULL Ngày tạo 14 date_modified datetime NOT NULL Ngày sửa Bảng ‘product_image’ (Ảnh Sản Phẩm: sản phẩm có nhiều ảnh nên phải tách bảng riêng này) Tên Cột Kiểu Dữ Liệu product_id int(11) Ràng Buộc NOT NULL Mô Tả -Mã định danh sản phẩm -Khóa ngoại (FK) image varchar(255) NOT NULL DEFAULT ‘’ Đường dẫn tương đối ảnh sản phẩm (Ghép vào sau thư mục ảnh hệ thống) sort_order int(11) NOT NULL DEFAULT ‘0’ - Thứ tự xếp định admin Bảng ‘product_to_category’ (chứa mối quan hệ Nhiều-Nhiều ‘product’ ‘category’) Tên Cột product_id Kiểu int(11) Cửa Hàng Đồng Hồ Trực Tuyến Ràng Buộc NOT NULL Mô Tả -Mã sản phẩm (FK) Page 18 of 31 Project3 category_id CDBK.k12.LTMT1-G3 int(11) NOT NULL -Mã loại sản phẩm (FK) Bảng ‘customer’ (Khách Hàng/Độc Giả) Tên Cột customer_id Kiểu int(11) Ràng Buộc Mô Tả NOT NULL -Mã định danh khách hàng AUTO_INCREMET -Khóa (PK) fullname varchar(32) NOT NULL Họ Tên email varchar(96) NOT NULL Thư điện tử telephone varchar(32) NOT NULL Điện thoại address varchar(128) NOT NULL Địa password varchar(100) DEFAULT NULL -Mật Giá trị lưu vào giá trị mã hóa hàm password_hash( ) PHP5 status tinyint(1) NOT NULL -Cờ trạng thái: cho phép(1) hay khơng cho phép (0) -Nói cách khác: enable/disable; active/ inactive date_added datetime NOT NULL Ngày tạo Bảng ‘order’ (Đơn Hàng) Tên Cột order _id customer_id email Kiểu Dữ Liệu int(11) int(11) varchar(96) Cửa Hàng Đồng Hồ Trực Tuyến Ràng Buộc NOT NULL Mô Tả AUTO_INCREMET -Mã định danh đơn hàng NOT NULL -Mã khách hàng DEFAULT ‘0’ -Khách vãng lai đặt hàng trực tuyến nên khơng phải khóa ngoại Giá trị ‘0’ thể khách vãng lai NOT NULL Thư điện tử khách hàng -Khóa (PK) Page 19 of 31 Project3 CDBK.k12.LTMT1-G3 telephone varchar(32) NOT NULL Điện thoại khách hàng fullname varchar(32) NOT NULL Tên người nhận hàng address varchar(255) DEFAULT NULL Địa nhận hàng comment text NOT NULL Ghi total decimal(15,4) NOT NULL DEFAULT ‘0.0000’ Tổng giá trị đơn hàng Kiểu decimal int có sản phẩm đơn giá bị lẻ date_added datetime NOT NULL Ngày tạo Bảng ‘order_details’ (Chi Tiết Đơn Hàng: chứa mối quan hệ Nhiều-Nhiều `order` `product`) Tên Cột order _id Kiểu int(11) Ràng Buộc NOT NULL Mơ Tả -Mã đơn hàng -Khóa ngoại (FK) product _id int(11) NOT NULL -Mã sản phẩm -Khóa ngoại (FK) name varchar(255) NOT NULL -Tên sản phẩm: chép từ bảng `product` sang để tăng tốc độ truy xuất lịch sử đơn hàng (không cần nối bảng) lưu vết lịch sử giao dịch mà tên sản phẩm bị thay đổi bảng `product` sau đặt hàng quantity int(4) NOT NULL Số lượng sản phẩm đặt mua price decimal(15,4) NOT NULL DEFAULT ‘0.0000’ -Đơn giá NOT NULL DEFAULT ‘0.0000’ -Tổng giá trị số sản phẩm đặt mua total decimal(15,4) Cửa Hàng Đồng Hồ Trực Tuyến -Kiểu decimal int có sản phẩm đơn giá bị lẻ Page 20 of 31 Project3 CDBK.k12.LTMT1-G3 -Kiểu decimal khơng phải int có sản phẩm đơn giá bị lẻ Bảng ‘user’ (nhân viên hệ thống quản trị backend) Tên Cột user_id Kiểu int(11) Ràng Buộc Mô Tả NOT NULL -Mã định danh nhân viên AUTO INCREMENT -Khóa (PK) NOT NULL Tên đăng nhập username varchar(20) password varchar(100) NOT NULL Mật khẩu: mã hóa hàm password_hash() PHP5 fullname varchar(32) NOT NULL Họ tên đầy đủ email varchar(96) NOT NULL Thư điện tử image varchar(255) NOT NULL Đường dẫn tương đối ảnh sản phẩm (Ghép vào sau thư mục ảnh hệ thống) status tinyint(1) NOT NULL -Cờ trạng thái: cho phép(1) hay khơng cho phép (0) -Nói cách khác: enable/disable; active/ inactive date_added datetime NOT NULL Ngày tạo due_date datetime NOT NULL DEFAULT ‘2099-0101 23:00:00’ -Ngày hết hạn tham gia hệ thống -Ngày hết quyền tham gia hệ thống 10 phone varchar(32) DEFAULT NULL - Điện thoại 11 specialist int(11) NOT NULL - Cờ đánh dấu xem nhân viên có phải chun gia hay khơng DEFAULT ‘0’ - giá trị ‘1’: chuyên gia - giá trị ‘0’: 12 description text DEFAULT NULL Mô tả nhân viên 13 sort_order int(3) NOT NULL - Thứ tự xếp định admin DEFAULT ‘0’ 2.5 Bản Đồ Site Cửa Hàng Đồng Hồ Trực Tuyến Page 21 of 31 Project3 CDBK.k12.LTMT1-G3 Trang Chủ: Trang Chủ Đăng Nhập (Khách Hàng) Chi Tiết Sản Phẩm Tìm Kiếm Sản Phẩm Sản Phẩm theo Loại Thông Tin Tài Khoản Sản Phẩm theo Hãng SX Sửa Tài Khoản Giỏ Hàng Lịch Sử Đơn Hàng Thanh Tốn Chi Tiết Đơn Hàng Đăng Kí Tài Khoản Đăng Thoát Trang Quản Trị: Đăng Nhập (Nhân Viên) Sản Phẩm (Thêm / Sửa / Xóa) Loại Sản Phẩm (Thêm / Sửa / Xóa) Nhà Sản Xuất (Thêm / Sửa / Xóa) Chi Tiết Đơn Hàng (Xem/Xóa) Khách Hàng (Xem/Xóa) Nhân Viên (Xem/Xóa) Hệ Thống (Xem/Sửa) Cửa Hàng Đồng Hồ Trực Tuyến Page 22 of 31 Project3 CDBK.k12.LTMT1-G3 MỘT SỐ HÌNH ẢNH GIAO DIỆN WEB 3.1 Giao diện trang chủ (http://localhost:3000/home.php) Hình 7: Giao diện trang chủ web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 23 of 31 Project3 3.2 CDBK.k12.LTMT1-G3 Giao diện Admin (http://localhost:3000/admin/product.php) - Giao diện quản lí sản phẩm: Hình 8: Giao diện trang quản lí sản phẩm web bán đồng hồ - Giao diện quản lí nhà sản xuất: Hình 9: Giao diện trang quản lí nhà sản xuất web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 24 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện quản lí đơn hàng: Hình 10: Giao diện trang quản lí nhà đơn hàng web bán đồng hồ - Giao diện quản lí khách hàng: Hình 11: Giao diện quản lí khách hàng web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 25 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện quản lí loại sản phẩm: Hình 12: Giao diện quản lí loại sản phẩm web bán đồng hồ - Giao diện quản lí quản trị viên: Hình 13: Giao diện quản lí quản trị viên phẩm web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 26 of 31 Project3 CDBK.k12.LTMT1-G3 3.3 Giao diện trang cho phép khách hàng chọn hàng (http://localhost:3000/product-category.php?path=79) Hình 14: Giao diện loại sản phẩm đồng hồ nam web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 27 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện tìm kiếm: Hình 14: Giao diện tìm kiếm sản phẩm web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 28 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện nhãn hàng: Hình 14: Giao diện sản phẩm theo nhãn hàng web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 29 of 31 Project3 CDBK.k12.LTMT1-G3 Giao diện giỏ hàng (http://localhost:3000/cart.php) 3.4 Hình 15: Giao diện giỏ hàng web bán đồng hồ - Giao diện toán: Cửa Hàng Đồng Hồ Trực Tuyến Page 30 of 31 Project3 CDBK.k12.LTMT1-G3 Hình 16: Giao diện tốn web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 31 of 31