Xây dựng website thương mại điện tử và hệ thống bán hàng POS

Đồ án xây dựng website thương mại điện tử và hệ thống bán hàng POS - ĐH Sư phạm Kỹ thuật TPHCM

• Tác giả: Huỳnh Quốc Trọng
• Địa điểm: Hồ Chí Minh
• Người hướng dẫn: ThS. Đặng Phước Hải Trang
• Trường học: Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ kỹ thuật máy tính
• Đề tài: Xây dựng website thương mại điện tử và hệ thống bán hàng POS
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024

Tóm tắt

I. Tổng quan về xây dựng website thương mại điện tử và hệ thống POS

Đồ án tốt nghiệp của sinh viên Huỳnh Quốc Trọng và Lê Văn Thành, ngành Công Nghệ Kỹ Thuật Máy Tính, Trường Đại học Sư Phạm Kỹ Thuật TP.HCM tập trung vào việc xây dựng website thương mại điện tử tích hợp hệ thống bán hàng POS. Đề tài được thực hiện dưới sự hướng dẫn của ThS. Đặng Phước Hải Trang, thuộc Bộ môn Kỹ Thuật Máy Tính – Viễn Thông, Khoa Điện – Điện Tử. Mục tiêu cốt lõi là cung cấp phương thức mua hàng nhanh, hiệu quả và thuận tiện cho người dùng, đồng thời hỗ trợ doanh nghiệp quản lý cửa hàng toàn diện. Hệ thống hướng đến việc kết hợp kênh bán hàng trực tuyến và trực tiếp trong cùng một nền tảng thống nhất. Đây là xu hướng tất yếu khi thương mại điện tử Việt Nam tăng trưởng mạnh, đòi hỏi doanh nghiệp vừa và nhỏ phải số hóa quy trình vận hành. Hệ thống cho phép quản lý hàng tồn kho, xử lý đơn hàng, thống kê doanh thu và hỗ trợ thanh toán đa phương thức trong một giao diện duy nhất.

1.1. Bối cảnh ra đời của đề tài tốt nghiệp tại ĐH SPKT TPHCM

Thương mại điện tử Việt Nam ghi nhận mức tăng trưởng ổn định trong giai đoạn 2020–2024. Nhu cầu các doanh nghiệp vừa và nhỏ sở hữu nền tảng bán hàng riêng ngày càng tăng cao. Thay vì phụ thuộc vào các sàn thương mại điện tử lớn với nhiều ràng buộc về phí và chính sách, doanh nghiệp cần một hệ thống độc lập, linh hoạt. Đồ án tốt nghiệp này ra đời để giải quyết bài toán thực tiễn đó, kết hợp website thương mại điện tử với hệ thống POS trong một giải pháp đồng bộ, phù hợp với quy mô doanh nghiệp nhỏ tại Việt Nam.

1.2. Mục tiêu và phạm vi của hệ thống được xây dựng

Hệ thống hướng đến hai nhóm người dùng chính là khách hàng mua sắm trực tuyến và quản trị viên cửa hàng. Với khách hàng, giao diện cho phép xem sản phẩm, thêm vào giỏ hàng, quản lý tài khoản và theo dõi đơn hàng. Với quản trị viên, hệ thống POS cung cấp công cụ thống kê sản phẩm, quản lý mặt hàng, cập nhật và xóa sản phẩm. Phạm vi đề tài giới hạn ở mô hình cửa hàng điện tử, tập trung vào nhóm thiết bị công nghệ với đầy đủ thông tin như giá, số lượng tồn kho và mô tả chi tiết sản phẩm.

II. Phân tích yêu cầu và thách thức khi tích hợp website với hệ thống POS

Tích hợp website thương mại điện tử với hệ thống POS đặt ra nhiều thách thức kỹ thuật và nghiệp vụ phức tạp. Thứ nhất là vấn đề đồng bộ dữ liệu giữa kênh bán hàng trực tuyến và trực tiếp tại cửa hàng. Khi một đơn hàng phát sinh trên website, hệ thống POS phải cập nhật tồn kho ngay lập tức để tránh tình trạng bán quá số lượng. Thứ hai là đảm bảo hiệu suất hệ thống khi nhiều người dùng truy cập đồng thời. Cơ sở dữ liệu cần được tối ưu hóa cấu trúc bảng, sử dụng đánh chỉ mục hợp lý để tăng tốc độ truy xuất. Thứ ba là xử lý thanh toán an toàn, đặc biệt khi giao dịch thẻ ghi nợ và tín dụng cần đảm bảo hoàn tiền tự động khi phát sinh lỗi. Ngoài ra, việc xây dựng giao diện quản trị cho hệ thống POS đòi hỏi logic nghiệp vụ chặt chẽ, phân quyền rõ ràng giữa quản trị viên và khách hàng thông thường.

2.1. Thách thức về đồng bộ dữ liệu và quản lý tồn kho

Quản lý hàng tồn kho là điểm mấu chốt trong hệ thống bán hàng đa kênh. Khi dữ liệu không đồng bộ giữa website và POS, doanh nghiệp dễ gặp tình trạng nhận đơn hàng vượt quá số lượng thực tế trong kho. Hệ thống phải xử lý đồng thời nhiều giao dịch mà không gây xung đột dữ liệu. Giải pháp được áp dụng là sử dụng cơ sở dữ liệu tập trung, kết hợp các định dạng lưu trữ phổ biến như JSON để linh hoạt trong lưu trữ dữ liệu phức tạp, đảm bảo cập nhật tồn kho theo thời gian thực sau mỗi giao dịch thành công.

2.2. Yêu cầu về hiệu suất và trải nghiệm người dùng

Người dùng hiện đại kỳ vọng website tải nhanh và phản hồi mượt mà. Đề tài xác định rõ yêu cầu tối ưu hóa cấu trúc bảng cơ sở dữ liệu và sử dụng kỹ thuật đánh chỉ mục để giảm thời gian truy xuất. Việc tích hợp nhiều loại database giúp giảm tần suất truy cập database, từ đó cải thiện tốc độ tải trang. Giao diện người dùng cần đơn giản, trực quan để khách hàng dễ dàng tìm sản phẩm, thêm vào giỏ hàng và hoàn thành thanh toán mà không cần hỗ trợ kỹ thuật.

III. Giải pháp kỹ thuật ReactJS cơ sở dữ liệu và kiến trúc hệ thống POS

Nhóm tác giả lựa chọn ReactJS làm thư viện giao diện người dùng chính. ReactJS là thư viện JavaScript với tính linh hoạt cao, cho phép xây dựng giao diện web tương tác nhanh chóng và tái sử dụng thành phần hiệu quả. Kiến trúc component-based của ReactJS phù hợp với yêu cầu xây dựng giao diện phức tạp như trang sản phẩm, giỏ hàng, quản lý tài khoản và dashboard POS. Về phía cơ sở dữ liệu, hệ thống sử dụng cấu trúc tối ưu với định dạng lưu trữ JSON cho các trường dữ liệu phức tạp, kết hợp đánh chỉ mục để tăng hiệu suất truy xuất. Hệ thống POS được xây dựng gồm hai thành phần phần cứng và phần mềm. Phần mềm POS đảm nhiệm thống kê hàng tồn kho, xử lý thanh toán tại quầy và trực tuyến, đồng thời thu thập thông tin khách hàng. Quy trình thanh toán trực tuyến yêu cầu người mua nhập đầy đủ thông tin thẻ và địa chỉ nhận hàng, với cơ chế hoàn tiền tự động khi phát sinh lỗi giao dịch.

3.1. Ứng dụng ReactJS trong xây dựng giao diện thương mại điện tử

ReactJS cho phép xây dựng các trang web đơn (Single Page Application) với khả năng cập nhật giao diện mà không cần tải lại toàn bộ trang. Điều này đặc biệt có giá trị trong thương mại điện tử khi người dùng cần chuyển đổi nhanh giữa trang danh sách sản phẩm, chi tiết sản phẩm và giỏ hàng. Các component tái sử dụng như card sản phẩm, form thanh toán và bảng quản lý được phát triển nhất quán, giảm thời gian phát triển và đảm bảo giao diện thống nhất xuyên suốt toàn bộ hệ thống website và POS.

3.2. Kiến trúc hệ thống POS tích hợp bán hàng đa kênh

Hệ thống POS được thiết kế để hỗ trợ đồng thời bán hàng trực tiếp tại cửa hàng và trực tuyến qua website. Phần mềm POS cung cấp dashboard thống kê số lượng mặt hàng, doanh thu và đơn hàng đã bán. Quản trị viên có thể thêm sản phẩm mới, cập nhật thông tin và xóa sản phẩm ngừng kinh doanh trực tiếp từ giao diện POS. Dữ liệu được đồng bộ ngay lập tức với website, đảm bảo thông tin giá cả, số lượng tồn kho và mô tả sản phẩm luôn chính xác với thực tế tại cửa hàng.

IV. Kết quả triển khai và ứng dụng thực tiễn cho doanh nghiệp Việt Nam

Hệ thống hoàn thiện bao gồm đầy đủ các chức năng thiết yếu của một nền tảng thương mại điện tử tích hợp POS. Giao diện khách hàng cung cấp trang danh sách sản phẩm với chức năng xem chi tiết, bao gồm giá sản phẩm, số lượng tồn kho và mô tả đầy đủ. Khách hàng có thể quản lý thông tin tài khoản cá nhân và theo dõi toàn bộ lịch sử đơn hàng đã mua. Giao diện quản trị POS cho phép quản lý danh mục sản phẩm toàn diện. Hệ thống mang lại giá trị thực tiễn rõ ràng cho doanh nghiệp vừa và nhỏ tại Việt Nam, đặc biệt trong ngành bán lẻ thiết bị công nghệ. Doanh nghiệp có thể tối ưu hóa chi phí nhân sự, quản lý hàng tồn kho chính xác và mở rộng kênh bán hàng mà không cần đầu tư nhiều hạ tầng phức tạp. Đây là minh chứng cho năng lực ứng dụng công nghệ vào thực tiễn của sinh viên kỹ thuật máy tính ĐH SPKT TPHCM.

4.1. Các tính năng giao diện người dùng đã triển khai thành công

Giao diện khách hàng được xây dựng trực quan với trang chi tiết sản phẩm hiển thị đầy đủ thông số kỹ thuật, giá bán và số lượng còn trong kho. Trang quản lý tài khoản cho phép người dùng cập nhật thông tin cá nhân và lưu thay đổi tức thì. Giao diện xem chi tiết đơn hàng giúp khách hàng kiểm soát trạng thái từng đơn hàng đã mua. Toàn bộ luồng mua sắm từ xem sản phẩm đến thanh toán được thiết kế liên mạch, giảm tỷ lệ bỏ giỏ hàng và nâng cao trải nghiệm người dùng cuối.

4.2. Giá trị ứng dụng của hệ thống POS cho quản lý cửa hàng

Hệ thống POS mang lại lợi ích quản trị rõ ràng với dashboard thống kê sản phẩm theo số lượng và tên mặt hàng. Quản trị viên thực hiện đầy đủ thao tác thêm, cập nhật và xóa sản phẩm trực tiếp trên giao diện. Thống kê doanh thu và đơn hàng đã bán hỗ trợ ra quyết định nhập hàng và điều chỉnh chiến lược kinh doanh. Hệ thống giúp doanh nghiệp bán hàng hiệu quả hơn, giảm sai sót thủ công trong quản lý kho và tiết kiệm chi phí vận hành nhờ tự động hóa các quy trình lặp lại.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh nền kinh tế toàn cầu, thương mại điện tử đã trở thành một phương thức kinh doanh giữ vai trò quan trọng, cho phép các doanh nghiệp tiếp cận khách hàng trên diện rộng mà không bị giới hạn bởi ranh giới địa lý, qua đó thúc đẩy doanh số và mở rộng quy mô hoạt động. Để đáp ứng nhu cầu này, việc phát triển các nền tảng bán hàng trực tuyến tích hợp hệ thống quản lý điểm bán hàng (POS - Point of Sale) trở thành một yêu cầu thực tế cấp thiết.

Theo khảo sát của nhóm tác giả, nhiều hệ thống tương tự đã được nghiên cứu và triển khai trước đó nhưng vẫn bộc lộ những khiếm khuyết kỹ thuật nhất định:

• Đề tài "Xây dựng website bán cây cảnh" sử dụng hệ quản trị cơ sở dữ liệu quan hệ PostgreSQL nhưng chưa tích hợp các cơ chế xác thực và phân quyền người dùng.
• Đề tài "Xây dựng website quản lý số điện thoại cho công ty viễn thông" đã ứng dụng cơ sở dữ liệu NoSQL nhưng cơ chế xác thực còn ở mức cơ bản, chưa áp dụng các giải pháp giảm thiểu việc truy vấn cơ sở dữ liệu liên tục, đồng thời không thực hiện mã hóa mật khẩu trước khi lưu trữ.

Nhằm khắc phục những hạn chế về an toàn thông tin và tối ưu hóa xử lý dữ liệu, đề tài "Xây dựng website thương mại điện tử và hệ thống bán hàng POS" được thực hiện bởi hai sinh viên Huỳnh Quốc Trọng và Lê Văn Thành, dưới sự hướng dẫn của ThS. Đặng Phước Hải Trang tại Bộ môn Kỹ thuật Máy tính – Viễn thông, Khoa Điện - Điện tử, Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (hoàn thành vào tháng 6/2024).

Đề tài xác định các mục tiêu và nhiệm vụ nghiên cứu cụ thể như sau:

1. Xây dựng một website thương mại điện tử hoàn chỉnh với các chức năng phía người dùng: đăng nhập, đăng ký tài khoản mới, xem chi tiết sản phẩm, giỏ hàng, đặt mua hàng trực tuyến, xem lịch sử đơn hàng và cập nhật thông tin cá nhân.
2. Xây dựng hệ thống bán hàng POS phục vụ công tác quản lý cửa hàng: theo dõi danh sách đơn hàng, thống kê số lượng mặt hàng, thực hiện các thao tác thêm, cập nhật, xóa sản phẩm và phân loại hàng hóa.
3. Đảm bảo an toàn thông tin người dùng thông qua việc áp dụng thuật toán mã hóa mật khẩu và kỹ thuật xác thực, phân quyền truy cập dựa trên mã thông báo (token).
4. Tích hợp các dịch vụ phụ trợ gồm gửi email thông báo xác nhận và hóa đơn điện tử tự động, cùng hệ thống lưu trữ hình ảnh trên đám mây.

Đối tượng nghiên cứu của đồ án là quy trình giao dịch thương mại điện tử và quy trình quản lý điểm bán lẻ đối với các mặt hàng công nghệ (máy tính xách tay, máy tính bảng, điện thoại thông minh). Phạm vi nghiên cứu về mặt không gian và thời gian được xác định trong khuôn khổ đồ án tốt nghiệp ngành Công nghệ Kỹ thuật Máy tính tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh năm 2024. Phạm vi hiển thị của hệ thống giới hạn trên màn hình laptop và màn hình điện thoại iPhone; các giải pháp bảo mật dừng lại ở cấp độ cơ bản thông qua thuật toán băm và xác thực phân quyền người dùng.

Cơ sở lý thuyết và phương pháp

Đề tài áp dụng các lý thuyết kiến trúc phần mềm, mật mã học ứng dụng và công nghệ phát triển web hiện đại:

• Kiến trúc Model-View-Controller (MVC): Phân chia hệ thống thành ba khối chức năng độc lập:
  • Model: Đảm nhận tương tác và thao tác trực tiếp với cơ sở dữ liệu.
  • View: Hiển thị dữ liệu và tiếp nhận các thao tác giao diện người dùng.
  • Controller: Điều phối yêu cầu từ máy khách (URL request hoặc sự kiện), giao tiếp với Model để xử lý dữ liệu và phản hồi kết quả về View.
• Kỹ thuật mật mã và thuật toán Bcrypt: Để bảo vệ mật khẩu trước các hình thức tấn công vét cạn (brute-force attacks) và bảng cầu vồng (rainbow table attacks), thuật toán Bcrypt kết hợp ba kỹ thuật:
  • Hashing: Băm một chiều biến đổi chuỗi mật khẩu thành chuỗi ký tự cố định không thể giải mã ngược.
  • Salting: Bổ sung một chuỗi dữ liệu ngẫu nhiên vào mật khẩu trước khi băm, đảm bảo hai mật khẩu giống nhau của hai tài khoản khác nhau sẽ cho ra chuỗi băm hoàn toàn khác biệt.
  • Stretching: Lặp lại quá trình băm hàng nghìn lần nhằm kéo dài thời gian xử lý của thuật toán, làm tăng độ phức tạp tính toán đối với các cuộc tấn công dò quét.
• Kỹ thuật xác thực JSON Web Token (JWT): Token gồm ba phần phân tách bằng dấu chấm:
  • Header: Định nghĩa thuật toán băm (sử dụng HS256) và kiểu token (JWT).
  • Payload: Chứa các khai báo (claims) dưới dạng cặp khóa - giá trị (Key - Value) chỉ định quyền truy cập của tác nhân, được mã hóa dưới dạng chuỗi Base64Url.
  • Signature: Chữ ký xác thực tính toàn vẹn, được tạo ra bằng cách kết hợp Header, Payload và một khóa bí mật (secret key) của máy chủ.
• Cơ sở dữ liệu phi quan hệ (NoSQL) và MongoDB: Sử dụng cơ sở dữ liệu hướng tài liệu với định dạng JSON, quản lý dữ liệu linh hoạt theo các tập hợp (collections), đồng thời áp dụng kỹ thuật đánh chỉ mục (indexing) để gia tăng tốc độ truy vấn và hiệu suất hệ thống.
• Thư viện ReactJS và cơ chế React Context: Khai thác mô hình giao diện dựa trên thành phần (component-based) với cơ chế ràng buộc dữ liệu một chiều (one-way data binding). Kỹ thuật Context được triển khai thông qua cặp thành phần Provider (cung cấp giá trị toàn cục) và Consumer hoặc Hook useContext (tiếp nhận dữ liệu tại các thành phần con), giúp loại bỏ hiện tượng truyền dữ liệu qua nhiều tầng trung gian không cần thiết (prop drilling).
• Hệ thống điểm bán hàng (POS): Vận dụng mô hình quản lý kho hàng, thống kê số lượng tồn, ghi nhận doanh thu và xử lý hóa đơn bán lẻ trực tiếp lẫn trực tuyến.

Phương pháp nghiên cứu được nhóm tác giả sử dụng gồm:

• Phương pháp tổng hợp tài liệu lý thuyết: Khảo sát các tài liệu về lập trình web hiện đại, kiến trúc ứng dụng phân tầng, các chuẩn bảo mật mạng và tài liệu kỹ thuật của các thư viện liên quan.
• Phương pháp thử nghiệm thực tế: Cài đặt, xây dựng mã nguồn trên môi trường thực tế; kiểm thử chức năng giao diện, kiểm tra các luồng xử lý API và kiểm định khả năng phân quyền truy cập người dùng.

Nguồn dữ liệu và công cụ phần mềm phục vụ nghiên cứu gồm: môi trường phát triển tích hợp JetBrains IntelliJ IDEA, Visual Studio Code (VS Code), phần mềm quản trị trực quan MongoDB Compass, dịch vụ gửi thư điện tử NodeMailer và dịch vụ lưu trữ đa phương tiện Cloudinary.

Thiết kế và triển khai hệ thống

Hệ thống được thiết kế và triển khai theo mô hình phân tầng gồm bốn khối thành phần chính:

• Khối Giao diện (Frontend): Tiếp nhận thao tác từ người dùng, gửi yêu cầu thông qua giao thức HTTP và hiển thị kết quả xử lý.
• Khối Trung gian (Middleware): Kiểm tra, giải mã token đính kèm trong các yêu cầu gửi đến từ máy khách; từ chối xử lý nếu token không hợp lệ hoặc không có quyền truy cập, chuyển tiếp yêu cầu hợp lệ sang khối xử lý nghiệp vụ.
• Khối Xử lý nghiệp vụ (Backend): Tiếp nhận các yêu cầu hợp lệ từ Middleware, thực thi các thuật toán logic, tương tác với khối cơ sở dữ liệu và gửi dữ liệu phản hồi về máy khách.
• Khối Cơ sở dữ liệu (Database): Lưu trữ dữ liệu hệ thống, thực hiện truy xuất dữ liệu theo các lệnh từ Backend.

Hệ sinh thái công nghệ được sử dụng bao gồm: ExpressJS (khung làm việc nền NodeJS) cho tầng Backend; ReactJS cùng các thư viện bổ trợ như Axios (gọi API), React-hook-form và Yup (xử lý và xác thực biểu mẫu dữ liệu), React-router-dom (điều hướng định tuyến) cho tầng Frontend; MongoDB làm hệ quản trị cơ sở dữ liệu.

Cơ sở dữ liệu được tổ chức thành 6 cấu trúc bảng lưu trữ chính như sau:

STT	Tên bảng / Collection	Các trường dữ liệu chính	Kiểu dữ liệu	Ràng buộc Null	Mục đích lưu trữ
1	Bảng 3.1: Sản phẩm	id, title, description, productImgId, createdAt, price, quantity, categoryId	string, date, number	Không cho phép rỗng	Lưu trữ thông tin chi tiết, đơn giá, tồn kho và danh mục của sản phẩm.
2	Bảng 3.2: Khách hàng	id, name, email, password, role, createdAt	string, date	Không cho phép rỗng	Quản lý định danh tài khoản, thông tin cá nhân, quyền truy cập và mật khẩu đã băm.
3	Bảng 3.3: Đơn hàng	id, userId, orderDetailId, totalPrice, createdAt	string, int, date	Không cho phép rỗng	Ghi nhận tổng giá trị giao dịch, mã người mua và liên kết chi tiết đơn.
4	Bảng 3.4: Loại hàng hóa	id, name, createdAt	string, date	Không cho phép rỗng	Quản lý danh mục các chủng loại sản phẩm kinh doanh của cửa hàng.
5	Bảng 3.5: Ảnh sản phẩm	id, productId, thumnail, banner, photos, createdAt	string, date	Không cho phép rỗng	Lưu đường dẫn hình ảnh đại diện (thumbnail), ảnh bìa (banner) và ảnh chi tiết.
6	Bảng 3.6: Chi tiết đơn hàng	id, productId, orderId, quantity, createdAt	string, int, date	Không cho phép rỗng	Lưu danh sách sản phẩm và số lượng tương ứng cho từng đơn hàng cụ thể.

Hệ thống phân định quyền hạn theo ba nhóm tác nhân:

• Khách hàng vãng lai: Đăng ký tài khoản mới, tra cứu danh mục, tìm kiếm theo từ khóa và xem chi tiết các mặt hàng laptop, tablet, smartphone.
• Khách hàng (đã đăng nhập): Được cấp token quyền người dùng thông thường, thực hiện thêm hàng vào giỏ, đặt hàng, cập nhật thông tin cá nhân, thay đổi mật khẩu và theo dõi lịch sử giao dịch.
• Quản trị viên (Admin): Sở hữu token có quyền quản trị, được phép truy cập giao diện POS, thực hiện các thao tác CRUD (tạo, đọc, cập nhật, xóa) đối với sản phẩm và danh mục, quản lý đơn hàng và theo dõi báo cáo thống kê.

Quy trình bảo mật vận hành theo chu trình khép kín: Mật khẩu người dùng được băm qua Bcrypt trước khi ghi vào cơ sở dữ liệu. Khi đăng nhập thành công, máy chủ cấp một Access Token JWT chứa thông tin quyền hạn (role). Trong mỗi lượt truy vấn tiếp theo, máy khách đính kèm token này. Khối Middleware sẽ bóc tách chữ ký, kiểm tra tính hợp lệ và đối chiếu quyền hạn để cho phép hoặc ngăn chặn truy cập vào tài nguyên. Khi người dùng thực hiện thao tác đăng xuất, cookie chứa token trên trình duyệt sẽ bị xóa hoàn toàn để chấm dứt phiên làm việc.

Nội dung chính theo từng chương

Chương 1: Tổng quan

Chương 1 trình bày bối cảnh phát triển của thương mại điện tử, phân tích nhu cầu ứng dụng công nghệ thông tin trong vận hành điểm bán lẻ. Tác giả tiến hành đối chiếu với hai đề tài trước đó tại trường để chỉ rõ các vấn đề tồn đọng về mã hóa dữ liệu người dùng và kiểm soát phiên làm việc. Từ đó, chương nêu bật 6 mục tiêu cốt lõi của đề tài, định vị công nghệ sử dụng (ExpressJS, ReactJS, MongoDB, Cloudinary, NodeMailer), chỉ rõ giới hạn tương thích màn hình và xác lập phương pháp nghiên cứu.

Chương 2: Cơ sở lý thuyết

Chương này đi sâu vào các nền tảng lý thuyết và công cụ kỹ thuật:

• Giới thiệu ba phần mềm hỗ trợ chính: JetBrains IntelliJ IDEA, Visual Studio Code và MongoDB Compass.
• Phân tích nguyên lý phân tách trách nhiệm trong kiến trúc MVC và luồng điều phối thông điệp giữa ba khối Model - View - Controller.
• Làm rõ cơ chế hoạt động của thuật toán băm Bcrypt thông qua việc kết hợp băm mật khẩu, thêm muối (salting) chống tấn công bảng cầu vồng và lặp chu kỳ băm (stretching) chống tấn công dò mật khẩu.
• Phân tích cấu trúc ba phần của JSON Web Token (Header thuật toán HS256, Payload chứa claims và Signature bảo vệ bằng khóa bí mật) cùng quy trình xác thực ủy quyền.
• Trình bày đặc điểm của cơ sở dữ liệu NoSQL MongoDB, cấu trúc lưu trữ JSON, kỹ thuật đánh chỉ mục.
• Tổng quan về hệ thống điểm bán hàng (POS) trong việc quản lý doanh thu, xử lý đơn lẻ và kiểm soát tồn kho.
• Phân tích thư viện ReactJS, cơ chế luồng dữ liệu một chiều (one-way binding), quản lý trạng thái bằng Context (Provider, Consumer, hook useContext) và các thư viện điều hướng, kiểm thực biểu mẫu (Axios, React-hook-form, Yup, React-router-dom).

Chương 3: Thiết kế và thực hiện

Chương 3 trình bày các phương án kỹ thuật chi tiết:

• Xây dựng sơ đồ khối toàn hệ thống gồm 4 thành phần (Frontend, Middleware, Backend, Database) và lưu đồ giải thuật vận hành tổng thể.
• Thiết kế chi tiết cơ sở dữ liệu NoSQL với 6 bảng chức năng từ Bảng 3.1 đến Bảng 3.6, thiết lập liên kết quan hệ thực thể giữa sản phẩm, đơn hàng, khách hàng và danh mục.
• Thiết kế giao diện Frontend bao gồm các phân hệ: đăng nhập, đăng ký, trang chủ, xem sản phẩm theo danh mục (laptop, tablet, smartphone), giỏ hàng, chi tiết sản phẩm, quản lý tài khoản và giao diện POS dành cho quản trị.
• Thiết kế giải thuật Backend cho các API: đăng ký thành viên (kiểm tra tính hợp lệ và băm mật khẩu), đăng nhập (cấp token), cập nhật thông tin cá nhân và đổi mật khẩu, đăng xuất (hủy cookie token), các thao tác CRUD sản phẩm và loại hàng, lưu trạng thái giỏ hàng tạm thời ở phía máy khách, xử lý lưu đơn hàng và xuất hóa đơn điện tử gửi về email người dùng khi hoàn tất thanh toán.

Chương 4: Kết quả thực hiện

Chương 4 kiểm định kết quả xây dựng hệ thống thông qua hình ảnh giao diện và nhật ký hoạt động:

• Trình bày sơ đồ thực thể dữ liệu thực tế đã ánh xạ vào MongoDB.
• Minh chứng hoạt động của các giao diện Frontend: form đăng nhập, form đăng ký, giao diện phân loại sản phẩm (Laptop, Tablet, Smartphone), cửa sổ thông tin liên hệ cửa hàng, giao diện quản lý giỏ hàng cho phép điều chỉnh số lượng và xóa sản phẩm, giao diện chi tiết thông số kỹ thuật, trang quản lý thông tin tài khoản và trang hiển thị danh sách đơn hàng đã mua.
• Hiển thị giao diện hệ thống POS với các bảng thống kê mặt hàng, form thêm mới và cập nhật thông tin hàng hóa, biểu mẫu chỉnh sửa danh mục và bảng thống kê các giao dịch đã thực hiện.
• Minh chứng kết quả kiểm thử Backend: thông báo đăng ký tài khoản thành công kèm email xác nhận, giao diện đăng nhập thành công, tính năng tìm kiếm sản phẩm, giao diện đặt mua thành công và hóa đơn điện tử gửi trực tiếp vào hộp thư email người mua.
• Kiểm tra tính an toàn thông tin: kiểm định phân quyền truy cập qua token (tài khoản vai trò Admin truy cập thành công vào giao diện quản trị POS; tài khoản vai trò User bị chặn khi truy cập tài nguyên của quản trị viên); minh chứng mật khẩu tài khoản lưu trong cơ sở dữ liệu MongoDB đã được băm hoàn toàn thông qua Bcrypt.

Chương 5: Kết luận và hướng phát triển

Chương 5 tổng kết lại toàn bộ khối lượng công việc đã hoàn thành so với mục tiêu đặt ra ban đầu, chỉ rõ các mặt hạn chế còn tồn tại và vạch ra định hướng hoàn thiện hệ thống trong giai đoạn tiếp theo.

Kết quả và đóng góp

Đồ án đã xây dựng thành công một giải pháp phần mềm hoàn chỉnh kết hợp giữa website thương mại điện tử bán lẻ thiết bị số và hệ thống quản lý điểm bán hàng POS với các kết quả cụ thể:

• Xây dựng hoàn thiện hệ thống giao diện người dùng: Cung cấp các giao diện tương tác phục vụ việc duyệt sản phẩm theo ba danh mục chính (laptop, tablet, smartphone), quản lý giỏ hàng động, đặt hàng và cập nhật thông tin cá nhân.
• Triển khai hệ thống POS: Cho phép người quản trị theo dõi số lượng tồn kho, kiểm soát danh sách các mặt hàng đang kinh doanh, thêm/sửa/xóa sản phẩm và danh mục sản phẩm, cũng như giám sát toàn bộ đơn hàng phát sinh.
• Thực hiện cơ chế bảo mật và phân quyền: Toàn bộ mật khẩu người dùng được băm qua Bcrypt trước khi lưu vào MongoDB, ngăn chặn lộ lọt thông tin dạng văn bản thuần. Hệ thống sử dụng token JWT tích hợp vào Middleware để phân tách chặt chẽ quyền truy cập giữa người dùng thông thường và quản trị viên, ghi nhận việc chặn truy cập trái phép vào tài nguyên của quản trị viên khi đăng nhập bằng quyền User.
• Tích hợp các dịch vụ bên thứ ba: Hệ thống đã kết nối thành công với dịch vụ NodeMailer để gửi thông báo đăng ký tài khoản và phát hành hóa đơn điện tử tự động về email của khách hàng sau khi thanh toán; đồng thời sử dụng dịch vụ Cloudinary để quản lý và tối ưu hóa hệ thống ảnh sản phẩm (ảnh thumbnail, ảnh banner và ảnh mô tả chi tiết).

Đóng góp của đề tài thể hiện qua việc khắc phục được các hạn chế bảo mật của các nghiên cứu trước đó tại cùng cơ sở đào tạo, đặc biệt là việc giải quyết vấn đề lưu trữ mật khẩu không an toàn và bổ sung cơ chế kiểm soát phiên truy cập, phân quyền dựa trên JWT cho hệ thống thương mại điện tử kết hợp POS.

Hạn chế và hướng nghiên cứu tiếp

Từ các kết quả thực nghiệm, văn bản đồ án chỉ rõ hai hạn chế kỹ thuật chính:

• Độ tương thích giao diện (Responsive Design): Giao diện hệ thống hiện chỉ tương thích tối ưu trên hai định dạng kích thước màn hình là màn hình laptop và màn hình điện thoại iPhone; chưa hỗ trợ tốt trên các kích thước màn hình khác như máy tính bảng hoặc các thiết bị di động có độ phân giải khác nhau.
• Mức độ bảo mật: Hệ thống mới chỉ áp dụng các giải pháp bảo mật ở mức cơ bản gồm mã hóa mật khẩu một chiều và xác thực, phân quyền người dùng qua token; chưa triển khai các kỹ thuật bảo mật nâng cao mà khung làm việc (framework) hỗ trợ.

Các hướng phát triển tiếp theo được đề xuất bao gồm:

• Mở rộng khả năng tương thích của giao diện trên nhiều thiết bị và kích thước màn hình khác nhau nhằm cải thiện trải nghiệm người dùng.
• Nghiên cứu và áp dụng các kỹ thuật bảo mật chuyên sâu của framework nhằm gia cố độ an toàn cho toàn bộ hệ thống.
• Bổ sung và hoàn thiện các chức năng nâng cao cho phân hệ POS nhằm tối ưu hóa hơn nữa quy trình quản lý bán hàng của doanh nghiệp.

Giá trị tham khảo

Đồ án là tài liệu kỹ thuật có giá trị tham khảo đối với:

• Sinh viên các ngành Công nghệ Kỹ thuật Máy tính, Công nghệ Thông tin và Kỹ thuật Phần mềm đang tìm kiếm tài liệu thực tế về việc thiết kế, xây dựng ứng dụng web phân tầng sử dụng ngăn xếp công nghệ MERN (MongoDB, ExpressJS, ReactJS, NodeJS).
• Người học và lập trình viên cần tìm hiểu phương pháp triển khai hệ thống xác thực, phân quyền người dùng thông qua JSON Web Token kết hợp lớp Middleware bảo vệ.
• Các nhóm nghiên cứu xây dựng mô hình điểm bán hàng POS tích hợp thương mại điện tử, có nhu cầu tham khảo cấu trúc cơ sở dữ liệu NoSQL (với 6 bảng dữ liệu đã được chuẩn hóa) và giải pháp tích hợp các dịch vụ bên thứ ba như gửi email hóa đơn tự động và quản lý kho ảnh trên đám mây.

Câu hỏi thường gặp

1. Hệ thống sử dụng thuật toán nào để bảo mật mật khẩu người dùng và cơ chế đó hoạt động ra sao?
Hệ thống sử dụng thuật toán Bcrypt. Thuật toán này kết hợp ba kỹ thuật: băm mật khẩu một chiều (hashing), thêm chuỗi dữ liệu ngẫu nhiên (salting) để vô hiệu hóa các cuộc tấn công bằng bảng cầu vồng (rainbow table attacks), và lặp lại quá trình băm hàng nghìn lần (stretching) nhằm kéo dài thời gian xử lý, ngăn chặn hình thức tấn công vét cạn (brute-force attacks). Mật khẩu sau khi băm sẽ được lưu trữ an toàn trong cơ sở dữ liệu MongoDB.

2. Cơ chế phân quyền giữa người dùng thông thường và quản trị viên được thực hiện như thế nào?
Hệ thống sử dụng kỹ thuật JSON Web Token (JWT). Khi đăng nhập thành công, máy chủ trả về cho máy khách một Access Token chứa các khai báo quyền hạn (role) trong phần Payload. Trong mọi yêu cầu gửi đến máy chủ, token này được đính kèm. Khối Middleware sẽ chặn yêu cầu để xác thực tính hợp lệ của token và đối chiếu quyền hạn: tài khoản mang quyền admin được phép truy cập vào các tài nguyên quản trị và hệ thống POS, trong khi tài khoản mang quyền user sẽ bị từ chối truy cập nếu cố tình truy xuất vào các tài nguyên này.

3. Giỏ hàng của người dùng được xử lý như thế nào trước khi tiến hành thanh toán?
Dữ liệu của giỏ hàng được hiển thị và quản lý trực tiếp trên giao diện của phía máy khách, cho phép khách hàng tăng giảm số lượng hoặc xóa sản phẩm. Dữ liệu này chưa được lưu trực tiếp vào cơ sở dữ liệu MongoDB cho đến khi người dùng điền đầy đủ thông tin giao hàng và xác nhận mua hàng thành công.

4. Dịch vụ nào được sử dụng để phát hành hóa đơn điện tử và gửi xác nhận đến người dùng?
Đề tài tích hợp dịch vụ NodeMailer. Dịch vụ này tự động gửi thông báo xác nhận khi người dùng đăng ký tài khoản thành công, đồng thời tạo và gửi hóa đơn điện tử chi tiết về địa chỉ email của khách hàng ngay sau khi đơn hàng được ghi nhận thanh toán hoàn tất trên hệ thống.

5. Cơ sở dữ liệu của đề tài được tổ chức thành những cấu trúc nào?
Cơ sở dữ liệu được xây dựng trên hệ quản trị MongoDB (NoSQL) với 6 cấu trúc bảng/tập hợp dữ liệu chính, bao gồm: Bảng 3.1 lưu thông tin sản phẩm; Bảng 3.2 lưu tài khoản khách hàng; Bảng 3.3 lưu thông tin đơn hàng; Bảng 3.4 lưu thông tin loại hàng hóa; Bảng 3.5 lưu thông tin ảnh sản phẩm (thumbnail, banner, photos); và Bảng 3.6 lưu thông tin chi tiết từng mặt hàng trong đơn hàng.

Kết luận

Đồ án tốt nghiệp "Xây dựng website thương mại điện tử và hệ thống bán hàng POS" của tác giả Huỳnh Quốc Trọng và Lê Văn Thành đã hoàn thành việc xây dựng một hệ thống bán hàng đa chức năng trên nền tảng ExpressJS, ReactJS và MongoDB. Đề tài giải quyết được yêu cầu tích hợp giữa giao diện bán lẻ trực tuyến cho các thiết bị công nghệ với phân hệ POS phục vụ công tác quản lý của cửa hàng. Đồng thời, công trình đã thiết lập được cơ chế an toàn thông tin dựa trên thuật toán mã hóa Bcrypt và kỹ thuật xác thực phân quyền qua JSON Web Token, giải quyết các khiếm khuyết bảo mật từ các công trình tham chiếu trước đó.

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

CHƯƠNG 1 TỔNG QUAN Tình hình nghiên cứu, mục tiêu, công nghệ áp dụng cho đề tài, những giới hạn và phương pháp nghiên cứu mà nhóm tác giả sử dụng. 2 CHƯƠNG 2 CƠ SỞ LÝ THUYẾT Giới thiệu về phần mềm sử dụng để thực hiện đề tài, lý thuyết về web như là mô hình MVC, thuật toán Bcrypt, kỹ thuật JWT, và việc thiết kế cơ sở dữ liệu. CHƯƠNG 3 THIẾT KẾ VÀ THỰC HIỆN Giới thiệu chi tiết về các tính năng của Backend, giao diện của Frontend và các thiết kế liên quan đến database. CHƯƠNG 4 KẾT QUẢ THỰC HIỆN Kết quả sau khi hoàn thành đồ án.

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết quả đạt được so với mục tiêu đề ra ban đầu, những nhược điểm và hạn chế của đề tài để đưa ra kết luận và hướng phát triển trong tương lai. 3 CHƯƠNG 2 CƠ SỞ LÝ THUYẾT 2.1 PHẦN MỀM SỬ DỤNG Nhóm tác giả sử dụng ba phần mềm chính để hỗ trợ cho việc xây dựng và hoàn thiện đề tài: Phần mềm IntelliJ IDEA, sản phẩm nổi tiếng của JetBrains, đã nhận được nhiều giải thưởng uy tín. IntelliJ IDEA được thiết kế với mục tiêu nâng cao hiệu suất làm việc cho các nhà phát triển. Nó cung cấp một trình soạn thảo thông minh, một bộ phân tích mã mạnh mẽ và nhiều tính năng mới với các khung làm việc, và công nghệ khác nhau.

IntelliJ IDEA đã sẵn sàng để sử dụng và luôn là sự lựa chọn hàng đầu cho các nhà phát triển. [3] Phần mềm VS Code là một ứng dụng phổ biến hỗ trợ các lập trình viên có thể soạn thảo code để thực hiện một chức năng hoặc một tác vụ một cách nhanh chóng. VS Code nó có thể hoạt động tốt trên nhiều nền tảng và nhiều thiết bị có cấu hình khác nhau. [4] MongoDB Compass cung cấp tính năng đồ họa mạnh mẽ cho người dùng mà không cần ngôn ngữ truy vấn.

Phần mềm này cho phép hiển thị cấu trúc và phân tích các bản ghi trong cơ sở dữ liệu một cách nhanh chóng. MongoDB là một NoSQL cho nên nó cho phép người dùng có thể lưu trữ với nhiều cấu trúc dữ liệu khác nhau và không yêu cầu ràng buộc về mối quan hệ giữa các bảng trong cơ sở dữ liệu [5] 4 2.1 Kiến trúc MVC.1: Kiến trúc MVC.[6] MVC (Model-View-Controller) là mô hình được sử dụng phổ biến để thiết kế các chức năng Backend. Mô hình MVC gồm có ba thành phần chính, mỗi phần sẽ đảm nhận và thực hiện những nhiệm rụ riêng tuy các phần hoạt động độc lập với nhau nhưng giữa chúng vẫn có sự kết nối chặt chẽ. Ba thành phần của mô hình gồm: - Khối model: khối này thực hiện các công việc liên quan đến database.

- Khối view: khối này có chức năng hiển thị dữ liệu và cho phép người dùng có thể thao tác trên UI để gởi đi các yêu cầu. - Khối controller: khối này thực hiện chức năng điều phối các yêu cầu nhận được từ phía máy khách và tương tác với khối model để lấy dữ liệu.2: Luồng hoạt động của kiến trúc MVC.[7] Khi một yêu cầu được gửi đến Server từ phía máy khách sẽ bị khối điều phối chặn lại để kiểm tra xem đó là sự kiện hay URL request. Tiếp đến khối điều phối sẽ tiếp nhận đầu vào của user rồi giao tiếp với khối model để lấy dữ liệu. Khối model tháo tác vưới database để lấy dữu liệu và trả lại cho khối điều phối để trả lại dữ liệu mà máy khách yêu cầu.2 Thuật toán Bcrypt Hashing là một kỹ thuật băm mật khẩu mà trong đó nó biến đổi mật khẩu thành một chuỗi và chuỗi này không thể giải mã được.

Hệ thống sẽ lấy thông tin của người dùng và đem đi mã hoá sau đo lấy kết quả này để so sánh với thông tin được lưu trong database và trả về kết quả khi thực hiện xác thực. [8] Tuy nhiên nếu như chỉ sử dụng hashing để băm mật khẩu điều này có thể không đạt độ bảo mật cao mà vẫn có thể bị tấn công bởi: rainbow table attacks và brute force attacks. Để tăng độ bảo mật thông tin ngoài dùng kĩ thuật hashing cần phải sử dụng thêm cả salting và stretching. Salting là kỹ thuật mà trong đó mật khẩu trước khi được băm nó sẽ được thêm vào một chuỗi dữ liệu.

Kỹ thuật salting làm cho mật khẩu của người dùng trở nên dài và độ phức tạp cao hơn. Salting làm cho các tấn công rainbow table attacks 6 trở nên vô dụng và mỗi dữ liệu đầu vào sẽ được thêm một dãy salting ngẫu nhiên và không trùng nhau, điều này đảm bảo rằng hai người dùng có cùng một mật khẩu vẫn sẽ không trùng nhau sau khi băm. [8] Để có thể chống lại cái tấn công về brute force thì cần sử dụng thêm stretching. Stretching là kỹ thuật nhằm để nâng cao độ phức tạp của thuật toán.

Để đạt được điều này thì quá trình băm sẽ được lặp lại hàng nghìn lần. [8] Bcrypt được đề xuất bởi Niels Provos và David Mazières. Thuật toán Bcrypt là sự kết hợp của hashing, stretching và salting. Thuật toán Bcrypt được thiết kế để chậm hơn các thuật toán băm thông thường, điều này làm tăng khả năng chống lại các tấn công brute-force và rainbow table.

Linh động hơn trong việc cấu hình hash. Tuy nhiên do quá trình băm chậm, Bcrypt đòi hỏi nhiều tài nguyên hơn so với các thuật toán băm nhanh hơn. Điều này có thể ảnh hưởng đến hiệu suất của hệ thống trong môi trường có nhu cầu xử lý lớn.3 Kỹ thuật JWT JWT (JSON Web Token), một token JWT gồm ba phần: header, payload và signature, các thành phần này được phân chia thông qua dấu “.3: Ba phần chính của JWT.[9] 7 Header gồm 2 thành phần chính: thuật toán và kiểu token. [10] Header của JWT sẽ có dạng như sau.[11] { "alg": "HS256", "typ": "JWT" } Đoạn mã sẽ được encode để làm thành phần đầu tiên của mã JWT Payload trong JWT chứa các claims.

Claims dùng để chỉ các tác nhân có quyền truy cập đến tài nguyên của hệ thống hay không. Mỗi claims sẽ có dạng Key – Value [10]. Payload sau đó được mã hóa Base64Url để tạo thành phần thứ 2 của JSON Web Token. Chữ ký là phần cuối cùng của JWT, phần này dùng để xác thực danh tính của người dùng.

Để tạo 1 chữ ký cần phải encode phần header và payload và một khoá bí mật.4: Cách thực hoạt động của JWT [11]. Cách thức mà JWT xác thực và cấp quyền để truy cập: - Ứng dụng sẽ gửi yêu cầu xác thực và phân quyền đến server. - Khi việc xác thực thành công thì máy chủ sẽ trả lại access token cho phía máy khách. 8 - Máy khách sẽ sử dụng access token để truy cập vào tài nguyên của hệ thống chẳng hạn như API.

Người ta thường dùng JWT để xác thực và phân quyền. JWT dùng để xác thực xem người dùng có được phép truy cập vào tài nguyên hay không. Việc gửi kèm một mã xác thự sẽ giúp cho BE kiểm tra được các URL, dịch vụ và các tài nguyên mà người dùng có thể truy cập đến. Sử dụng thuật toán Bcrypt để băm mật khẩu trước khi lưu trữ cùng với việc kết hợp thêm JWT giúp cho trang web tăng thêm độ bảo mật và hạn chế bị tấn công nhằm vào cookie hoặc session để đánh cắp thông tin người dùng.4 Database NoSQL là viết tắt của Non-Relational SQL, hệ cơ sở dữ liệu này được phát triển dựa trên ngôn ngữ Javasript cung cấp đa dạng các cấu trúc lưu trữ và hiện nay kiểu lưu trữ thông dụng và được sử dụng nhiều nhất là JSON .[5] Chính nhờ vào sự cải tiến về mặt tốc độ truy vấn dữ liệu mà NoSQL được xem là một trong những biện pháp khắc phục cho hệ cơ sở dữu liệu quan hệ.

Chính vì NoSQL có tính năng động cao và bỏ qua các ràng buộc phức tạp cửa hệ cơ sở dữu liệu quan hệ mà nó được rất nhiều các tập đoàn công nghệ lớn sử dụng có thể kể đến như là Google hay Facebook. MongoDB là một trong những hệ cơ sở dữ liệu NoSQL. MongoDB được thiết kế với nhiều các Collection hỗ trợ việc lưu trữ dữu liệu. Chính vì thế mà MongoDB cung cấp đa dạng các cấu trúc để lưu trữ dữ liệu và dạng lưu trữ phổ biến nhất là JSON.

Việc tối ưu hoá cấu trúc bảng giúp cho việc lấy và lưu dữ liệu dễ hơn, cùng với sử dụng thêm việc đánh chỉ mục để răng tốt độ truy suất và tăng hiệu suất cho trang web mỗi khi tải lại trang. Ngoài ra việc tích hợp các database khác nhau còn giúp giảm việc truy cập vào database nhiều lần, điều này làm cho trang web tải thông tin mượt mà hơn và nhanh hơn.5 Hệ thống POS Hệ thống POS sẽ gồm 2 phần là phần cứng và phần mềm nhằm hỗ trợ doanh nghiệp trong việc bán hàng trực tiếp, trực tuyến và trong việc quản lý cửa hàng. Chức năng cơ bản của hệ thống POS:[13] - Thống kê hàng tồn kho, đơn hàng đã bán và doanh thu đạt được. - Thực hiện xử lý các thanh toán khi mua trực tiếp tại cửa hàng hay trên web - Thu thập thông tin người dùng và thêm nhiều tính năng khác.

Với các cửa hàng trực tuyến, người mua có thể xem các sản phẩm trên website và so sanh với nhiều địa điểm bán hàng khác. Khi người dũng đã tìm hiểu hết các thông tin về sản phẩm và muốn mua hàng thì có thể đưa sản phẩm đó vào giảo hàng và tiến hành thanh toán. Giao dịch sẽ được thực hiện khi người mua nhập đầy đủ thông tin thẻ (ghi nợ/tín dụng), thông tin về địa chỉ nhận hàng lên hệ thống. Nếu quá trình thanh toán có xảy ra lỗi thì số tiền này sẽ được hoàn lại cho người mua.13] Hệ thống POS giúp cho doanh nghiệp: bán hàng hiệu quả hơn, tối ưu hoá chi phí nhân sự, quản lý hàng tồn kho, … 2.1 Khái niệm React ReactJS là một thư viện của ngôn ngữ JavaScript có linh hoạt cao trong việc xây dựng các thành phần giao diện.

ReactJS cung cấp khả năng phân tách các giao diện giúp cho việc phân tách các giao diện phức tạp trở nên dễ.[14] Với việc sử dụng one-way data binding thì dữ liệu trong React được truyền đi theo 1 chiều. Thông qua props thì dữ liệu sẽ được truyền từ parent đến child, những luồng dữ liệu đơn giản thì cơ chế trên giúp lập trình viên dễ sửa lỗi, kiểm soát cũng như là nâng cấp. ReactJS phù hợp để xây dựng cácwebsite hay các ứng dụng lớn mà dữ liệu liên tục được cập nhật. Ví dụ như trên ứng dụng Facebook, Zalo, … 10 Hình 2.5: Cơ chế one-way binding [14].