Báo cáo Đồ án: Xây dựng hệ thống website bán giày chi tiết A-Z

Tài liệu đồ án Xây dựng website bán giày sử dụng NodeJS, MySQL. Nội dung bao gồm phân tích, thiết kế hệ thống, CSDL và triển khai các chức năng.

• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Hệ Thống Website Bán Giày
• Loại tài liệu: Project
• Năm xuất bản: 2022
• Địa điểm: Hà Nội

Tóm tắt

I. Tổng Quan Về Đồ Án Xây Dựng Website Bán Giày Bằng NodeJS MySQL

Đồ án xây dựng website bán giày bằng NodeJS & MySQL là một dự án thực tế nhằm phát triển hệ thống thương mại điện tử chuyên về bán lẻ giày dép. Trong kỷ nguyên công nghệ thông tin hiện đại, website bán giày đã trở thành một công cụ marketing không thể thiếu cho các doanh nghiệp bán lẻ. Dự án này được thiết kế để giải quyết các nhu cầu thực tế của một cửa hàng giày online, bao gồm quản lý sản phẩm, giỏ hàng, đơn hàng và khách hàng. Bằng cách sử dụng NodeJS làm runtime environment và MySQL để quản lý cơ sở dữ liệu, dự án cung cấp một giải pháp hoàn chỉnh từ phía máy chủ đến phía người dùng, giúp tối ưu hóa chi phí thiết kế và nâng cao hiệu suất hệ thống.

1.1. Mục Đích Xây Dựng Website Bán Giày

Mục đích chính của đồ án website bán giày là tạo ra một nền tảng thương mại điện tử hiệu quả. Hệ thống này cho phép doanh nghiệp tiếp cận khách hàng một cách trực tuyến, tiết kiệm chi phí vận hành và mở rộng thị trường. Website bán giày cung cấp giao diện người dùng thân thiện, hỗ trợ tìm kiếm sản phẩm dễ dàng, quản lý giỏ hàng hiệu quả và quy trình thanh toán an toàn cho khách hàng.

1.2. Lợi Ích Của Công Nghệ NodeJS MySQL

NodeJS là runtime JavaScript phía máy chủ cho phép xây dựng ứng dụng web nhanh và scalable. MySQL là hệ quản trị cơ sở dữ liệu mạnh mẽ, đáng tin cậy. Sự kết hợp NodeJS và MySQL mang lại hiệu suất cao, khả năng xử lý đồng thời tốt, chi phí thấp do đều là công nghệ mã nguồn mở, và có cộng đồng hỗ trợ lớn mạnh.

II. Công Nghệ Và Công Cụ Sử Dụng Trong Dự Án

Để xây dựng website bán giày hiệu quả, đồ án sử dụng một stack công nghệ hiện đại và phổ biến. NodeJS được chọn làm nền tảng phát triển phía máy chủ nhờ tính linh hoạt và hiệu suất cao. MySQL đảm nhiệm vai trò quản lý cơ sở dữ liệu, lưu trữ thông tin sản phẩm, đơn hàng, và khách hàng. Ngoài ra, Bootstrap 4 được sử dụng để xây dựng giao diện responsive, thích ứng tốt trên các thiết bị khác nhau. Các framework và thư viện hỗ trợ khác như Express.js cho routing, body-parser cho xử lý request, và bcryptjs để bảo mật mật khẩu người dùng, giúp tăng cường tính bảo mật và hiệu quả của hệ thống.

2.1. NodeJS Nền Tảng Phía Máy Chủ

NodeJS là runtime environment cho phép chạy JavaScript trên máy chủ. Nó sử dụng event-driven, non-blocking I/O model, giúp website bán giày xử lý nhiều request đồng thời một cách hiệu quả. NodeJS còn cung cấp npm - package manager giàu resources, cho phép dễ dàng tích hợp các thư viện và framework hỗ trợ phát triển.

2.2. MySQL Hệ Quản Trị Cơ Sở Dữ Liệu Mạnh Mẽ

MySQL là hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở, đáng tin cậy cho việc lưu trữ dữ liệu website bán giày. Nó hỗ trợ các tính năng như transaction, indexing, và replication. MySQL có tốc độ truy vấn nhanh, dung lượng lưu trữ lớn, phù hợp với các ứng dụng e-commerce yêu cầu hiệu suất cao.

III. Các Chức Năng Chính Của Hệ Thống

Hệ thống website bán giày được thiết kế với những chức năng toàn diện để đáp ứng nhu cầu cả khách hàng và quản lý. Phía người dùng khách hàng bao gồm: đăng ký, đăng nhập, duyệt danh mục sản phẩm, xem chi tiết giày, tìm kiếm sản phẩm, quản lý giỏ hàng, thanh toán đơn hàng, xem lịch sử mua hàng, và đánh giá sản phẩm. Phía quản trị viên, website bán giày cung cấp: quản lý danh mục sản phẩm, quản lý sản phẩm (thêm, sửa, xóa), quản lý đơn hàng, quản lý người dùng, xem thống kê doanh thu, và quản lý nội dung tin tức. Tất cả chức năng này được mô tả chi tiết thông qua use case diagram và activity diagram để đảm bảo hệ thống đáp ứng đủ các yêu cầu nghiệp vụ.

3.1. Chức Năng Phía Người Dùng Khách Hàng

Khách hàng có thể đăng ký và đăng nhập để tạo tài khoản cá nhân. Họ có thể duyệt sản phẩm giày theo danh mục, xem chi tiết sản phẩm với hình ảnh và giá cả. Tìm kiếm sản phẩm giúp khách hàng nhanh chóng tìm được giày mong muốn. Quản lý giỏ hàng cho phép thêm/xóa sản phẩm. Thanh toán an toàn và xem lịch sử đơn hàng đã mua.

3.2. Chức Năng Phía Quản Lý Admin

Quản lý danh mục sản phẩm: thêm, sửa, xóa các loại giày. Quản lý sản phẩm: cập nhật thông tin giày, giá, hình ảnh, số lượng. Quản lý đơn hàng: xem, cập nhật trạng thái đơn. Thống kê doanh thu: xem báo cáo bán hàng chi tiết. Quản lý người dùng: quản lý tài khoản khách hàng và admin, phân quyền truy cập.

IV. Thiết Kế Giao Diện Và Quy Trình Thanh Toán

Giao diện của website bán giày được thiết kế với Bootstrap 4 để đảm bảo responsive, thích ứp tốt trên desktop, tablet, và mobile. Trang chủ hiển thị danh sách sản phẩm nổi bật với hình ảnh, giá, và nút "Chi tiết". Trang chi tiết sản phẩm cung cấp thông tin toàn diện về giày, bao gồm kích cỡ, màu sắc, giá cả, và nút "Thêm vào giỏ hàng". Giỏ hàng cho phép khách hàng xem tổng giá, sửa số lượng, hoặc xóa sản phẩm. Form đăng nhập và đăng ký có giao diện đơn giản, dễ sử dụng. Quy trình thanh toán được tối ưu hóa để giảm bước nhập liệu, hỗ trợ nhiều phương thức thanh toán. Phía quản lý, các giao diện quản lý sản phẩm, đơn hàng, thống kê doanh thu được thiết kế rõ ràng, dễ thao tác với bảng dữ liệu chi tiết.

4.1. Thiết Kế Giao Diện Khách Hàng

Giao diện trang chủ hiển thị banner, danh sách sản phẩm nổi bật với hình ảnh cuốn hút. Thanh điều hướng cung cấp truy cập nhanh đến danh mục, tìm kiếm, giỏ hàng, tài khoản. Trang chi tiết sản phẩm với slider hình ảnh, mô tả, đánh giá sao. Giỏ hàng hiển thị danh sách sản phẩm, tổng tiền, nút "Thanh toán". Giao diện được tối ưu SEO với metadata, heading tags rõ ràng.

4.2. Quy Trình Thanh Toán An Toàn

Khách hàng thêm sản phẩm vào giỏ hàng, xem giỏ và chỉnh sửa nếu cần. Nhập thông tin giao hàng như địa chỉ, số điện thoại. Chọn phương thức thanh toán (COD hoặc online). Xác nhận đơn hàng và thanh toán an toàn với bcryptjs bảo vệ dữ liệu. Nhận email xác nhận và có thể theo dõi trạng thái đơn hàng qua tài khoản.

Trích đoạn nội dung tài liệu

CHƯƠNG 1. KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN 1.1 Tìm hiểu “Xây dựng website bán giày shoes” 1.2 Công cụ lập trình và ngôn ngữ được sử dụng 1.3 Giới thiệu ngôn ngữ lập trình nodejs 1.4 Giới thiệu hệ quản trị cơ sở dữ liệu mysql 1.5 Các thư viện – Framework hỗ trợ 1.5 Bootstrap 4 CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Hiện trạng thực tế 2.2 Mô hình nghiệp vụ của hệ thống 2.1 Sơ đồ cơ cấu tổ chức 2.2 Chức năng từng bộ phận 2.3 Yêu cầu chức năng nghiệp vụ của hệ thống 2.3 Yêu cầu hệ thống 2.4 Sơ đồ phân rã chức năng 2.5 Mô hình Use Case 2.2 Xác định các Use Case 2.6 Xây dựng biểu đồ Use Case tổng quát 2.1 Biểu đồ Use Case tổng quát 2.2 Biểu đồ Use Case đăng nhập, đăng xuất 2.3 Biểu đồ Use Case Quản lý đăng ký 2.4 Biểu đồ Use Case Quản lý sản phẩm 2.5 Biểu đồ Use Case quản lý danh mục sản phẩm 2.6 Biểu đồ Use Case Case quản lý tin tức 2.7 Biểu đồ Use Case Case quản lý hóa đơn 2.7 Đặc tả Use Case 2.1 Use Case 1 – Đăng nhập 2.2 Use Case 2 – Đăng xuất 2.4 Use Case 4 - Xem thông tin sản phẩm 2.5 Use Case 5 – Quản lý giỏ hàng 2.6 Use Case 6 – Thanh toán 2.7 Use Case 7 – Quản lý thông tin cá nhân của tài khoản 2.8 Use Case 8 – Tìm kiếm sản phẩm 2.9 Use Case 9 – Quản lý loại sản phẩm 2.10 Use Case 10 – Quản lý sản phẩm 2.11 Use Case 11 – Quản lý đơn hàng 2.12 Use Case 12 – Quản lý thống kê 2.13 Use Case 13 – Quản lý người dùng 2.14 Use Case 14 – Xem lịch sử đơn hàng 2.15 Use Case 15 – Xem tất cả sản phẩm đã mua 2.8 Biểu đồ hoạt động 2.1 Biểu đồ hoạt động đăng nhập, đăng xuất 2.2 Biểu đồ hoạt động tìm kiếm sản phẩm 2.3 Biểu đồ hoạt động xem chi tiết sản phẩm 2.4 Biểu đồ hoạt động đặt hàng 2.5 Biểu đồ hoạt động đánh giá sản phẩm 2.9 Thiết kế các bảng cơ sở dữ liệu CHƯƠNG 3. TRIỂN KHAI PHẦN MỀM 3.1 Giao diện chính của Website 3.1 Giao diện trang chủ web 3.2 Giao diện giỏ hàng 3.3 Giao diện chi tiết sản phẩm 3.4 Giao diện form đăng nhập 3.5 Giao diện quản lý sản phẩm 3.6 Giao diện quản lý đơn hàng 3.7 Giao diện thống kê doanh thu 3.8 Giao diện quản lý chi tiết đơn hàng 3.2 Kết quả thực hiện kiểm thử 3.1 Kiểm thử đăng ký 3.2 Kiểm thử đăng nhập 3.3 Kiểm thử thêm sản phẩm 3.4 Kiểm thử cập nhật sản phẩm 3.5 Kiểm thử xóa sản phẩm 3.8 Kiểm thử xóa loại sản phẩm 3.9 Kiểm thử tìm kiếm sản phẩm 3.10 Kiểm thử cập nhật thông tin đơn hàng 3.11 Kiểm thử xóa đơn hàng 3.12 Kiểm thử xóa người dùng TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN LỜI NÓI ĐẦU Trên thực tế không có sự thành công nào mà không gắn liền với những sự hỗ trợ, sự giúp đỡ dù ít hay nhiều, dù là trực tiếp hay gián tiếp của người khác.

Trong suốt thời gian từ khi bắt đầu học tập, chúng em đã nhận được rất nhiều sự quan tâm, giúp đỡ của Thầy Cô, gia đình và bạn bè. Em xin chân thành cảm ơn cô đã tận tâm hướng dẫn chúng em qua từng buổi học trên lớp cũng như những buổi nói chuyện, thảo luận về môn học. Trong thời gian được học tập và thực hành dưới sự hướng dẫn của thầy cô, em không những thu được rất nhiều kiến thức bổ ích, mà còn được truyền sự say mê và thích thú đối với bộ môn “ Thực tập hệ thống thông tin quản lý ”. Nếu không có những lời hướng dẫn, dạy bảo của thầy cô thì em nghĩ đồ án này của em rất khó có thể hoàn thành được.

Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên, do bước đầu đi vào thực tế, tìm hiểu và xây dựng đồ án trong thời gian có hạn, và kiến thức còn hạn chế, nhiều bỡ ngỡ, nên đồ án “Xây dựng hệ thống website bán giày shose” chắc chắn sẽ không thể tránh khỏi những thiếu sót. Em rất mong nhận được sự quan tâm, thông cảm và những đóng góp quý báu của các thầy cô và các bạn để đồ án này ngày càng hoàn thiện hơn. Sau cùng, em xin kính chúc các thầy cô trong Khoa Công Nghệ Thông Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình là truyền đạt kiến thức cho thế hệ mai sau. KHẢO S,T HIỆN TRẠNG VÀ X,C LẬP DỰ ,N 1.1Tìm hiểu “Xây dựng website bán giày shoes” Trong thời đại công nghệ thông tin như hiện nay, khi mà Internet trở nên thân quen và dần trở thành một công cụ không thể thiếu trong cuộc sống thì lợi ích của Website đối với việc quảng bá sản phẩm và thương hiệu của một công ty thật là to lớn.

Các mặt hàng điện tử sẽ đến với khách hàng một cách trực quan và nhanh chóng. Tùy từng lĩnh vực kinh doanh của từng doanh nghiệp mà Website mang lại những lợi ích khác nhau. Đặc biệt, các mặt hàng điện tử là hàng hóa dễ bán hơn những sản phầm khác. Website trở thành một cửa ngõ để doanh nghiệp tiếp thị sản phẩm của mình đến khách hàng.

Dự án “Xây dựng website bán giày shose” tạo ra Website kinh doanh mặt hàng giày, chi phí thiết kế thấp, giao diện khách hàng đẹp mắt, việc quản lý trở nên dễ dàng, tối ưu hóa cơ sở dữ liệu.2 Công cụ lập trình và ngôn ngữ được sử dụng - Hệ quản trị cơ sở dữ liệu: MONGODB - Công cụ lập trình: Visual Studio Code. - Ngôn ngữ lập trình: NODEJS 1.3 Giới thiệu ngôn ngữ lập trình nodejs NodeJS là một môi trường runtime chạy JavaScript đa nền tảng và có mã nguồn mở, được sử dụng để chạy các ứng dụng web bên ngoài trình duyệt của client. Nền tảng này được phát triển bởi Ryan Dahl vào năm 2009, được xem là một giải pháp hoàn hảo cho các ứng dụng sử dụng nhiều dữ liệu nhờ vào mô hình hướng sự kiện (event-driven) không đồng bộ.4 Giới thiệu hệ quản trị cơ sở dữ liệu mysql MYSQL là một hệ quản trị cơ sở dữ liệu quan hệ (Relational Database Management System (RDBMS) ) sử dụng câu lệnh SQL (Transact-SQL) để trao đổi dữ liệu giữa máy Client và máy cài SQL Server. Một RDBMS bao gồm databases, database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác nhau trong RDBMS.

MYSQL được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn (Very Large Database Environment) lên đến Tera-Byte và có thể phục vụ cùng lúc cho hàng ngàn user. SQL Server có thể kết hợp “ăn ý” với các server khác như Microsoft Internet Information Server (IIS), E-Commerce Server, Proxy Server….5 Các thư viện – Framework hỗ trợ 1.1 NODEJS NodeJS là một môi trường runtime chạy JavaScript đa nền tảng và có mã nguồn mở, được sử dụng để chạy các ứng dụng web bên ngoài trình duyệt của client. Nền tảng này được phát triển bởi Ryan Dahl vào năm 2009, được xem là một giải pháp hoàn hảo cho các ứng dụng sử dụng nhiều dữ liệu nhờ vào mô hình hướng sự kiện (event-driven) không đồng bộ.2 EXPRESS Expressjs hay còn được viết là Express js, Express. Đây là một framework mã nguồn mở miễn phí cho Node.js được sử dụng trong thiết kế và xây dựng các ứng dụng web một cách đơn giản và nhanh chóng.

Vì Express js chỉ yêu cầu ngôn ngữ lập trình Javascript nên việc xây dựng các ứng dụng web và API trở nên đơn giản hơn với các lập trình viên và nhà phát triển.Expressjs cũng là một khuôn khổ của Node.js do đó hầu hết các mã code đã được viết sẵn cho các lập trình viên có thể làm việc. Nhờ có Expressjs mà các nhà lập trình có thể dễ dàng tạo các ứng dụng 1 web, nhiều web hoặc kết hợp. Do có dung lượng khá nhẹ, Expressjs giúp cho việc tổ chức các ứng dụng web thành một kiến trúc MVC có tổ chức hơn.Để có thể sử dụng được mã nguồn này, chúng ta cần phải biết về Javascript và HTML. Expressjs cũng là một phần của công nghệ giúp quản lý các ứng dụng web một cách dễ dàng hơn hay còn được gọi là ngăn xếp phần mềm MEAN.Nhờ có thư viện Javascript của Express js đã giúp cho các nhà lập trình xây dựng nên các ứng dụng web hiệu quả và nhanh chóng hơn.

Expressjs cũng được sử dụng để nâng cao các chức năng của Node. Trên thực tế, nếu không sử dụng Express.js, bạn sẽ phải thực hiện rất nhiều bước lập trình phức tạp để xây dựng nên một API hiệu quả. Express js đã giúp cho việc lập trình trong Node.js trở nên dễ dàng hơn và có nhiều tính năng mới bổ sung.3 MONGODB MongoDB là một database hướng tài liệu (document), một dạng NoSQL database. Vì thế, MongoDB sẽ tránh cấu trúc table-based của relational database để thích ứng với các tài liệu như JSON có một schema rất linh hoạt gọi là BSON.

MongoDB sử dụng lưu trữ dữ liệu dưới dạng Document JSON nên mỗi một collection sẽ các các kích cỡ và các document khác nhau. Các dữ liệu được lưu trữ trong document kiểu JSON nên truy vấn sẽ rất nhanh.4 REACT JS Java Database Connectivity (JDBC) là một API được thiết kế dành cho ngôn ngữ lập trình Java hỗ trợ Java trong việc truy cập Cơ Sở Dữ Liệu (CSDL). Nó gồm có những phương thức thực hiện truy vấn và cập nhật CSDL gián tiếp qua Java. Nền tảng Java 2, Standard Edition, version 1.4 (J2SE) bao gồm JDBC 3.0 API mở rộng khả năng truy cập CSDL trong môi trường máy ảo Java.5 Bootstrap 4 Bootstrap là một front-end framework miễn phí giúp quá trình phát triển web được nhanh và dễ dàng hơn.

Bootstrap bao gồm các mẫu thiết kế dựa trên HTML và CSS như typography, forms, buttons, tables, navigation, modals, image carousels… cũng như các plugin JavaScript tùy chọn. Bootstrap cũng cung cấp cho bạn khả năng tạo ra các responsive designs một cách dễ dàng. PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Hiện trạng thực tế Các trang web trên toàn thế giới đang phát triển với một tốc độ vũ bão, và số lượng người kết nối với nó cũng ngày càng tăng. Kinh doanh online trở thành ngành nghề đem lại lợi nhuận cao, nhiều doanh nghiệp hiện nay cung cấp các mặt hàng điện tử trực tuyến.

Tất cả những gì bạn cần truy cập vào Website, lựa chọn một sản phẩm phù hợp với mình và đặt mua.2 Mô hình nghiệp vụ của hệ thống 2.1 Sơ đồ cơ cấu tổ chức Hình 1: Sơ đồ cơ cấu tổ chức 2.