Báo cáo này trình bày đề tài "Phát triển trang web bántúi xách", với mục tiêu xây dựng một nền tảng thương mại điện tử hiện đại và toàndiện, giúp các cửa hàng túi xách không chỉ dễ dàng
Tình hình nghiên cứu phát triển web
Tình Hình Phát Triển Các Trang Web Bán Túi Xách
Nền tảng thương mại điện tử đang ngày càng trở nên phổ biến, giúp người tiêu dùng dễ dàng mua sắm túi xách trực tuyến Việc này không chỉ đáp ứng nhu cầu thời trang mà còn phù hợp với đa dạng phong cách và tiện ích của túi xách trong cuộc sống hàng ngày.
Các trang web bán túi xách cung cấp cho người tiêu dùng sự tiện lợi khi truy cập hàng ngàn mẫu mã khác nhau và so sánh giá cả cùng chất lượng giữa các thương hiệu Tại đây, khách hàng có thể tìm thấy nhiều loại túi xách như túi thời trang, túi công sở, ba lô đa năng, túi thể thao và túi xách cao cấp cho nhiều dịp khác nhau Đặc biệt, các website này còn tích hợp tính năng bộ lọc sản phẩm và gợi ý dựa trên xu hướng cùng đánh giá của người dùng, giúp khách hàng dễ dàng tìm kiếm sản phẩm phù hợp với nhu cầu và sở thích của mình.
Thị trường bán lẻ túi xách trực tuyến đang tăng trưởng mạnh mẽ nhưng gặp phải cạnh tranh khốc liệt từ các sàn thương mại điện tử lớn và thương hiệu lâu năm Để tồn tại, các trang web bán túi xách độc lập cần liên tục đổi mới và cải thiện dịch vụ, nâng cao trải nghiệm người dùng với giao diện thân thiện và tính năng tìm kiếm tối ưu Hơn nữa, hình ảnh sản phẩm chân thực, mô tả chi tiết và chính sách đổi trả rõ ràng là những yếu tố quan trọng giúp tạo niềm tin và xây dựng uy tín cho cửa hàng túi xách trực tuyến.
Đánh giá các phương pháp và giải pháp
Xây dựng trang web bán hàng túi xách cần sử dụng công nghệ PHP, HTML, CSS và MySQL để đảm bảo tính ổn định và khả năng mở rộng Những công nghệ này phù hợp cho phát triển hệ thống thương mại điện tử vừa và nhỏ nhờ vào tính linh hoạt, hiệu quả trong xử lý và bảo mật dữ liệu.
PHP là một ngôn ngữ lập trình phổ biến trong phát triển backend cho ứng dụng web, đóng vai trò quan trọng trong việc xử lý đơn hàng, quản lý tài khoản người dùng và thực hiện thanh toán an toàn Sự linh hoạt của PHP cho phép tích hợp dễ dàng với MySQL, giúp lưu trữ và quản lý hiệu quả dữ liệu sản phẩm, đơn hàng và thông tin khách hàng.
HTML và CSS đóng vai trò quan trọng trong việc tạo ra giao diện người dùng trực quan và thân thiện, giúp hiển thị danh mục túi xách, giỏ hàng và chi tiết sản phẩm một cách mượt mà Sự kết hợp này không chỉ đảm bảo trải nghiệm mua sắm dễ dàng và thẩm mỹ mà còn nâng cao khả năng truy xuất và tìm kiếm dữ liệu nhanh chóng, đáp ứng tốt nhu cầu của người dùng và cải thiện trải nghiệm tổng thể.
Tích hợp PHP, HTML, CSS và MySQL tạo ra một hệ thống thương mại điện tử hiệu quả, với PHP đảm nhiệm xử lý logic và nghiệp vụ, MySQL quản lý dữ liệu, trong khi HTML và CSS hỗ trợ hiển thị giao diện Giải pháp này không chỉ giúp trang web vận hành ổn định mà còn dễ dàng bảo trì và nâng cấp, đồng thời sẵn sàng mở rộng tính năng để đáp ứng nhu cầu phát triển trong tương lai.
Lựa chọn đối tượng và phương pháp nghiên cứu
Ý tưởng và mục tiêu của Web Bán Túi Xách
Trang web bán túi xách ra đời để cung cấp nền tảng mua sắm trực tuyến chuyên biệt cho các loại túi xách đa dạng về phong cách, mẫu mã và mục đích sử dụng Túi xách không chỉ là phụ kiện thời trang mà còn phục vụ nhiều chức năng trong cuộc sống hiện đại Túi công sở cần thiết kế rộng rãi và phù hợp với phong cách chuyên nghiệp, trong khi túi du lịch và ba lô đa năng yêu cầu độ bền, tiện dụng và sức chứa lớn Đối với túi xách thời trang, yếu tố thẩm mỹ và xu hướng luôn được người tiêu dùng ưu tiên hàng đầu.
Trang web sẽ cung cấp bộ sưu tập túi xách đa dạng theo xu hướng và phong cách, giúp người dùng dễ dàng lựa chọn sản phẩm phù hợp cho nhiều dịp khác nhau, từ túi xách hàng ngày, túi công sở đến túi cho các sự kiện đặc biệt như tiệc tùng hay du lịch Khách hàng có thể tìm thấy các mẫu túi mới nhất từ thương hiệu nổi tiếng và sản phẩm độc đáo từ các nhà thiết kế trẻ Đặc biệt, với tính năng cá nhân hóa tìm kiếm dựa trên lịch sử mua sắm và sở thích, trang web giúp người tiêu dùng khám phá nhiều sản phẩm phù hợp với phong cách và nhu cầu cá nhân của họ.
Tối ưu hóa trải nghiệm mua sắm trực tuyến bằng cách xây dựng một nền tảng thân thiện và dễ sử dụng, cho phép người dùng dễ dàng duyệt qua các danh mục túi xách đa dạng, tìm kiếm và lọc sản phẩm hiệu quả, cũng như hoàn tất quy trình thanh toán nhanh chóng và an toàn.
Quản lý hàng tồn kho hiệu quả giúp cửa hàng kịp thời cập nhật tình trạng sản phẩm và số lượng tồn kho, ngăn chặn tình trạng hết hàng Điều này không chỉ hỗ trợ cửa hàng trong việc duy trì nguồn cung mà còn cung cấp thông tin chính xác cho khách hàng về tình trạng sản phẩm còn hàng hay không.
- Nâng cao chất lượng dịch vụ khách hàng: Hỗ trợ khách hàng trong việc tra cứu
Phát triển hệ thống báo cáo và quản lý doanh thu là yếu tố then chốt giúp theo dõi doanh thu và phân tích hành vi mua sắm của khách hàng Điều này cho phép doanh nghiệp đưa ra các chiến lược kinh doanh phù hợp với từng thời kỳ, xu hướng tiêu dùng, cũng như các dịp đặc biệt trong năm.
Xây dựng một trang web bán túi xách không chỉ phục vụ nhu cầu mua sắm trực tuyến mà còn là công cụ hiệu quả để quảng bá thương hiệu và thu hút khách hàng trung thành.
Đối tượng và phạm vi nghiên cứu
Đề tài nghiên cứu tập trung vào các giải pháp kỹ thuật và công nghệ cho việc phát triển trang web bán hàng túi xách, sử dụng các công nghệ lập trình như PHP, HTML, CSS và cơ sở dữ liệu MySQL Mục tiêu là xây dựng nền tảng trực tuyến giúp người tiêu dùng dễ dàng mua sắm các sản phẩm túi xách đa dạng, từ túi công sở, túi thời trang đến ba lô du lịch Đối tượng sử dụng trang web chủ yếu là cá nhân, đặc biệt là những người yêu thích túi xách và có nhu cầu tìm kiếm sản phẩm phù hợp cho nhiều mục đích khác nhau.
Lập trình web bao gồm hai phần chính: backend và frontend PHP được sử dụng để xử lý các chức năng logic và quản lý tính năng của trang web, trong khi HTML và CSS giúp xây dựng giao diện người dùng thân thiện và dễ sử dụng.
Quản lý cơ sở dữ liệu là một yếu tố quan trọng trong việc nghiên cứu và ứng dụng MySQL, cho phép lưu trữ hiệu quả thông tin sản phẩm, đơn hàng, và dữ liệu khách hàng Hệ thống này hỗ trợ tổ chức và quản lý các dữ liệu liên quan đến hoạt động của trang web, từ đó nâng cao hiệu suất và trải nghiệm người dùng.
Tích hợp tính năng thương mại điện tử là điều cần thiết, bao gồm các chức năng cơ bản như tìm kiếm sản phẩm, giỏ hàng, thanh toán trực tuyến và quản lý đơn hàng Những tính năng này không chỉ giúp nâng cao trải nghiệm người dùng mà còn tối ưu hóa quy trình mua sắm trực tuyến.
Xây dựng hệ thống quản lý sản phẩm: Cho phép thêm, sửa, xóa và cập nhật các sản phẩm văn phòng phẩm một cách hiệu quả.
Hỗ trợ người dùng trong việc tìm kiếm và mua sắm trực tuyến bằng cách tích hợp các chức năng tìm kiếm, lọc sản phẩm và hiển thị thông tin chi tiết về sản phẩm.
Hệ thống quản lý đơn hàng và kho hàng: Cung cấp khả năng theo dõi tình trạng đơn hàng, số lượng tồn kho và thông tin vận chuyển.
Nghiên cứu sẽ tập trung vào trải nghiệm của khách hàng (người mua hàng), người quản trị (quản lý sản phẩm, đơn hàng), và nhân viên hỗ trợ
Trong khoảng thời gian dự kiến, chúng tôi sẽ nghiên cứu và xây dựng hệ thống nhằm phát triển, kiểm thử và triển khai một trang web cơ bản, đáp ứng nhu cầu bán hàng văn phòng phẩm trực tuyến.
Phương pháp và công cụ phát triển
Mô hình Waterfall bao gồm các giai đoạn: phân tích yêu cầu, thiết kế, phát triển, kiểm thử và triển khai Mỗi giai đoạn phải được hoàn thành trước khi chuyển sang giai đoạn tiếp theo, điều này giúp đảm bảo tính rõ ràng trong yêu cầu và sự chuẩn bị kỹ lưỡng trước khi bắt đầu lập trình.
Phương pháp này lý tưởng cho các dự án có yêu cầu cố định, giúp theo dõi tiến độ và đảm bảo chất lượng từng phần Để đảm bảo trang web thân thiện và đáp ứng nhu cầu người dùng, tất cả tính năng và giao diện sẽ được thiết kế và kiểm tra kỹ lưỡng dựa trên trải nghiệm của người dùng cuối, từ đó tạo ra một giao diện dễ sử dụng, thuận tiện và trực quan.
Thu thập phản hồi từ người dùng trong quá trình phát triển nhằm điều chỉnh và hoàn thiện sản phẩm một cách tốt nhất.
Công cụ lập trình và framework:
Sử dụng PHP cho phần backend giúp xử lý logic và thực hiện các tác vụ server-side, bao gồm quản lý giỏ hàng, đơn hàng và giao dịch thanh toán hiệu quả.
Sử dụng HTML và CSS để thiết kế giao diện người dùng, kết hợp với JavaScript để tạo hiệu ứng và nâng cao tương tác, giúp mang lại trải nghiệm mượt mà cho khách hàng.
- Bootstrap: Sử dụng Bootstrap để xây dựng giao diện linh hoạt, hỗ trợ responsive giúp trang web hiển thị tốt trên nhiều thiết bị khác nhau.
Hệ quản trị cơ sở dữ liệu:
MySQL là một hệ quản trị cơ sở dữ liệu mạnh mẽ, được sử dụng để lưu trữ và quản lý thông tin về sản phẩm, đơn hàng, khách hàng và nhiều loại dữ liệu khác Với khả năng đảm bảo tốc độ truy xuất dữ liệu nhanh chóng, MySQL rất phù hợp cho các ứng dụng web vừa và nhỏ, đồng thời cung cấp khả năng mở rộng linh hoạt cho các nhu cầu phát triển trong tương lai.
Công cụ hỗ trợ phát triển và kiểm thử:
Visual Studio Code is a powerful Integrated Development Environment (IDE) that enhances programming efficiency with features such as code autocompletion, syntax checking, and Git integration.
XAMPP là một môi trường phát triển tích hợp bao gồm Apache, PHP và MySQL, giúp hỗ trợ quá trình phát triển và kiểm thử website trên máy cục bộ trước khi triển khai chính thức.
Các phương pháp và công cụ này đảm bảo rằng trang web được xây dựng một cách hiệu quả, dễ dàng bảo trì và đáp ứng tốt các yêu cầu kỹ thuật cũng như mang lại trải nghiệm người dùng tối ưu.
Nội dung đã thực hiện
Phân tích và thiết kế cơ sở dữ liệu
3.1.1 Phân tích cơ sở dữ liệu
Thuộc tính của thực thể
- Thực thể quản lý người dùng: users ( , account_name, username, email, id phone, address,password,created_at).
- Thực thể quản lý hàng hóa: products (product_id, name, price, description, price,quatity,category_id, image_url,created_at).
- Thực thể quản lý đánh giá khách hàng: contact_messages ( , full_name, id email, phone_number, feedback, submitted_at).
- Thực thể quản lý giỏ hàng thanh toán: cart(cart_id, username, product_id, quantity).
- Thực thể quản lý loại hàng hóa: product_categories (category_id, category_name).
Thực thể Bảng quan hệ
Quản lý người dùng Users
Quản lý hàng hóa Products
Quản lý đánh giá khách hàng Contact_messages
Quản lý giỏ hàng thanh toán Cart
Quản lý loại hàng hóa Product_categories
Bảng 3.1 Bảng mô hình quan hệ
STT Tên trường Kiểu dữ liệu Tên đầy đủ
1 id INT (11) Mã người dùng
2 account_name VARCHAR (100) Tên tài khoản
8 Created_at TIMESTAMP Thời gian tại
Bảng 3.2 Quán lý người dùng
STT Tên trường Kiểu dữ liệu Tên đầy đủ
1 product_id INT (11) Mã sản phẩm
2 name VARCHAR (100) Tên sản phẩm
5 category_id INT (11) Mã thể loại
6 image_url VARCHAR (255) Hình ảnh
7 Created_at TIMESTAMP Thời gian tại
Bảng 3.3 Quản lý hàng hóa
Quản lý đánh giá khách hàng
STT Tên trường Kiểu dữ liệu Tên đầy đủ
1 id INT (11) Mã đánh giá
2 full_name VARCHAR (100) Tên khách hàng
4 phone VARCHAR (15) Số điện thoại
5 Feedback TEXT Đánh giá khách hàng
6 submitted_at TIMESTAMP Hình ảnh
Bảng 3.4 Quản lý đánh giá khách hàng
Quản lý giỏ hàng thanh toán
Tên trường Kiểu dữ liệu Diễn giải
1 x cart_id INT(11) Mã thanh toán
2 username varchar(50) Tên đăng nhập
4 quantity INT(11) Số tiền thanh toán
Bảng 3.5 Quản lý giỏ hàng thanh toán
Quản lý loại hàng hóa
Tên trường Kiểu dữ liệu Diễn giải
1 x category_id int(11) Mã thanh toán
2 category_name varchar(100) Tên đăng nhập
Bảng 3.5 Quản lý loại hàng hóa
3.1.2 Mô hình quan hệ (Database Diagrams)
Hình 3.1 Mô hình quan hệ
3.1.3 Truy vấn cơ sở dữ liệu
Hình 3.2 Bản ghi bảng Users
Hình 3.3 Bản ghi bảng Products
Bản ghi bảng Contact_messages
Hình 3.4 Bản ghi bảng Feedback
Hình 3.5 Bản ghi bảng Cart
Bản ghi bảng Product_Categories
Hình 3.6 Bản ghi bảng Product_Categories
Thiết kế và phát triển giao diện người dùng
Giao diện người dùng(chưa đăng nhập)
Hình 3.7 Giao diện người dùng(chưa đăng nhập)
Giao diện trang chủ(đăng nhập)
Hình 3.8 Giao diện trang chủ(đăng nhập)
Hình 3.9 Giao diện đăng nhập
Hình 3.10 Giao diện đăng kí
Giao diện hiển thị các loại sản phẩm
Hình 3.11 Giao diện hiển thị các loại sản phẩm
Hình 3.12 Giao diện liện hệ
Giao diện hiện thị chi tiết sản phẩm
Hình 3.13 Giao diện hiện thị chi tiết sản phẩm
Giao diện hiện thị giỏ hàng
Hình 3.14 Giao diện hiện thị giỏ hàng
Hoàn thiện các chức năng xây dựng web
3.3.1 Kết nối cơ sở dữ liệu
// Thông tin kết nối cơ sở dữ liệu
$servername = "localhost"; // Tên máy chủ
$username = "root"; // Tên người dùng MySQL
$password = ""; // Mật khẩu MySQL (nếu có)
$dbname = "quanlituixach"; // Tên cơ sở dữ liệu
$conn = new mysqli($servername, $username, $password, $dbname);
// Kiểm tra kết nối if ($conn->connect_error) { die("Kết nối thất bại: " $conn->connect_error);
- Khai báo thông tin kết nối: Các biến $servername, $username, $password, và
$dbname chứa thông tin về máy chủ, tên người dùng, mật khẩu và tên cơ sở dữ liệu.
- Tạo kết nối: Dùng lớp mysqli để khởi tạo một đối tượng kết nối ($conn) đến cơ sở dữ liệu MySQL với các thông tin đã khai báo.
- Kiểm tra kết nối: Nếu có lỗi trong quá trình kết nối, thông báo "Kết nối thất bại" sẽ được hiển thị cùng thông tin lỗi.
3.3.2 Phần Header và tab menu
Phần Header và tab menu(chưa đăng nhập)
Túi Xách
Đăng nhập
Đăng kí
Liên hệ
Thanh tìm kiếm: Có trường nhập để tìm kiếm và nút tìm kiếm với biểu tượng kính lúp (fa-search).
Giỏ hàng: Biểu tượng giỏ hàng (fa-shopping-cart) liên kết đến trang
"dangnhap.php", có thể để nhắc người dùng đăng nhập trước khi vào giỏ hàng.
- Menu điều hướng (tab-menu):
Đăng nhập: Liên kết đến trang đăng nhập "dangnhap.php".
Đăng kí: Liên kết đến trang đăng ký "dangki.php".
Liên hệ: Liên kết đến trang "lienhe.php".
Phần Header và tab menu(đăng nhập)
Xin chào " alt="">
VND
- Truy vấn cơ sở dữ liệu:
SQL truy vấn tất cả sản phẩm từ bảng products với các thông tin: product_id, product_name, price, và image_url.
Sử dụng $conn->query($sql) để lấy kết quả từ cơ sở dữ liệu.
- Hiển thị sản phẩm từ cơ sở dữ liệu:
Nếu có sản phẩm trong kết quả truy vấn, đoạn mã sử dụng vòng lặp while để duyệt qua từng sản phẩm.
- Liên kết đến chi tiết sản phẩm:
Mỗi sản phẩm được liên kết thông qua thẻ , dẫn đến trang chi tiết sản phẩm tại địa chỉ chitietsanpham.php?id=product_id, trong đó product_id đại diện cho mã sản phẩm cụ thể.
Khi nhấp vào liên kết, người dùng sẽ được chuyển đến trang chi tiết của sản phẩm đó.
Đoạn mã sử dụng thẻ để hiển thị ảnh của sản phẩm, với đường dẫn ảnh được lấy từ cột image_url trong cơ sở dữ liệu.
Thuộc tính alt của thẻ ảnh được gán tên sản phẩm, giúp hiển thị tên nếu ảnh không tải được và hỗ trợ SEO.
Tên sản phẩm được hiển thị trong thẻ
, lấy từ cột product_name trong cơ sở dữ liệu.
Hàm number_format(price, 0, ',', '.') định dạng giá theo chuẩn số học Việt Nam, với dấu phân cách hàng nghìn bằng dấu chấm và đơn vị là
" alt="">
VND
- Truy vấn cơ sở dữ liệu:
Lấy các trường product_id, product_name, price, và image_url từ bảng products.
Lưu kết quả vào $result.
- Hiển thị sản phẩm: o Tạo liên kết đến trang chi tiết sản phẩm (chitietsanpham2.php?id=product_id).
" alt="">
VND
• Dùng mysqli_fetch_assoc($result) để lấy từng sản phẩm từ $result trong cơ sở dữ liệu.
• Mỗi sản phẩm sẽ được lưu trong $product và hiển thị theo định dạng bên dưới.
- Liên kết đến trang chi tiết sản phẩm:
Tạo liên kết đến chitietsanpham.php?id=product_id, trong đó product_id là ID của sản phẩm hiện tại.
- Hiển thị thông tin sản phẩm:
Ảnh: hiển thị ảnh từ image_url, với thuộc tính alt là tên sản phẩm.
Tên sản phẩm: Hiển thị tên trong
.
Dòng này đóng vòng lặp while, kết thúc quá trình lặp qua các sản phẩm.
Nếu không có sản phẩm nào trong $result, đoạn mã sẽ không hiển thị thông báo gì, do thiếu điều kiện kiểm tra để thông báo "Không có sản phẩm nào trong loại này".
- Menu này giúp người dùng dễ dàng chọn loại sản phẩm mà họ muốn tìm kiếm, tạo ra một trải nghiệm mua sắm trực tuyến thuận tiện.
Phần PHP(chưa đăng nhập)
