StyleHub là website bán quần áo thời trang nam được phát triển để đáp ứng nhu cầu ngày càng cao của nam giới về thời trang, mua sắm trực tuyến, và tạo dấu ấn cá nhân thông qua trang phục. Dự án tập trung vào việc cung cấp trải nghiệm mua sắm thuận tiện, đa dạng các mẫu mã, đảm bảo chất lượng và giá cả hợp lý.
Bối cảnh - Hiện trạng
Thị trường thời trang nam tại Việt Nam đang phát triển mạnh mẽ
Xu hướng tiêu dùng của nam giới về thời trang đang thay đổi đáng kể
Nam giới ngày càng quan tâm đến thời trang, tìm kiếm sự thoải mái, cá tính và bền vững
Mua sắm trực tuyến ngày càng phổ biến nhưng vẫn còn những hạn chế cần khắc phục
Mục tiêu dự án
Xây dựng website cung cấp sản phẩm thời trang nam chất lượng cao và phong cách hiện đại
Cung cấp thông tin đầy đủ về các sản phẩm thông qua cơ sở dữ liệu chi tiết
Cho phép người dùng mua sắm một cách dễ dàng và nhanh chóng với nhiều phương thức thanh toán
Tích hợp dịch vụ giao hàng tận nơi và đổi trả linh hoạt
Xây dựng hệ thống quản lý hóa đơn, lịch sử mua sắm, đánh giá sản phẩm
Triển khai chương trình khuyến mãi, mã giảm giá và điểm thưởng cho khách hàng
TÍNH NĂNG NỔI BẬT
Tính năng dành cho khách hàng
Tìm kiếm và mua sắm linh hoạt
Tìm kiếm sản phẩm với nhiều bộ lọc (màu sắc, kích cỡ, giá cả, chất liệu)
Thêm sản phẩm vào giỏ hàng dễ dàng
Quy trình thanh toán đơn giản với nhiều phương thức thanh toán
Hệ thống tài khoản khách hàng chi tiết
Đăng ký và đăng nhập dễ dàng
Quản lý thông tin cá nhân linh hoạt
Xem lịch sử mua hàng và trạng thái đơn hàng
Đánh giá và nhận xét sản phẩm đã mua
Chương trình khách hàng thân thiết
Hệ thống tích điểm thưởng khi mua hàng
Quy đổi điểm thành ưu đãi và giảm giá
Voucher và khuyến mãi đặc biệt cho thành viên
Trải nghiệm sản phẩm trực quan
Hình ảnh sản phẩm chất lượng cao với nhiều góc độ
Thông tin chi tiết về chất liệu, kích thước và hướng dẫn chăm sóc
Đánh giá và phản hồi từ người dùng khác
Tính năng dành cho quản trị viên
Quản lý sản phẩm toàn diện
Thêm, sửa, xóa và ngừng kinh doanh sản phẩm
Quản lý chi tiết sản phẩm (màu sắc, kích cỡ, số lượng)
Quản lý hình ảnh và mô tả sản phẩm
Quản lý đơn hàng hiệu quả
Theo dõi và thay đổi trạng thái đơn hàng
Tìm kiếm và lọc đơn hàng theo nhiều tiêu chí
Xuất báo cáo và hóa đơn
Quản lý marketing và khuyến mãi
Tạo và quản lý chương trình khuyến mãi
Thiết lập và phân phối voucher
Quản lý hệ thống tích điểm khách hàng
Quản lý nhân viên và phân quyền
Thêm và quản lý tài khoản nhân viên
Phân quyền truy cập theo vai trò
Theo dõi hoạt động của nhân viên
Báo cáo và thống kê
Doanh thu theo ngày, tháng, năm
Sản phẩm bán chạy nhất
Số lượng hóa đơn tạo ra
Phân tích hành vi khách hàng
KIẾN TRÚC VÀ CÔNG NGHỆ
Kiến trúc hệ thống
Website phát triển dựa trên mô hình MVC (Model-View-Controller), Web API
Sử dụng Entity Framework Core để tương tác với cơ sở dữ liệu
Cơ sở dữ liệu được thiết kế chuẩn hóa và tối ưu
Công nghệ sử dụng
Thư viện và Framework chính:
Microsoft Entity Framework Core 6.0.18
Newtonsoft Json 13.0.3
MailKit 4.0.3
Cơ sở dữ liệu: SQL Server với 19 bảng được thiết kế tối ưu cho mối quan hệ phức tạp
Giao diện người dùng: Thiết kế responsive, thân thiện với người dùng, tối ưu trải nghiệm mua sắm
Hướng dẫn cài đặt
Hướng dẫn cài đặt
Yêu cầu môi trường
Visual Studio 2019 hoặc 2022 (đã cài workload ASP.NET và web development)
SQL Server 2016 trở lên (hoặc SQL Server Express)
.NET Framework 4.7.2 hoặc cao hơn
Các bước cài đặt Bước 1: Clone hoặc giải nén source code vào máy tính. Bước 2: Mở file .sln bằng Visual Studio. Bước 3: Cấu hình chuỗi kết nối database (Connection String) trong file Web.config:
➡️ Thay TenDatabase thành tên database của bạn.
Bước 4: Khởi tạo database:
Mở SQL Server Management Studio (SSMS)
Restore file database (.bak) nếu có sẵn, hoặc
Chạy các file script SQL đính kèm để tạo database và bảng.
Bước 5: Cấu hình API Key của VNPay trong appsettings hoặc trong Web.config (tùy source).
➡️ Đăng ký tài khoản VNPay để lấy các thông tin này. (Có thể dùng chế độ Sandbox để test.)
Bước 6: Build và Run project (F5 hoặc Ctrl+F5). Bước 7: Truy cập vào trình duyệt với đường dẫn:
Visual Studio 2019 hoặc 2022 (đã cài workload ASP.NET và web development)
SQL Server 2016 trở lên (hoặc SQL Server Express)
.NET Framework 4.7.2 hoặc cao hơn
Các bước cài đặt Bước 1: Clone hoặc giải nén source code vào máy tính. Bước 2: Mở file .sln bằng Visual Studio. Bước 3: Cấu hình chuỗi kết nối database (Connection String) trong file Web.config:
➡️ Thay TenDatabase thành tên database của bạn.
Bước 4: Khởi tạo database:
Mở SQL Server Management Studio (SSMS)
Restore file database (.bak) nếu có sẵn, hoặc
Chạy các file script SQL đính kèm để tạo database và bảng.
Bước 5: Cấu hình API Key của VNPay trong appsettings hoặc trong Web.config (tùy source).
➡️ Đăng ký tài khoản VNPay để lấy các thông tin này. (Có thể dùng chế độ Sandbox để test.)
Bước 6: Build và Run project (F5 hoặc Ctrl+F5). Bước 7: Truy cập vào trình duyệt với đường dẫn: