Sử dụng ngôn ngữ HTML, CSS, PHP, Javascript để xây dựng trang web.Lĩnh vực liên quan: Thương mại điện tử2.1 Hoạt động của hệ thống- Là một Website bán sản phẩm cà phê và bánh ngọt.- Ngườ
TỔNG QUAN VỀ BÀI TOÁN
Đặc tả yêu cầu bài toán
Yêu cầu của việc xây dựng website cà phê và bánh ngọt là cung cấp một nền tảng hiệu quả để quản lý các hoạt động bán hàng liên quan đến ngành dịch vụ nói chung.
Xác định yêu cầu của khách hàng: Hiển thị danh sách các mặt hàng của website để khách hàng, sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng để khách hàng có thể xem hóa đơn mua hàng.
Xác định yêu cầu của quản trị viên (admin): Tiếp nhận xử lý đơn đặt hàng của khách hàng Có các chức năng thêm, sửa, xoá các mặt hàng, loại hàng.
Mục tiêu cuối cùng là tạo ra một hệ thống linh hoạt, dễ sử dụng và đáng tin cậy, giúp các doanh nghiệp tối ưu hóa hoạt động kinh doanh, nâng cao hiệu suất và cung cấp trải nghiệm tốt cho khách hàng.
Chuyên ngành: Phát triển ứng dụng trên nền web
Chuyên môn: Lập trình web Sử dụng ngôn ngữ HTML, CSS, PHP, Javascript để xây dựng trang web.
Lĩnh vực liên quan: Thương mại điện tử
2.1 Hoạt động của hệ thống
- Là một Website bán sản phẩm cà phê và bánh ngọt.
- Người dùng truy cập vào Website có thể xem, tìm kiếm, mua và đặt hàng sản phẩm.
- Cách trình bày hợp lý đơn giản, không cầu kì.
- Người dùng có thể xem chi tiết từng sản phẩm (có hình ảnh minh hoạ sản phẩm).
- Khi đã chọn được món hàn mình ưa thích thì người dùng click vào nút đặt hàng để sản phẩm được cập nhật trong giỏ hàng.
- Người dùng có thể quay trở lại trang sản phẩm để xem và chọn hàng, các sản phẩm đã chọn sẽ được lưu vào trong giỏ hàng.
- Người dùng có thể tăng số lượng hoặc xóa sản phẩm không vừa ý.
- Khi đã tìm được sản phẩm ưng ý thì người dùng click vào mục xác nhận để hoàn tất việc mua hàng.
- Giá sản phẩm sẽ được hiển thị trong giỏ hàng.
- Người dùng có thể chọn các hình thức thanh toán: tiền mặt, thanh toán VNPay
Có 2 đối tượng sử dụng là người dùng và nhà quản trị (admin): + Người dùng: Người dùng có thể xem thông tin cửa hàng, thông tin sản phẩm,tìm kiếm và thêm sản phẩm vào giỏ hàng và đặt mua hàng. + Nhà quản trị: Nhà quản trị là người có quyền cao nhất, và cũng là người đóng vai trò quan trọng của hệ thống.
2.3 Mục đích của hệ thống
- Đáp ứng nhu cầu mua bán online bất cứ khi nào, bất cứ nơi đâu.
- Góp phần phát triển buôn bán trực tuyến.
- Việc quản lý sản phẩm trở nên dễ dàng.
- Sản phẩm được sắp xếp đơn giản, người dùng có thể dễ dàng tìm kiếm sản phẩm.
Yêu cầu
- Yêu cầu về sản phẩm: hệ thống là một website thương mại điện tử nên mọi doanh thu và lợi nhuận sẽ đến từ phía khách hàng Do đó các yêu cầu đặt ra cho hệ thống cũng phải phù hợp với nhu cầu của khách hàng.
- Yêu cầu về giao diện: website phải có giao diện dễ nhìn, bắt mắt, dễ sử dụng, phù hợp với thị yếu và nhu cầu của người dùng Trang chủ phải hiển thị bao quát toàn bộ hệ thống và phải làm nổi bật những sản phẩm mới, sản phẩm được ưa chuộng, hệ thống phải có các trang giới thiệu, trang hướng dẫn để người dùng có thể tìm được thông tin và tạo sự tin tưởng cho khách hàng Có danh mục sản phẩm, có chức năng đặt hàng, mua hàng, có biểu mẫu liên hệ, có biểu mẫu đăng ký khách hàng, có chức năng tìm kiếm sản phẩm.
- Về hiệu năng của hệ thống: hệ thống phải có hiệu năng xử lí yêu cầu của khách hàng nhanh nhất có thể, ngay lập tức phản hồi khi người dùng click vào chức năng cụ thể Bên cạnh đó còn phải xử lý chính xác yêu cầu của khách hàng và đảm bảo an toàn bảo mật cho khách hàng.
- Về các chức năng của hệ thống: đảm bảo hệ thống có đầy đủ chức năng cần thiết của một trang thương mại điện tử Khách hàng có thể tạo tài khoản và đăng nhập, tìm kiếm, thêm sản phẩm vào giỏ hàng, mua hàng và thanh toán Admin có thể quản lý tất cả người dùng trong hệ thống, quản lý sản phẩm, quản lý danh mục, quản lý đơn hàng, quản lý tài khoản khách hàng.…
Công nghệ sử dụng
4.1 Tổng quan về ngôn ngữ lập trình PHP
PHP (Hypertext Preprocessor) là ngôn ngữ lập trình mã nguồn mở phía server được thiết kế để dễ dàng xây dựng các trang web động Mã PHP có thể thực thi trên server để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng PHP cho phép xây dựng ứng dụng web trên mạng internet tương tác với mọi cơ sở dữ liệu như: MySQL, Oracle, …
Dưới đây là một số phiên bản quan trọng của PHP:
PHP 3: Được phát hành lần đầu vào năm 1997, PHP 3 đánh dấu sự phát triển ban đầu của PHP thành một ngôn ngữ lập trình web phía máy chủ Nó cung cấp các khả năng xử lý biểu mẫu và tương tác với cơ sở dữ liệu.
PHP 4: Được phát hành vào năm 2000, PHP 4 mang đến nhiều cải tiến đáng kể Nó bao gồm hỗ trợ đầy đủ cho lập trình hướng đối tượng
(OOP), cung cấp hiệu suất tốt hơn và nhiều tính năng mới như kế thừa đa cấp, lớp trừu tượng và giao diện.
PHP 5: Ra mắt vào năm 2004, PHP 5 tiếp tục mở rộng khả năng lập trình hướng đối tượng và đưa vào sử dụng nhiều tính năng mới Nó cung cấp hỗ trợ cho các khái niệm như namespace, giao diện, lớp trừu tượng và các tính năng khác để làm việc với đối tượng một cách linh hoạt hơn.
PHP 7: Ra mắt vào năm 2015, PHP 7 mang lại những cải tiến đáng kể về hiệu suất và tiết kiệm tài nguyên PHP 7 tăng tốc độ thực thi và giảm đáng kể sử dụng bộ nhớ, làm cho ứng dụng PHP nhanh hơn và tiết kiệm tài nguyên hệ thống.
PHP 7.1, 7.2, 7.3, 7.4: Các phiên bản PHP 7.x tiếp tục đưa ra các cải tiến và bổ sung tính năng mới Mỗi phiên bản đều cung cấp hiệu suất tốt hơn, bảo mật cải thiện và các cải tiến ngôn ngữ.
PHP 8: Ra mắt vào năm 2020, PHP 8 là phiên bản mới nhất của PHP tính đến thời điểm hiện tại Nó đem đến nhiều tính năng mới như JIT (Just-In-Time) Compiler, cải tiến syntax, hỗ trợ union types, match expressions, và nhiều cải tiến khác.
Các phiên bản PHP tiếp tục được phát triển và cập nhật để cải thiện hiệu suất, bảo mật và tính năng của ngôn ngữ Các phiên bản sau này thường tập trung vào việc tối ưu hóa và cải thiện kỹ thuật của PHP.
4.2 Tổng quan về ngôn ngữ lập trình Javascript
Cùng thời điểm Netscape bắt đầu sử dụng công nghệ Java trên trình duyệt Netscape, LiveScript đã được đổi tên thành JavaScript để được chú ý hơn bởi ngôn ngữ lập trình Java lúc đó đang được coi là một hiện tượng JavaScript được bổ sung vào trình duyệt Netscape bắt đầu từ phiên bản 2.0b3 của trình duyệt này vào tháng 12 năm 1995 Trên thực tế, hai ngôn ngữ lập trình Java và JavaScript không có liên quan gì đến nhau, ngoại trừ việc cú pháp của cả hai ngôn ngữ cùng được phát triển dựa trên cú pháp của C Java Script gồm 2 mảng là client-server thực hiện lệnh trên máy của end-user và web-server.
Sau thành công của JavaScript, Microsoft bắt đầu phát triển JScript, một ngôn ngữ có cùng ứng dụng và tương thích với JavaScript JScript được bổ sung vào trình duyệt Internet Explorer bắt đầu từ Internet Explorer phiên bản 3.0 được phát hành tháng 8 năm 1996.
DOM (Document Object Model), một khái niệm thường được nhắc đến với JavaScript trên thực tế không phải là một phần của chuẩn ECMAScript, DOM là một chuẩn riêng biệt có liên quan chặt chẽ với XML.
Hàm là một khối các câu lệnh với một danh sách một hoặc nhiều đối số (có thể không có đối số) và thường có tên (mặc dù trong JavaScript hàm không nhất thiết phải có tên) Hàm có thể trả lại một giá trị.
Trong JavaScript, khi gọi hàm không nhất thiết phải gọi hàm với cùng số đối số như khi định nghĩa hàm, nếu số đối số ít hơn khi định nghĩa hàm, những đối số không được chuyển cho hàm sẽ mang giá trị undefined Các kiểu cơ bản sẽ được chuyển vào hàm theo giá trị, đối tượng sẽ được chuyển vào hàm theo tham chiếu.
Hàm là đối tượng hạng nhất trong JavaScript Tất cả các hàm là đối tượng của nguyên mẫu Function Hàm có thể được tạo và dùng trong phép toán gán như bất kỳ một đối tượng nào khác, và cũng có thể được dùng làm đối số cho các hàm khác Do đó, JavaScript hỗ trợ hàm cấp độ cao.
HTML (HyperText Markup Language) là một ngôn ngữ đánh dấu được sử dụng để xây dựng và cấu trúc nội dung của các trang web Nó là một phần quan trọng của công nghệ web và là ngôn ngữ cơ bản để xây dựng các trang web tĩnh.
HTML sử dụng các "thẻ" để đánh dấu các phần tử trong trang web và mô tả cách các phần tử đó sẽ hiển thị trên trình duyệt Mỗi thẻ được bao quanh bởi dấu ngoặc nhọn < > và thường đi cặp với thẻ mở và thẻ đóng Ví dụ,
là thẻ mở của một đoạn văn bản và
là thẻ đóng.PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Mô tả bài toán
Cửa hàng cần xây dựng 1 hệ thống để quản lý giới thiệu và bán sản phẩm Hoạt động của hệ thống được xây dựng đảm bảo các yêu cầu sau:
Website sẽ hiển thị danh sách sản phẩm với thông tin chi tiết như hình ảnh, mô tả, giá cả, và thông tin khác liên quan. Đối tượng là Khách hàng:
Khách hàng có thể tìm kiếm sản phẩm bằng cách nhập từ khóa hoặc sử dụng bộ lọc để thu hẹp kết quả tìm kiếm Sau khi tìm thấy sản phẩm, khách hàng có thể xem thông tin chi tiết thành phần và giá sản phẩm Sau đó có thể thêm sản phẩm vào giỏ hàng, chỉnh sửa số lượng và xóa sản phẩm khỏi giỏ hàng Khi mua sản phẩm khách hàng có thể chọn phương thức thanh toán và cung cấp thông tin thanh toán để hoàn tất quá trình mua hàng. Đối tượng Admin:
Admin có thể đăng nhập vào hệ thống bằng tài khoản và mật khẩu riêng, sau đó có thể làm các nghiệp vụ của cửa hàng Khi đăng nhập tài khoản, admin có thể thực hiện các nghiệp vụ như: Quản lý sản phẩm,quản lý danh mục sản phẩm, quản lý tài khoản khách hàng, quản lý tài khoản nhân viên với các chức năng cơ bản: thêm, sửa, xóa Với quản lý đơn hàng: Admin có thể xem và quản lý các đơn hàng từ khách hàng, bao gồm xác nhận đơn hàng.
Phân tích yêu cầu
Chương trình phải đáp ứng được các mục tiêu sau:
- Đăng nhập/Đăng kí: Khi muốn sử dụng phần mềm, admin và khách hàng cần đăng nhập bằng tài khoản có sẵn hoặc có thể đăng ký, từ đó có thể sử dụng các chức năng khác của phần mềm.
Chức năng dành cho khách hàng
- Hiển thị danh sách các mặt hàng để khách hàng xem, lựa chọn, và mua.
- Tìm kiếm sản phẩm: Khách hàng có thể tìm kiếm sản phẩm ở thanh tìm kiếm trên trang chủ của website
- Quản lý giỏ hàng: Với chức năng này khách hàng có thể thêm sản phẩm vào giỏ hàng, chỉnh sửa số lượng và xóa sản phẩm khỏi giỏ hàng. Sau đó có thể tiến hành đặt hàng và thanh toán Có tích hợp thanh toán VNPay.
Chức năng dành cho admin
- Quản lý sản phẩm: Admin có thể thêm mới, chỉnh sửa hoặc xóa sản phẩm.
- Quản lý danh mục sản phẩm: Admin có thể thêm mới, chỉnh sửa hoặc xóa danh mục sản phẩm.
- Quản lý đơn hàng: Admin có thể xem danh sách đơn đặt hàng, chọn xác nhận hoặc hủy đơn đặt hàng.
- Quản lý tài khoản khách hàng: Admin có thể thêm mới, chỉnh sửa hoặc xóa tài khoản khách hàng.
- Quản lý tài khoản nhân viên: Admin có thể cập nhật lại thông tin và xóa tài khoản nhân viên.
Biểu đồ Uescase
Hình 1 Biểu đồ Use case tổng quát
• Mô tả: Quản trị có thể đăng nhập vào hệ thống và sẽ có tất cả các quyền quản lý chức năng hệ thống này Khách hàng có thể đăng nhập bằng tài khoản có sẵn hoặc có thể đăng ký, từ đó có thể sử dụng các chức năng khác của phần mềm.
1 Quản trị Là người chịu trách nhiệm chính của hệ thống, duy trì và điều hành hệ thống và có tất cả các quyền quản trị
2 Khách hàng Khách hàng là những cá nhân sử dụng phần mềm với mục đích tham khảo, mua đồ ăn trên trang web
3.2 Use quản lý giỏ hàng
Hình 2.1 Biểu đồ Use case phân rã chức năng quản lý giỏ hàng
Bảng 1 Mô tả Usecase quản lý giỏ hàng
STT Tên usecase Mô tả hoạt động
1 Tìm kiếm sản phẩm Nhập vào hoặc lựa chọn thông tin tìm kiếm theo tên sản phẩm, hiển thị chi tiết sản phẩm dựa vào yêu cầu tìm kiếm
2 Xem mô tả sản phẩm Cho phép xem chi tiết mô tả sản phẩm và hiện chi tiết thông tin sản phẩm
3 Thêm vào giỏ hàng Cho phép xem chi tiết giỏ hàng, hiển thị tên sản phẩm, ảnh, đơn giá, số lượng, thành tiền, tổng tiền của sản phẩm
4 Thanh toán Cho phép người dùng đã đăng kí tài khoản của hệ thống đặt hàng, đưa ra thông báo đơn hàng đã đặt thành công và tình trạng hiện tại của đơn hàng
5 Đăng nhập Cho phép người dùng đã đăng kí tài khoản thêm vào giỏ hàng và thanh toán
3.3 Use case quản lý đơn hàng
Hình 2.2 Biểu đồ Use case phân rã chức năng quản lý đơn hàng
Bảng 2 Mô tả Usecase quản lý đơn hàng
STT Tên Use case Mô tả hoạt động
1 Đăng nhập Use case này giúp admin sử dụng các chức năng của hệ thống cần đến quyền truy cập
2 Hiển thị thông tin đơn đơn hàng
Use case này giúp admin có thể xem các đơn đặt hàng đã đặt và có thể xem trạng thái của đơn hàng
3 Xác nhận thông tin đơn hàng
Admin sử dụng usecase này để xác nhận đơn đặt hàng
3.4 Use case quản lý sản phẩm
Hình 2.3 Biểu đồ usecase phân rã chức năng quản lý sản phẩm
Bảng 3 Mô tả Usecase quản lý sản phẩm
STT Tên usecase Mô tả hoạt động
1 Đăng nhập Usecase này giúp admin truy cập các chức năng của hệ thống cần đến quyền truy cập
2 Thêm sản phẩm Admin có thể thêm sản phẩm mới nếu chưa tồn tại sản phẩm đó
3 Sửa sản phẩm Admin sửa thông tin sản phẩm nếu sản phẩm đó cần chỉnh sửa và đã được lưu trữ rồi
4 Xóa sản phẩm Admin có thể xóa sản phẩm khi cửa hàng dừng bán sản phẩm đó
3.5 Use case danh mục sản phẩm
Hình 2.4 Biểu đồ Use case phân rã chức năng quản lý danh mục sản phẩm
Bảng 4 Mô tả Usecase quản lý danh mục sản phẩm
STT Tên Use case Mô tả hoạt động
1 Đăng nhập Use case này giúp admin quản lý các chức năng của hệ thống cần đến quyền truy cập
2 Thêm danh mục Use case này giúp admin có thể thêm nhiều danh mục sản phẩm vào giỏ hàng khi mua sắm
3 Sửa danh mục Sau khi thêm danh mục sản phẩm vào giỏ hàng thì admin có thể chỉnh sửa danh mục
4 Xóa danh mục Cho phép admin xóa danh mục khi cần cập nhật sản phẩm trong cửa hàng
3.6 Use case quản lý tài khoản khách hàng
Hình 2.5 Biểu đồ Use case phân rã chức năng quản lý tài khoản khách hàng
Bảng 5 Mô tả Usecase quản lý tài khoản khách hàng
STT Tên Use case Mô tả hoạt động
1 Đăng nhập Use case này giúp admin sử dụng các chức năng của hệ thống cần đến quyền truy cập.
2 Hiển thị thông tin tài khoản khách hàng
Admin có thể xem danh sách khách hàng đã đăng ký tài khoản
3 Hiển thị đơn đặt hàng của tài khoản
Admin có thể xem chi tiết đơn hàng gồm tên khách hàng, tên sản phẩm và số lượng
4 Xóa thông tin tài khoản khách hàng
Admin có thể xoá thông tin tài khoản khách khi tài khoản khách hàng bị lỗi hoặc không cần thiết
3.7 Use case quản lý tài khoản nhân viên
Hình 2.6 Biểu đồ Use case phân rã chức năng tài khoản nhân viê
Bảng 6 Mô tả Usecase quản lý tài khoản nhân viên
STT Tên Use case Mô tả hoạt động
1 Đăng nhập Use case này giúp admin sử dụng các chức năng của hệ thống cần đến quyền truy cập
2 Hiển thị thông tin nhân viên
Use case này giúp admin xem chi tiết thông tin nhân viên
3 Cập nhật thông tin nhân viên
Use case này giúp admin chỉnh sửa thông tin cá nhân của nhân viên
4 Xóa thông tin tài khoản nhân viên
Use case này giúp admin xóa thông tin cá nhân của nhân viên hoặc tài khoản khi nhân viên nghỉ việc
Biểu đồ tuần tự
4.1 Biểu đồ tuần tự chức năng đăng nhập/ Đăng ký
Hình 2.7 Biểu đồ tuần tự chức năng đăng nhập
Hình 2.8 Biểu đồ tuần tự chức năng đăng ký
4.2 Biểu đồ tuần tự chức năng tìm kiếm sản phẩm
Hình 2.9 Biểu đồ tuần tự chức năng tìm kiếm
4.3 Biểu đồ tuần tự chức năng thêm vào giỏ hàng
Hình 2.10 Biểu đồ tuần tự chức năng thêm sản phẩm vào giỏ hàng
4.4 Biểu đồ tuần tự chức năng thanh toán
Hình 2.11 Biểu đồ tuần tự chức năng thanh toán
4.5 Biểu đồ tuần tự chức năng quản lý đơn hàng
Hình 2.12 Biểu đồ tuần tự chức năng quản lý đơn hàng
4.6 Biểu đồ tuần tự chức năng quản lý sản phẩm
Hình 2.13 Biểu đồ tuần tự chức năng thêm mới sản phẩm
Hình 2.14 Biểu đồ tuần tự chức năng chỉnh sửa sản phẩm
Hình 2.15 Biểu đồ tuần tự chức năng xóa sản phẩm
4.7 Biểu đồ tuần tự chức năng quản lý danh mục sản phẩm
Hình 2.16 Biểu đồ tuần tự chức năng thêm mới danh mục sản phẩm
Hình 2.17 Biểu đồ tuần tự chức năng sửa danh mục sản phẩm
Hình 2.18 Biểu đồ tuần tự chức năng xóa danh mục sản phẩm
4.8 Biểu đồ tuần tự chức năng quản lý tài khoản khách hàng
Hình 2.19 Biểu đồ tuần tự chức năng xóa tài khoản khách hàng
4.9 Biểu đồ tuần tự chức năng quản lý tài khoản nhân viên
Hình 2.20 Biểu đồ tuần tự chức năng chỉnh sửa thông tin nhân viên
Hình 2 21 Biểu đồ tuần tự chức năng xóa tài khoản nhân viên
Biểu đồ hoạt động
5.1 Biểu đồ hoạt động chức năng đăng nhập/ đăng kí
Hình 2.22 Biểu đồ hoạt động chức năng đăng nhập
Hình 2.3 Biểu đồ hoạt động chức năng đăng ký
5.2 Biểu đồ hoạt động chức năng quản lý giỏ hàng
Hình 2.4 Biểu đồ hoạt động chức năng quản lý giỏ hàng
5.3 Biểu đồ hoạt động chức năng quản lý đơn hàng
Hình 2.5 Biểu đồ hoạt động chức năng quản lý đơn hàng
5.4 Biểu đồ hoạt động chức năng quản lý sản phẩm
Hình 2.26 Biểu đồ hoạt động chức năng quản lý sản phẩm
5.5 Biểu đồ hoạt động chức năng quản lý danh mục sản phẩm
Hình 2.6 Biểu đồ hoạt động chức năng quản lý danh mục sản phẩm
5.6 Biểu đồ hoạt động chức năng quản lý tài khoản khách hàng
Hình 2.7 Biểu đồ hoạt động chức năng quản lý tài khoản khách hàng
5.7 Biểu đồ hoạt động chức năng quản lý tài khoản nhân viên
Hình 2.8 Biểu đồ hoạt động chức năng quản lý tài khoản nhân viên
Thiết kế cơ sở dữ liệu
Cơ sở dữ liệu gồm các bảng dữ liệu:
- Bảng chi tiết đặt hàng
- Bảng chi tiết thanh toán
- Bảng thanh toán bằng VNPay
* Mô hình quan hệ cơ sở dữ liệu:
Hình 2.9 Mô hình quan hệ cơ sở dữ liệu
* Mô tả các thuộc tính và kiểu dữ liệu
STT Tên bảng Mục đích
1 Admin_account Chứa thông tin tài khoản quản trị trong hệ thống
2 Order_product Chứa thông tin đơn đặt hàng trong hệ thống
3 Order_details Chứa thông tin doanh thu trong hệ thống
4 Category Chứa thông tin danh mục trong hệ thống
5 Product Chứa thông tin sản phẩm trong hệ thống
6 User_account Chứa thông tin người dùng trong hệ thống
7 Comment_product Chứa thông tin bình luận sản phẩm trong hệ thống
8 Slider Chứa thông tin slide trong hệ thống
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 Id INT(11) ID Khóa chính
2 User_name VARCHAR(255) Tên admin
3 Pass_word VARCHAR(255) Mật khẩu
4 Full_name VARCHAR(50) Tên đầy đủ
7 Number_phone VARCHAR(11) Số điện thoại
9 Create_date DATETIME Ngày tạo
10 Cookie VARCHAR(255) Lưu thông tin trên trình duyệt
11 Status_delete INT(11) Xóa thông tin admin
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id tài khoản Khóa chính
2 User_id VARCHAR(255) Tên quản trị viên
3 Create_at DATETIME Ngày tạo
4 Name VARCHAR(255) Tên quản trị viên
6 Phone_number VARCHAR(255) Số điện thoại
8 Total_money DOUBLE Tổng hóa đơn
9 Status_recieve VARCHAR(20) Trạng thái nhận hàng
10 Cancel_order INT(11) Hủy đơn hàng
11 Id_personnel INT(11) Id khách hàng
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 Order_id INT(11) Id đặt hàng Khóa chính
2 Name_product VARCHAR(255) Tên sản phẩm
3 Product_id INT(11) Id sản phẩm Khóa chính
5 Unit_price DOUBLE Giá tiền
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id tài khoản Khóa chính
2 name VARCHAR(50) Tên khách hàng
3 slug VARCHAR(255) Mật khẩu tài khoản
5 Create_at DATETIME Ngày tạo danh mục
6 Update_at DATETIME Cập nhật danh mục
INT(11) Xóa trạng thái danh mục
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id danh mục Khóa chính
2 name VARCHAR(255) Tên sản phẩm
3 price DOUBLE Gía sản phẩm
4 Img_product VARCHAR(255) Hình ảnh sản phẩm
5 quantity INT(11) Số lượng sản phẩm
6 descrip VARCHAR(255) Mô tả sản phẩm
VARCHAR(255) Người tạo danh mục
8 Create_at DATETIME Ngày tạo sản phẩm
9 Update_at DATETIME Ngày cập nhật sản phẩm
10 Category_id INT(11) Id danh mục sản phẩm Khóa phụ
11 Name_category VARCHAR(255) Tên danh mục
13 sale INT(10) Sản phẩm giảm giá
14 Status_delete INT(11) Trạng thái xóa
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id khách hàng Khóa chính
2 name VARCHAR(255) Tên khách hàng
3 Email_account VARCHAR(255) Email khách hàng
6 Address_user VARCHAR(255) Địa chỉ
7 Create_at DATETIME Ngày tạo tài khoản
8 Status_delete INT(11) Xóa tài khoản người dùng
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id sản phẩm Khóa chính
2 id_product INT(11) Id thương hiệu Khóa phụ
3 Id_user VARCHAR(255) Tên sản phẩm Khóa phụ
4 Name_user VARCHAR(255) Mã sản phẩm
5 content VARCHAR(255) Nội dung bình luận
STT Thuộc tính Kiểu dữ liệu Ý nghĩa Ràng buộc
1 id INT(11) Id đơn hàng Khóa chính
2 name_slider VARCHAR(50) Tên slider
3 Slider_img VARCHAR(50) Ảnh slider
4 Create_at DATETIME Ngày tạo slider
5 Update_at DATETIME Ngày cập nhật slider
6 Status VARCHAR(255) Trạng thái slider
GIAO DIỆN WEB
Giao diện website
- Đăng ký/ Đăng nhập vào hệ thống
- Xem thông tin sản phẩm
- Thêm sản phẩm vào giỏ hàng và đặt hàng
Giao diện đăng nhập của khách hàng
Hình 11 Giao diện đăng nhập trang khách hàng
Giao diện đăng ký
Nếu khách hàng chưa có tài khoản thì phải thực hiện đăng ký để truy cập vào website.
Hình 12 Giao diện đăng ký
Giao diện tìm kiếm sản phẩm
Khi khách hàng muốn tìm kiếm sản phẩm thì có thể nhập từ khóa vào thanh tìm kiếm ở website sau đó bấm “Tìm kiếm”
Hình 13 Giao diện tìm kiếm sản phẩm
Giao diện chi tiết sản phẩm
Ở giao diện này, khách hàng có thể xem được các thông tin chi tiết của sản phẩm, sau đó thêm sản phẩm vào giỏ hàng.
Hình 14 Giao diện chi tiết sản phẩm
Giao diện giỏ hàng
Hình 15 Giao diện giỏ hàng
- Nhấn “Cập nhật giỏ hàng” để cập nhật lại số lượng và tổng giá sản phẩm.
- Nhấn vào icon xóa để xóa từng sản phẩm, nhấn “Xóa giỏ hàng” khi muốn xóa toàn bộ sản phẩm trong giỏ hàng.
- Nhấn vào “Lịch sử đơn hàng” nếu khách hàng muốn xem các đơn hàng đã đặt
- Nhấn “Thanh toán” để chuyển sang giao diện đặt hàng
Giao diện thanh toán
Hình 16 Giao diện thanh toán
Hình 17 Giao diện thanh toán bằng VNPay
Hình 18 Giao diện trang admin
Giao diện đăng nhập trang admin
Hình 3.10 Giao diện đăng nhập trang admin
Giao diện quản lý sản phẩm
Hình 3.11 Giao diện quản lý sản phẩm
Hình 3.12 Giao diện thêm sản phẩm
Hình 3.13 Giao diện sửa sản phẩm
Giao diện quản lý đơn đặt hàng
Hình 3.14 Giao diện quản lý đơn hàn
Hình 3.15 Giao diện xử lý đơn hàng
Hình 3.16 Giao diện đơn hàng thành công
Giao diện quản lý slide
Hình 3.17 Giao diện quản lý slide
Hình 3.18 Giao diện thêm slide
Giao diện quản lý tài khoản khách hàng
Hình 3.19 Giao diện quản lý tài khoản khách hàng
Giao diện quản lý tài khoản nhân viên
Hình 3.20 Giao diện quản lý tài khoản nhân viên
Hình 3.21 Giao diện cập nhật thông tin tài khoản nhân viên
