Đồ Án Tốt Nghiệp: Xây Dựng Website Bán Sách Cho Cửa Hàng Tâm An

Xây dựng website bán sách cho cửa hàng tâm an sử dụng công nghệ ReactJS giúp tối ưu hóa trải nghiệm người dùng và tăng doanh thu hiệu quả.

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ Án Tốt Nghiệp

2023

97
4
0

Phí lưu trữ

35 Point

Mục lục chi tiết

MỞ ĐẦU

1. CHƯƠNG 1: KHẢO SÁT YÊU CẦU CỦA HỆ THỐNG

2. CHƯƠNG 2: PHÂN TÍCH YÊU CẦU CHỨC NĂNG HỆ THỐNG

3. CHƯƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU

4. CHƯƠNG 4: THIẾT KẾ CÁC CHỨC NĂNG CỦA HỆ THỐNG

5. CHƯƠNG 5: THIẾT KẾ GIAO DIỆN VÀ CÀI ĐẶT

6. CHƯƠNG 6: TỔNG KẾT VÀ ĐÁNH GIÁ

TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng quan dự án xây dựng website bán sách dùng ReactJS

Việc xây dựng website bán sách sử dụng ReactJS là một giải pháp công nghệ hiện đại, đáp ứng xu hướng thương mại điện tử đang phát triển mạnh mẽ. Sự dịch chuyển từ mô hình kinh doanh truyền thống sang trực tuyến đòi hỏi các cửa hàng phải có một nền tảng vững chắc, hiệu năng cao và mang lại trải nghiệm tốt cho người dùng. Đồ án của Ngô Chung Á Âu (2022) đã chứng minh tính khả thi và hiệu quả của việc ứng dụng thư viện ReactJS vào một project bán sách thực tế. Mục tiêu chính là tạo ra một hệ thống cho phép khách hàng xem, tìm kiếm và đặt hàng sản phẩm dễ dàng, đồng thời cung cấp cho quản trị viên công cụ để quản lý hoạt động kinh doanh. ReactJS được lựa chọn nhờ khả năng tạo ra giao diện người dùng (UI) linh hoạt, tốc độ tải trang nhanh thông qua Virtual DOM và cấu trúc dựa trên component có thể tái sử dụng. Điều này không chỉ giúp tối ưu hóa quá trình phát triển mà còn đảm bảo khả năng mở rộng hệ thống trong tương lai, một yếu tố quan trọng đối với bất kỳ website thương mại điện tử nào.

1.1. Bối cảnh và sự cần thiết của một project bán sách online

Trong bối cảnh công nghệ số, đặc biệt sau những biến động như đại dịch Covid-19, hành vi mua sắm của người tiêu dùng đã thay đổi rõ rệt. Nhu cầu mua hàng trực tuyến, bao gồm cả sách, tăng cao. Một cửa hàng sách truyền thống như Tâm An, theo khảo sát, đối mặt với hạn chế về địa lý và phương thức quản lý thủ công. Việc xây dựng một website bán hàng không chỉ giải quyết vấn đề tiếp cận khách hàng ở xa mà còn tự động hóa quy trình quản lý sản phẩm và đơn hàng. Một project bán sách online giúp cửa hàng mở rộng thị trường, tăng cường khả năng cạnh tranh và cung cấp dịch vụ tiện lợi hơn cho độc giả.

1.2. Lý do lựa chọn lập trình web React cho thương mại điện tử

Việc lựa chọn lập trình web React cho các dự án thương mại điện tử mang lại nhiều lợi thế kỹ thuật. ReactJS nổi bật với cơ chế Virtual DOM, giúp giảm thiểu số lần render lại DOM thật, từ đó cải thiện đáng kể hiệu suất và tốc độ của ứng dụng. Cấu trúc dựa trên component cho phép chia nhỏ giao diện thành các thành phần độc lập, dễ quản lý, bảo trì và tái sử dụng. Hệ sinh thái của React rất lớn mạnh với các thư viện hỗ trợ như React Router cho việc điều hướng và Redux cho state management, giúp xử lý các luồng dữ liệu phức tạp trong một ứng dụng bán hàng. Những đặc tính này làm cho ReactJS trở thành lựa chọn ưu việt để xây dựng các ứng dụng trang đơn (SPA) nhanh, mượt mà và có khả năng mở rộng tốt.

II. Phân tích yêu cầu khi xây dựng website bán sách cơ bản

Để bắt đầu xây dựng website bán sách sử dụng ReactJS, bước đầu tiên và quan trọng nhất là khảo sát và phân tích yêu cầu hệ thống một cách chi tiết. Quá trình này giúp xác định rõ các chức năng cần có và các tiêu chuẩn cần đáp ứng để hệ thống hoạt động hiệu quả. Theo tài liệu nghiên cứu, hệ thống được chia làm hai phần chính: phía khách hàng và phía quản trị viên. Mỗi bên có những yêu cầu chức năng riêng biệt nhằm đảm bảo luồng hoạt động kinh doanh được thông suốt. Ngoài ra, các yêu cầu phi chức năng như hiệu năng, tính bảo mật, và khả năng sử dụng cũng đóng vai trò then chốt trong việc quyết định sự thành công của dự án. Việc xác định đúng và đủ các yêu cầu từ ban đầu sẽ là nền tảng vững chắc cho các giai đoạn thiết kế cơ sở dữ liệu, phát triển giao diện và lập trình logic nghiệp vụ sau này, tránh được các sai sót và chi phí phát sinh không đáng có.

2.1. Yêu cầu chức năng cho người dùng và quản trị viên

Phân tích từ đồ án cho thấy, yêu cầu chức năng được định nghĩa rõ ràng. Về phía khách hàng, hệ thống phải cung cấp các tính năng cơ bản như đăng ký, đăng nhập, sửa thông tin cá nhân, tìm kiếm sách, xem danh sách sản phẩm theo chủ đề, xem chi tiết sản phẩm, và quan trọng nhất là chức năng quản lý giỏ hàng React (thêm, xóa, cập nhật) và đặt hàng. Về phía quản trị viên, các chức năng tập trung vào việc quản lý hệ thống, bao gồm: quản lý danh mục, quản lý sách (thêm, sửa, xóa), quản lý tài khoản người dùng và quản lý đơn hàng. Đây là những chức năng cốt lõi để duy trì hoạt động của một website thương mại điện tử.

2.2. Các yêu cầu phi chức năng Hiệu năng và giao diện UI UX

Bên cạnh chức năng, các yêu cầu phi chức năng quyết định chất lượng trải nghiệm người dùng. Hệ thống cần đảm bảo hoạt động ổn định, tốc độ phản hồi nhanh và đáng tin cậy. Giao diện UI/UX phải được thiết kế thân thiện, dễ sử dụng, logic và nhất quán trên toàn bộ website. Điều này giúp người dùng dễ dàng tìm kiếm thông tin và thực hiện giao dịch mà không gặp trở ngại. Về mặt kỹ thuật, ứng dụng phải có khả năng mở rộng để đáp ứng lượng truy cập tăng trong tương lai và phải tuân thủ các quy định pháp lý, không vi phạm bản quyền.

III. Hướng dẫn thiết kế Backend và cơ sở dữ liệu cho web sách

Nền tảng của một website bán sách mạnh mẽ nằm ở hệ thống backend và cơ sở dữ liệu được thiết kế tốt. Mặc dù trọng tâm của dự án là frontend với ReactJS, việc xây dựng một backend vững chắc để cung cấp dữ liệu là không thể thiếu. Một kiến trúc phổ biến và hiệu quả là sử dụng Node.js Express để xây dựng các RESTful API. Kiến trúc này cho phép frontend và backend giao tiếp một cách độc lập thông qua các endpoint API tiêu chuẩn. Về phần lưu trữ, một hệ quản trị cơ sở dữ liệu MongoDB hoặc SQL được sử dụng để mô hình hóa và lưu trữ toàn bộ dữ liệu của hệ thống, từ thông tin sản phẩm, người dùng cho đến các đơn hàng. Việc thiết kế các bảng (collections) và mối quan hệ giữa chúng một cách logic sẽ đảm bảo tính toàn vẹn dữ liệu, hiệu suất truy vấn và khả năng bảo trì hệ thống. Đây là bước quan trọng để đảm bảo quá trình xây dựng website bán sách sử dụng ReactJS diễn ra suôn sẻ.

3.1. Xây dựng RESTful API với Node.js Express cho hệ thống

Một API bán sách theo chuẩn RESTful là cầu nối giữa giao diện người dùng ReactJS và cơ sở dữ liệu. Sử dụng Node.js Express, nhà phát triển có thể tạo ra các endpoint cho mọi hoạt động nghiệp vụ: lấy danh sách sách, lấy chi tiết một sản phẩm, xử lý đăng nhập/đăng ký, quản lý giỏ hàng, và tạo đơn hàng. Mỗi endpoint tương ứng với một hành động cụ thể (GET, POST, PUT, DELETE) trên một tài nguyên (ví dụ: /api/products, /api/users). Việc tách biệt này giúp đội ngũ frontend và backend có thể làm việc song song, đồng thời giúp ứng dụng dễ dàng mở rộng hoặc tích hợp với các nền tảng khác sau này.

3.2. Mô hình hóa dữ liệu Người dùng Sách và Đơn hàng

Thiết kế cơ sở dữ liệu là xương sống của hệ thống. Trong đồ án, các thực thể chính được mô hình hóa bao gồm: USER (lưu thông tin tài khoản), CATEGORY (danh mục sách), PRODUCT (thông tin chi tiết sách), SALE_ORDER (đơn hàng), và ORDER_ITEM (chi tiết các sản phẩm trong đơn hàng). Mỗi thực thể được biểu diễn bằng một bảng với các thuộc tính rõ ràng. Ví dụ, bảng PRODUCT chứa các thông tin như tên sách, tác giả, giá, mô tả và khóa ngoại liên kết đến CATEGORY. Việc thiết lập các mối quan hệ (một-nhiều, nhiều-nhiều) giữa các bảng này một cách chính xác là cực kỳ quan trọng để đảm bảo dữ liệu nhất quán và truy vấn hiệu quả.

IV. Cách xây dựng website bán sách sử dụng ReactJS chi tiết

Giai đoạn triển khai frontend là nơi sức mạnh của ReactJS được thể hiện rõ nhất trong việc xây dựng website bán sách. Quá trình này bắt đầu bằng việc thiết lập môi trường phát triển và cấu trúc thư mục dự án một cách khoa học. Các trang chính như Trang chủ, Trang sản phẩm, Chi tiết sản phẩm, Giỏ hàng được xây dựng dưới dạng các component riêng biệt. React Router được sử dụng để quản lý việc điều hướng giữa các trang, tạo ra trải nghiệm mượt mà như một ứng dụng máy tính. Một trong những thách thức lớn nhất là quản lý trạng thái (state) của ứng dụng, đặc biệt là dữ liệu giỏ hàng và thông tin người dùng. Các công cụ như React Hooks (useState, useContext) hoặc các thư viện state management chuyên dụng như Redux được áp dụng để giải quyết vấn đề này. Cuối cùng, việc bảo mật được đảm bảo thông qua cơ chế xác thực người dùng JWT (JSON Web Tokens), giúp xác thực và phân quyền người dùng một cách an toàn.

4.1. Cấu trúc component và quản lý điều hướng với React Router

Một hướng dẫn ReactJS hiệu quả luôn bắt đầu bằng việc chia nhỏ giao diện thành các component. Ví dụ, trang danh sách sản phẩm có thể bao gồm các component con như ProductCard, FilterSidebar, và Pagination. Cách tiếp cận này giúp mã nguồn dễ đọc, dễ bảo trì và tái sử dụng. Để kết nối các trang này với nhau, React Router đóng vai trò là thư viện điều hướng chính, cho phép định nghĩa các đường dẫn (routes) cho từng component trang và xử lý việc chuyển trang mà không cần tải lại toàn bộ trình duyệt, mang lại trải nghiệm người dùng nhanh chóng.

4.2. Kỹ thuật quản lý giỏ hàng React và state management

Chức năng quản lý giỏ hàng React là một bài toán kinh điển về state management. Trạng thái của giỏ hàng (danh sách sản phẩm, số lượng, tổng tiền) cần được duy trì và truy cập từ nhiều component khác nhau (ví dụ: nút 'Thêm vào giỏ' trên trang sản phẩm và biểu tượng giỏ hàng trên thanh điều hướng). Sử dụng Context API kết hợp với React Hooks (useReducer) là một cách hiệu quả để tạo ra một state toàn cục cho giỏ hàng. Đối với các ứng dụng phức tạp hơn, Redux cung cấp một cấu trúc chặt chẽ hơn để quản lý luồng dữ liệu, giúp ứng dụng dễ dự đoán và gỡ lỗi hơn.

4.3. Tích hợp chức năng xác thực người dùng JWT an toàn

Bảo mật là yếu tố không thể xem nhẹ. Chức năng xác thực người dùng JWT là một tiêu chuẩn hiện đại. Khi người dùng đăng nhập thành công, backend sẽ cấp một token (JWT). Token này sau đó được lưu trữ ở phía client (ví dụ: trong localStorage) và được gửi kèm theo mỗi yêu cầu tới các API cần bảo vệ. Backend sẽ xác thực token này để đảm bảo người dùng có quyền truy cập vào tài nguyên tương ứng. Phương pháp này không chỉ an toàn mà còn là stateless, phù hợp với kiến trúc API hiện đại.

V. Kết quả và các chức năng chính từ source code website bán sách

Sản phẩm cuối cùng của dự án là một hệ thống website hoàn chỉnh, bao gồm hai giao diện riêng biệt cho khách hàng và quản trị viên, được xây dựng dựa trên source code website bán sách đã phát triển. Giao diện người dùng được thiết kế trực quan, cho phép thực hiện đầy đủ các nghiệp vụ từ tìm kiếm, xem thông tin đến đặt hàng. Hệ thống quản trị cung cấp một bảng điều khiển mạnh mẽ, giúp người quản lý có thể dễ dàng theo dõi và vận hành các hoạt động của cửa hàng trực tuyến. Mặc dù vẫn còn một số hạn chế, dự án đã thành công trong việc áp dụng công nghệ ReactJS để giải quyết một bài toán kinh doanh thực tế. Quy trình deploy ứng dụng React lên một máy chủ cũng được xem là bước cuối cùng để đưa sản phẩm đến với người dùng cuối, hoàn tất chu trình phát triển phần mềm.

5.1. Thiết kế giao diện UI UX thân thiện cho khách hàng

Giao diện phía khách hàng được thiết kế với tiêu chí đơn giản, sạch sẽ và tập trung vào sản phẩm. Trang chủ hiển thị các đầu sách nổi bật và danh mục chính. Chức năng tìm kiếm và lọc sản phẩm giúp người dùng nhanh chóng tìm thấy cuốn sách mong muốn. Trang chi tiết sản phẩm cung cấp đầy đủ thông tin, hình ảnh và mô tả. Quy trình thanh toán được thiết kế thành các bước rõ ràng để giảm thiểu tỷ lệ hủy đơn hàng. Toàn bộ giao diện UI/UX được xây dựng bằng các thư viện component React như Material-UI hoặc Ant Design để đảm bảo tính nhất quán và chuyên nghiệp.

5.2. Chức năng quản trị Quản lý sản phẩm đơn hàng tài khoản

Trang quản trị là trung tâm điều hành của website. Tại đây, quản trị viên có thể thực hiện các thao tác CRUD (Create, Read, Update, Delete) đối với danh mục và sách. Giao diện quản lý đơn hàng cho phép xem chi tiết từng đơn và cập nhật trạng thái (ví dụ: đang xử lý, đã giao hàng). Chức năng quản lý tài khoản cho phép xem thông tin người dùng và phân quyền, đảm bảo an ninh hệ thống. Các chức năng này giúp tự động hóa và số hóa các quy trình vốn được thực hiện thủ công trước đây.

VI. Tổng kết đánh giá và hướng phát triển website bán sách

Việc xây dựng website bán sách sử dụng ReactJS theo mô hình của đồ án đã đạt được những mục tiêu cơ bản đề ra. Sản phẩm cuối cùng đã đáp ứng được nhu cầu bán hàng trực tuyến và quản lý cơ bản của một cửa hàng sách. Quá trình thực hiện đã chứng tỏ ReactJS là một công nghệ mạnh mẽ và phù hợp cho các dự án thương mại điện tử. Tuy nhiên, như trong mọi dự án thực tế, luôn có những điểm cần cải thiện và không gian để phát triển thêm. Việc nhận diện rõ các hạn chế này là cơ sở để đề ra các hướng nâng cấp trong tương lai, giúp hệ thống trở nên hoàn thiện, chuyên nghiệp và có khả năng cạnh tranh cao hơn trên thị trường. Các cải tiến có thể tập trung vào việc nâng cao trải nghiệm người dùng, mở rộng chức năng và tối ưu hóa cho công cụ tìm kiếm.

6.1. Đánh giá ưu và nhược điểm của dự án thực tế

Ưu điểm lớn nhất của dự án là đã xây dựng thành công một hệ thống hoạt động được, áp dụng các công nghệ hiện đại và giải quyết được bài toán thực tế của cửa hàng. Tuy nhiên, nhược điểm được ghi nhận trong báo cáo là hệ thống chưa có chức năng thanh toán trực tuyến, một tính năng thiết yếu trong thương mại điện tử hiện nay. Ngoài ra, website chưa cho phép khách hàng hủy đơn hàng và chưa có các chức năng thống kê, báo cáo doanh thu cho phía quản trị, làm giảm tính chuyên nghiệp và khả năng phân tích kinh doanh.

6.2. Hướng phát triển Tích hợp thanh toán và tối ưu SEO

Để hoàn thiện sản phẩm, hướng phát triển trong tương lai là rất rõ ràng. Trước hết, cần ưu tiên tích hợp các cổng thanh toán trực tuyến phổ biến như Momo, VNPay để đa dạng hóa phương thức thanh toán cho khách hàng. Tiếp theo, cần xây dựng module thống kê, báo cáo để hỗ trợ quản trị viên ra quyết định kinh doanh. Một hướng đi quan trọng khác là tối ưu hóa SEO. Các ứng dụng ReactJS thuần (Client-Side Rendering) thường gặp khó khăn với SEO. Do đó, việc chuyển đổi hoặc áp dụng Next.js e-commerce (Server-Side Rendering) là một giải pháp chiến lược để cải thiện thứ hạng trên các công cụ tìm kiếm, thu hút thêm khách hàng tiềm năng.

09/07/2025
Xây dựng website bán sách cho cửa hàng tâm an sử dụng công nghệ reactjs

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

CHƯƠNG 1 KHẢO SÁT YÊU CẦU CỦA HỆ THỐNG 1. Khảo sát sơ bộ hệ thống 1. Mục đích  Nhằm làm rõ yêu cầu hệ thống  Tiếp cận nghiệp vụ chuyên môn, môi trường hoạt động của hệ thống.  Tìm hiểu chức năng, cách thức hoạt động của hệ thống.

 Thu thập thông tin, s{ sách, mẫu biểu phục vụ cho pha phân tích.  Thu thập thông tin nghiệp vụ, các quy trình xử lý. Phương pháp  Quan sát trực tiếp  Phỏng vấn  Nghiên cứu biểu mẫu 1. Đối tượng khảo sát  Người quản lý  Nhân viên bán hàng kiêm thu ngân  Khách hàng 1.

Kết quả sơ bộ  Tâm An là cửa hàng sách cz địa chỉ tại số 34 đường Hồ Tùng Mậu, phường Mai Dịch, quận Cầu Giấy, Hà Nội. Cửa hàng sách Tâm An bắt đầu hoạt động từ tháng 2/2020.  Cửa hàng sách Tâm An cz đa dạng thể loại sách, nguồn sách được nhập về từ các nhà xuất bản sách n{i tiếng tại Việt Nam như Nhà Xuất Bản Trẻ, Nhà Xuất Bản Kim Đồng, Nhà Xuất Bản Giáo Dục, …  Các loại sách chính đang được trưng bày tại cửa hàng là 3 chính trị, kinh tế, kĩ năng, lịch sử, văn h€c, nghệ thuật, truyện tranh. Đối tượng khách hàng hướng đến là các bạn h€c sinh, sinh viên, thanh thiếu niên, nhi đồng, …  Cz 1 vị trí bán hàng kiêm thu ngân  Quy mô: Quán cz diện tích 200 mét vuông, 2/3 diện tích dùng để trưng bày sách, 1/3 cz bàn ghế phục vụ độc giả, khách mua hàng tại cửa hàng.

Cửa hàng được trang bị đầy đủ tiện nghi, không gian đẹp, thu h•t khách hàng.  Nhân lực: o Nhân viên bán hàng kiêm thu ngân o Nhân viên tiếp thị o Nhân viên vệ sinh o Nhân viên bảo vệ kiêm giữ xe  Mức độ tự động hoá hiện tại: Nhập và in hoá đơn từ 1 máy tính  Nhược điểm: Chưa tiếp cận được các khách hàng tại khu vực xa cửa hàng, quản lý sản phẩm vẫn bằng giấy tờ, thiếu linh động. Khách hàng vẫn phải chờ để thanh toán mua sách.  Hướng phát triển của hệ thống hiện tại: Xây dựng một website vừa quản lý các sản phẩm vừa gi•p bán hàng trực tuyến.

M€i khách hàng, khách vxng lai đều cz thể truy cập vào website để xem sản phẩm và mua hàng trực tuyến. Xác định yêu cầu của hệ thống 1. Yêu cầu chức năng Phía khách hàng có các chức năng:  Đăng ký tài khoản  Đăng nhập tài khoản  Sửa thông tin cá nhân 4  Tìm kiếm  Xem danh sách sách theo chủ đề  Xem chi tiết sách  Thêm sách vào giỏ hàng  Đặt hàng Phía người quản trị có các chức năng sau:  Đăng nhập vào hệ thống  Quản lý danh mục sách  Quản lý sách  Quản lý tài khoản  Quản lý đơn hàng 1. Yêu cầu phi chức năng Yêu cầu về hệ thống  Khả năng hoạt động {n định.

 Hệ thống làm việc nhang chzng và đảm bảo tin cậy.  Giao diện d• sử dụng, thân thiện với người dùng. Yêu cầu pháp lý  Website thuộc về cửa hàng Tâm An  Không vi phạm bản quyền, pháp luật Yêu cầu về phần cứng  Bộ xử lý 32 bit (x86) hoặc 64 bit (x64) cz tốc độ từ 1 GHz trở lên.  Ram 4GB  Đĩa cứng cz dung lượng trống từ 128GB trở lên.

 Ngoài ra cần lắp đặt thêm các thiết bị ngoại vi khác phục vụ 5 cho hệ thống mới vận hành … Yêu cầu về phần mềm  Hệ điều hành Windows 7 trở lên  Hệ quản trị cơ sở dữ liệu SQL Server 2014 hoặc MySQL  Chi phí thay thế, năng cấp hệ thống máy tính là lớn.  Bên cạnh đz còn các chi phí về bản quền các phần mềm. Khảo sát chi tiết hệ thống 1. Hoạt động bán hàng Hoạt động nghiệp vụ  Khách hàng s} ch€n sách mua trên hệ thống, thêm vào giỏ hàng.

Khi nào khách hàng mua đủ sách cần thiết, tiến hành đặt hàng. Khách hàng nhập thông tin người nhận gồm h€, tên, số điện thoại, địa chỉ và kích vào n•t đặt hàng. Phía cửa hàng s} chuẩn bị sách mà khách hàng yêu cầu, nhân viên giao hàng s} chuyển đến địa chỉ của khách hàng. Nhân viên giao hàng giao sách cho khách hàng, nhận tiền hàng từ khách.

Hoạt động tiếp thị Hoạt động nghiệp vụ  Khách hàng cz thể xem danh sách sách theo chủ đề mà cửa hàng cung cấp khi kích vào loại danh mục trên website  Khách hàng cz thể tìm kiếm sách đang bán tại cửa hàng theo tên sách trên website 1. Hoạt động quản lý Hoạt động nghiệp  Thêm mới, xem, sửa và xoá danh mục sách 6  Thêm mới, xem, sửa và xoá sách  Xem, cập nhật quyền và xoá tài khoản  Xem và cập nhật trạng thái đơn hàng 7 CHƯƠNG 2 PHÂN TÍCH YÊU CẦU CHỨC NĂNG HỆ THỐNG 2. Biểu đồ use case 2. Các use case chính Hình 2.

Các use case chính 8 2. Quan hệ giữa các use case Đăng nhập Hình 2. Use case Đăng nhập Sửa thông tin cá nhân Hình 2. Use case Sửa thông tin cá nhân Thêm vào giỏ hàng Hình 2.

Use case Thêm vào giỏ hàng 9 Đặt hàng Hình 2. Use case Đặt hàng Quản lý danh mục Hình 2. Use case Quản lý danh mục 10 Quản lý sách Hình 2. Use case Quản lý sách Quản lý tài khoản Hình 2.

Use case Quản lý tài khoản 11 Quản lý đơn hàng Hình 2. Use case Quản lý đơn hàng 2. Mô tả chi tiết các use case 2. Đăng ký Mô tả vắn tắt: Use case này cho phép người dùng đăng ký tài khoản trên hệ thống.

Luồng sự kiện:  Luồng cơ bản: 1. Use case này bắt đầu khi khách hàng kích vào n•t “Đăng ký” trên màn hình. Hệ thống s} hiển thị màn hình đăng ký. Người dùng hàng nhâpy thông tin trên form đăng ký gồm h€, tên, tài khoản, mật khẩu, email, số điện thoại, địa chỉ rồi kích n•t “Đăng ký”.

Hê y thống thêm môt ybản ghi mới vào trong bảng USER trong cơ sở dữ liêuy và hiển thị thông báo thành công. Người dùng kích vào n•t “OK” trên màn hình thông báo. Hệ thống hiển thị danh sách cách đơn hàng đx đặt. Use case kết th•c.

 Luồng rẽ nhánh: 1. Tại bước 2, khi nhâ py thông tin không thoả mxn, hê ythống thông báo l”i. Use case kết th•c. Tại bất kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết nối được với cơ sở dữ liệu thì hệ thống s} hiển thị một thông báo l”i và use case kết th•c Các yêu cầu đặc biệt: Không cz Tiền điều kiện: Không cz Hậu điều kiện: Đăng ký tài khoản thành công Điểm mở rộng: Không cz 2.

Đăng nhập Mô tả vắn tắt: Use case này cho phép người dùng đăng nhập vào hệ thống. Luồng sự kiện:  Luồng cơ bản: 1. Use case này bắt đầu khi khách hàng kích vào n•t “Đăng nhập” trên màn hình. Hệ thống s} hiển thị màn hình đăng nhâp.

Khách hàng nhâ py thông tin trên form đăng nhâpy gồm tài khoản, mật khẩu rồi kích n•t “Đăng nhập”. Hệ thống kiểm tra tên thông tin trong bảng USER và hiển thị màn hình hệ thống. Use case kết th•c.  Luồng rẽ nhánh: 1.

Tại bước 2 ở luồng cơ bản, nếu khách hàng nhâ py sai thông tin hoăcy chưa cz tài khoản, hê ythống thông báo l”i. Use case kết th•c. Tại kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết nối được với cơ sở dữ liệu thì hệ thống s} hiển thị một thông báo l”i và use case kết th•c. Các yêu cầu đặc biệt: Không cz Tiền điều kiện: Người dùng đx đăng ký tài khoản 13 Hậu điều kiện: Người đăng nhập vào hệ thống thành công Điểm mở rộng: Không cz 2.

Sửa thông tin cá nhân Mô tả vắn tắt: Use case cho phép người dùng chỉnh sửa thông tin cá nhân trong tài khoản Luồng sự kiện:  Luồng cơ bản: 1. Use case bắt đầu khi người dùng kích vào n•t “Tài khoản” trên màn hình. Hệ thống lấy các thông tin gồm h€, tên, số điện thoại, địa chỉ từ bảng USER và hiển thị ra màn hình. Người dùng nhâ py thông tin cần chỉnh sửa rồi kích n•t “Cập nhật”.

Hê y thống câpy nhâtylại thông tin trên bảng USER trong cơ sở dữ liêuy và hiển thị thông báo thành công. Use case kết th•c.  Luồng rẽ nhánh: 1. Tại bước 2 ở luồng cơ bản, nếu khách hàng nhâ py sai định dạng, hê y thống thông báo l”i.

Use case kết th•c. Tại bất kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết nối được với cơ sở dữ liệu thì hệ thống s} hiển thị một thông báo l”i và use case kết th•c Các yêu cầu đặc biệt: Không cz Tiền điều kiện: Đăng nhập hệ thống thành công Hậu điều kiện: Sửa thông tin cá nhân thành công Điểm mở rộng: Không cz 2. Tìm kiếm Mô tả vắn tắt: Use case cho phép người dùng tìm kiếm sách theo tên. 14 Luồng sự kiện:  Luồng cơ bản: 1.

Use case này bắt đầu khi khách hàng nhập tên sách vào ô tìm kiếm và kích vào biểu tượng kính l•p trên thanh tìm kiếm. Hệ thống s} lấy các thông tin về các sách cz tên gần với tên sách từ bảng PRODUCT và hiển thị lên màn hình. Use case kết th•c.  Luồng rẽ nhánh: 1.

Tại bước 1, khi không cz dữ liệu theo kết quả tìm kiếm, hệ thống hiển thị không cz kết quả. Use case kết th•c 2. Tại bất ký thời điểm nào trong quá trình thực hiện use case nếu không kết nối được với cơ sở dữ liệu thì hệ thống s} hiển thị một thông báo l”i và use case kết th•c. Các yêu cầu đặc biệt: Không cz Tiền điều kiện: Không cz Hậu điều kiện: Không cz Điểm mở rộng: Không cz 2.

Xem sách theo chủ đề Mô tả vắn tắt: Use case cho phép người dùng xem danh sách sách theo một chủ đề. Luồng sự kiện:  Luồng cơ bản: 1. Use case này bắt đầu khi khách hàng kích vào tên chủ đề trên mục menu “Danh mục”. Hệ thống s} lấy các thông tin về các sách thuôcy chủ đề đx ch€n theo ID danh mục trong bảng CATEGORY gồm link ảnh từ bảng PRODUCT_IMAGE và tên sách, giá tiền, tác giả từ bảng PRODUCT và hiển thị lên màn hình.

Use case kết th•c. 15  Luồng rẽ nhánh 1. Tại bước 1, khi không cz dữ liệu theo kết quả truy vấn, hệ thống hiển thị không cz kết quả. Use case kết th•c 2.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ

Tuyệt vời! Dưới đây là tóm tắt chuyên sâu về SEO cho tài liệu của bạn, cùng với các liên kết được tích hợp một cách tự nhiên để mở rộng kiến thức cho người đọc.


Tài liệu Xây Dựng Website Bán Sách Sử Dụng ReactJS là một hướng dẫn chi tiết, tập trung vào việc ứng dụng thư viện ReactJS mạnh mẽ để tạo ra giao diện người dùng (UI) hiện đại và linh hoạt cho một trang web thương mại điện tử chuyên về sách. Người đọc sẽ học được cách xây dựng các thành phần tương tác, quản lý trạng thái ứng dụng hiệu quả và tối ưu hóa trải nghiệm mua sắm, qua đó nắm vững một kỹ năng front-end đang có nhu cầu cao trên thị trường.

Để có cái nhìn toàn diện hơn và phát triển dự án của bạn lên một tầm cao mới, việc tham khảo các phương pháp tiếp cận và công nghệ khác là vô cùng hữu ích. Bạn có thể khám phá cách tích hợp ReactJS vào một hệ thống hoàn chỉnh từ front-end đến back-end và cả ứng dụng di động qua đồ án Đồ án tốt nghiệp công nghệ thông tin xây dựng hệ thống bán hàng điện tử sử dụng mern stack và flutter. Nếu bạn quan tâm đến việc xây dựng một hệ thống lớn, có khả năng mở rộng và bảo trì dễ dàng, hãy tìm hiểu sâu hơn về kiến trúc tân tiến trong tài liệu Xây dựng hệ thống tmđt áp dụng kiến trúc microservice. Và để làm cho website của bạn thông minh hơn, tăng khả năng bán hàng bằng cách gợi ý sản phẩm phù hợp, đừng bỏ qua việc ứng dụng công nghệ học máy được trình bày trong Specialized project building an e commerce system applying machine learning to recommend items, một bước tiến giúp cá nhân hóa trải nghiệm khách hàng một cách xuất sắc.