Đồ án tìm hiểu spring boot reactjs xây dựng website quản lý cửa hàng bán linh kiện điện tử

Đồ án Spring Boot ReactJS: Xây dựng website quản lý cửa hàng linh kiện điện tử chuyên nghiệp. Tìm hiểu quy trình, kiến trúc và kỹ thuật phát triển web hiện đại.

Chuyên ngành

Công nghệ phần mềm

Người đăng

Ẩn danh

Thể loại

Khóa luận tốt nghiệp

2023

159
0
0

Phí lưu trữ

45 Point

Mục lục chi tiết

LỜI CẢM ƠN

ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP

DANH SÁCH HÌNH

DANH SÁCH BẢNG

PHẦN MỞ ĐẦU

prefix.1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI

prefix.2. MỤC TIÊU ĐỀ TÀI

prefix.3. PHƯƠNG PHÁP THỰC HIỆN

1. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

2. PHẦN NỘI DUNG

2.1. KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ

2.1.1. Phân tích hiện trạng

2.1.2. Khảo sát một số phần mềm

2.1.3. Phân tích yêu cầu của dự án

2.1.3.1. Danh sách yêu cầu chức năng nghiệp vụ
2.1.3.2. Danh sách yêu cầu chức năng hệ thống
2.1.3.3. Danh sách yêu cầu phi chức năng

2.2. MÔ HÌNH HÓA YÊU CẦU

2.3. THIẾT KẾ PHẦN MỀM

2.3.1. Lược đồ tuần tự

2.4. THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ

2.4.1. Màn hình mua sắm

2.4.2. Lọc sản phẩm

2.4.3. Chi tiết sản phẩm

2.4.4. Đánh giá sản phẩm

2.4.5. Thông tin tài khoản

2.4.6. Thêm địa chỉ mới

2.4.7. Chỉnh sửa địa chỉ

2.4.8. Voucher của tôi

2.4.9. Đơn hàng của tôi

2.4.10. Chi tiết đơn hàng

2.4.11. Đăng kí trên Website

2.4.12. Màn hình shopping trên website

2.4.13. Chi tiết giỏ hàng (Website)

2.4.14. Voucher của tôi (Website)

2.4.15. Màn hình địa chỉ (Website)

2.4.16. Đơn hàng của tôi (Website)

2.4.17. Chi tiết đơn hàng của tôi (Website)

2.4.18. Màn hình vận chuyển (Website)

2.4.19. Shipper delivery detail (Mobile)

2.5. CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG

2.5.1. Kiểm thử ứng dụng

PHẦN KẾT LUẬN

prefix.1. NHỮNG KẾT QUẢ ĐẠT ĐƯỢC

prefix.1.1. Về kiến thức

prefix.1.2. Về kinh nghiệm

prefix.2. ƯU ĐIỂM VÀ NHƯỢC ĐIỂM

prefix.2.1. Nhược điểm

prefix.3. HƯỚNG PHÁT TRIỂN

TÀI LIỆU THAM KHẢO

Tóm tắt

I. Giới thiệu tổng quan website quản lý linh kiện điện tử hiệu quả

Website quản lý linh kiện điện tử đang trở thành công cụ không thể thiếu trong ngành công nghiệp bán linh kiện điện tử hiện nay. Với sự bùng nổ về nhu cầu mua sắm trực tuyến, các giải pháp công nghệ như phần mềm quản lý linh kiện điện tử giúp tối ưu hóa quản lý kho hàng, đơn hàng và trải nghiệm khách hàng. Ứng dụng Spring BootReactJS là hai nền tảng công nghệ nổi bật, mang đến khả năng phát triển ứng dụng fullstack hiện đại, linh động và dễ bảo trì. Spring Boot hỗ trợ xây dựng API mạnh mẽ và bảo mật, trong khi ReactJS xây dựng giao diện người dùng mượt mà, tiện lợi. Sự kết hợp này tạo nên một hệ thống quản lý linh kiện điện tử hoàn chỉnh, đáp ứng mọi nhu cầu quản lý từ backend đến frontend.

Những nghiên cứu từ Trường Đại học Sư phạm Kỹ thuật TP.HCM cho thấy việc áp dụng ứng dụng Spring Boot quản lý kết hợp với giao diện ReactJS không chỉ nâng cao hiệu suất làm việc mà còn cải thiện trải nghiệm người dùng, tạo ra hệ thống linh hoạt, dễ dàng phát triển và mở rộng trong tương lai. Mô hình này thích hợp áp dụng cho cả quản lý kho lẫn kênh bán hàng trực tuyến trong lĩnh vực linh kiện điện tử.

1.1. Giải pháp phần mềm quản lý linh kiện điện tử qua Spring Boot

Spring Boot được đánh giá là framework tối ưu để xây dựng API và backend cho các ứng dụng quản lý. Với khả năng tự động cấu hình và tích hợp dễ dàng các tính năng bảo mật nhờ Spring Security và JWT, API Spring Boot cho quản lý linh kiện đảm bảo độ ổn định và bảo mật cao. Ngoài ra, Spring Boot hỗ trợ thao tác với cơ sở dữ liệu MySQL nhanh chóng qua Spring Data JPA, giúp lưu trữ và truy xuất dữ liệu kho linh kiện điện tử hiệu quả.

1.2. Vai trò giao diện ReactJS trong quản lý linh kiện điện tử hiện đại

Frontend dựa trên giao diện ReactJS cho quản lý linh kiện tạo ra trải nghiệm người dùng thân thiện và linh hoạt. ReactJS giúp xây dựng các component tái sử dụng, giúp việc thiết kế giao diện mua hàng, quản lý sản phẩm và đơn hàng trở nên trực quan. Ngoài ra, ReactJS còn hỗ trợ tối ưu tốc độ phản hồi và khả năng mở rộng hệ thống trong tương lai.

II. Những thách thức trong phát triển hệ thống quản lý linh kiện điện tử hiện nay

Phát triển một hệ thống quản lý kho linh kiện điện tử không hề đơn giản do yêu cầu về độ chính xác, tốc độ xử lý và khả năng mở rộng. Các thách thức chính bao gồm quản lý đa dạng loại linh kiện, đồng bộ tồn kho, bảo mật thông tin người dùng và xử lý giao dịch nhanh chóng. Ngoài ra, việc thiết lập phân quyền cho quản trị viên và người dùng cũng đòi hỏi cách tiếp cận kỹ thuật phù hợp để đảm bảo an toàn dữ liệu.

Bên cạnh đó, sự phức tạp trong việc tích hợp các công nghệ mới như lập trình fullstack Spring Boot và ReactJS cũng là một rào cản đối với nhóm phát triển, cần có sự am hiểu sâu sắc về cả frontend và backend để xây dựng một hệ thống vững chắc, dễ dàng bảo trì.

2.1. Khó khăn trong quản lý tốn kho thiết bị điện tử phức tạp

Việc quản lý số lượng lớn và đa dạng linh kiện điện tử dẫn tới nhiều khó khăn trong việc sắp xếp, cập nhật và theo dõi tồn kho chính xác. Các sản phẩm có đặc điểm, thông số kỹ thuật khác nhau đòi hỏi hệ thống phải hỗ trợ lọc sản phẩm, phân loại đa dạng và khả năng tìm kiếm nhanh chóng. Nếu không có phần mềm chuyên biệt, doanh nghiệp dễ gặp phải sai sót trong kiểm kê và thất thoát tài sản.

2.2. Thách thức bảo mật và xác thực trong hệ thống ứng dụng Spring Boot

Một trong những vấn đề then chốt trong phát triển phần mềm quản lý linh kiện điện tử là bảo mật thông tin người dùng và dữ liệu giao dịch. Việc ứng dụng các phương pháp như Spring Security JWT và tích hợp OAuth2 giúp kiểm soát truy cập hiệu quả nhưng đòi hỏi kiến thức chuyên sâu và kinh nghiệm lập trình để đảm bảo hệ thống không bị tấn công hoặc rò rỉ thông tin.

III. Hướng dẫn xây dựng phần mềm quản lý linh kiện điện tử bằng Spring Boot

Xây dựng phần mềm quản lý linh kiện điện tử sử dụng Spring Boot bắt đầu từ việc thiết kế kiến trúc RESTful API, giúp tách biệt backend và frontend. Spring Boot mang lại lợi thế về khả năng tự động cấu hình, dễ dàng tích hợp với cơ sở dữ liệu MySQL thông qua Spring Data JPA. Bảo mật hệ thống được thực hiện bằng Spring Security kết hợp JWT và OAuth2 để xác thực người dùng. Ngoài ra, các API này còn tương thích cao đối với giao diện ReactJS phía client.

Việc sử dụng Spring Boot còn giúp tăng hiệu suất phát triển nhờ hỗ trợ đầy đủ các tính năng cần thiết như logging, quản lý session, và cấu hình môi trường đa dạng cho ứng dụng. Các module quan trọng như quản lý sản phẩm, đơn hàng, tài khoản người dùng đều được xây dựng một cách mô-đun, dễ bảo trì và mở rộng trong tương lai.

3.1. Cách xây dựng API Spring Boot cho quản lý linh kiện điện tử

Phần backend sử dụng Spring Boot để phát triển các API RESTful cho phép thực hiện các thao tác CRUD với linh kiện điện tử. Các endpoint được thiết kế phục vụ cho chức năng: tạo, sửa, xóa, tìm kiếm linh kiện. Đồng thời, API cung cấp các phương thức để quản lý tài khoản người dùng, phân quyền và xử lý đơn hàng. Việc sử dụng Spring Data JPA giúp tương tác dữ liệu dễ dàng và giảm thiểu lỗi phát sinh.

3.2. Ứng dụng Spring Security và JWT trong xác thực người dùng hệ thống

Để bảo mật hệ thống quản lý linh kiện điện tử, Spring Security kết hợp JSON Web Token (JWT) được ứng dụng rất hiệu quả. Phương pháp này cho phép tạo ra token chứa thông tin xác thực người dùng, được gửi kèm trong mỗi yêu cầu HTTP để kiểm tra quyền truy cập, giúp hệ thống an toàn trước các nguy cơ tấn công như giả mạo hoặc truy cập trái phép.

IV. Phương pháp phát triển giao diện quản lý linh kiện điện tử với ReactJS

Phía frontend sử dụng giao diện ReactJS cho quản lý linh kiện giúp tạo ra trang web mượt mà, tương tác cao cho người dùng và quản trị viên. ReactJS cho phép phân chia giao diện thành các component độc lập, dễ dàng tái sử dụng và quản lý trạng thái thông qua Redux hoặc Context API. Giao diện bao gồm các chức năng chính như đăng nhập, xem danh sách linh kiện, chi tiết sản phẩm, giỏ hàng và đánh giá sản phẩm.

ReactJS còn hỗ trợ tối ưu hiệu suất nhờ kỹ thuật Virtual DOM và cơ chế re-render thông minh. Kết hợp với REST API từ backend Spring Boot, frontend đảm bảo cung cấp trải nghiệm người dùng tốt nhất trên đa nền tảng, bao gồm cả desktop và di động.

4.1. Thiết kế frontend ReactJS trong quản lý điện tử hiệu quả và tiện lợi

Thiết kế giao diện ReactJS tập trung vào trải nghiệm người dùng với các màn hình: đăng nhập, đăng ký, quản lý tài khoản, giỏ hàng, và thanh toán. Sử dụng JSX giúp viết mã HTML trực tiếp trong JavaScript, tăng tính trực quan. Các component được xây dựng có khả năng tự quản lý trạng thái và phản hồi nhanh các tương tác từ người dùng.

4.2. Tối ưu giao diện ReactJS kết hợp API Spring Boot quản lý kho linh kiện

Frontend ReactJS tương tác với backend qua các API RESTful do Spring Boot cung cấp, đảm bảo dữ liệu luôn cập nhật chính xác và nhất quán. Việc xử lý asynchronous request bằng Axios hoặc Fetch API giúp tải dữ liệu nhanh, mượt mà, đặc biệt khi tìm kiếm hoặc lọc sản phẩm linh kiện. Phương pháp này nâng cao hiệu quả quản lý kho linh kiện điện tử và trải nghiệm khách hàng.

V. Ứng dụng thực tế và kết quả nghiên cứu về website quản lý linh kiện điện tử

Nghiên cứu từ đề tài tốt nghiệp tại Trường Đại học Sư phạm Kỹ Thuật TP.HCM đã chứng minh hiệu quả của việc ứng dụng xây dựng website quản lý linh kiện dựa trên Spring Boot và ReactJS. Hệ thống cho phép người dùng dễ dàng tìm kiếm, đặt hàng, đánh giá sản phẩm và theo dõi lịch sử giao dịch. Quản trị viên có thể quản lý sản phẩm, tài khoản người dùng, và thống kê doanh số một cách trực quan và linh hoạt.

Kết quả kiểm thử cho thấy nền tảng này đáp ứng tốt các yêu cầu về bảo mật, tốc độ, và khả năng mở rộng. Các tính năng như phân quyền người dùng, tích điểm nâng cấp tài khoản, và tích hợp thanh toán VNPAY tạo nên trải nghiệm thương mại điện tử hiệu quả và hấp dẫn. Thực tế sử dụng minh chứng việc kết hợp giữa frontend ReactJS trong quản lý điện tử và backend Spring Boot là giải pháp toàn diện cho mô hình kinh doanh linh kiện hiện đại.

5.1. Ứng dụng Spring Boot và ReactJS trong quản lý kho linh kiện điện tử thực tế

Website quản lý linh kiện xây dựng bằng Spring Boot và ReactJS đã được nghiệm thu thành công, với các chức năng đầy đủ cho cả người dùng và admin. Người dùng có thể thao tác dễ dàng trong việc xem sản phẩm, thêm vào giỏ hàng, thanh toán và đánh giá. Quản trị viên quản lý danh mục sản phẩm, người dùng và đơn hàng một cách tiện lợi thông qua giao diện quản trị web.

5.2. Kết quả kiểm thử và đánh giá hiệu năng của hệ thống quản lý linh kiện

Qua các đợt kiểm thử, hệ thống đạt độ ổn định cao, tốc độ phản hồi nhanh. Bảo mật và xác thực được đánh giá tốt nhờ áp dụng JWT và OAuth2. Giao diện ReactJS giúp giảm thiểu lỗi hiển thị và tăng tính tương tác. Theo giảng viên hướng dẫn, đề tài đã áp dụng thành công các kỹ thuật hiện đại như REST API, Spring Data JPA, và React Components, đáp ứng yêu cầu thực tế trong ngành kinh doanh điện tử.

VI. Kết luận và hướng phát triển tương lai cho website quản lý linh kiện điện tử

Website quản lý linh kiện điện tử dựa trên Spring Boot và ReactJS đã minh chứng được tính khả thi và hiệu quả trong việc xây dựng hệ thống bán hàng và quản lý kho hàng hiện đại. Việc ứng dụng các công nghệ mới giúp tối ưu hoá quản lý tồn kho, nâng cao trải nghiệm người dùng và tăng tính bảo mật của hệ thống. Đồng thời, kiến trúc tách biệt backend và frontend giúp dễ dàng bảo trì và nâng cấp.

Hướng phát triển trong tương lai bao gồm mở rộng tích hợp các công nghệ như AI để dự báo tồn kho, áp dụng blockchain cho bảo mật giao dịch và phát triển ứng dụng di động với React Native để tiếp cận khách hàng tiện lợi hơn. Sự phát triển bền vững của hệ thống phần mềm sẽ góp phần thúc đẩy lĩnh vực thương mại điện tử linh kiện điện tử phát triển mạnh mẽ hơn.

6.1. Đánh giá tổng quan ưu nhược điểm của hệ thống quản lý linh kiện điện tử

Hệ thống sử dụng Spring Boot và ReactJS thể hiện ưu điểm vượt trội như dễ mở rộng, bảo mật cao và giao diện thân thiện. Tuy nhiên, nhược điểm còn tồn tại là yêu cầu kỹ thuật cao đối với lập trình viên fullstack và cần thời gian để tối ưu các tính năng phức tạp như tích điểm, voucher, hay thanh toán online.

6.2. Hướng phát triển nâng cao cho phần mềm quản lý linh kiện điện tử

Trong tương lai, việc tích hợp thêm các tính năng tự động hóa như phân tích dữ liệu khách hàng bằng AI, cải tiến UI/UX chuẩn hóa để phù hợp hơn với nhiều thiết bị sẽ được đặt ra. Ngoài ra, phát triển ứng dụng mobile dựa trên React Native và mở rộng dịch vụ thanh toán đa kênh giúp nâng cao trải nghiệm người dùng và hiệu quả kinh doanh.

16/09/2025

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

CHƯƠNG 1. Giới thiệu về Spring Hinh̀† 1. Logo của Spring Framework [1] Spring là một Framework phát triển các ứng dụng Java được sử dụng bởi hàng triệu lập trình viên. Nó giúp tạo các ứng dụng có hiệu năng cao, dễ kiểm thử, sử dụng lại code.

Spring nhẹ và trong suốt (nhẹ: kích thước nhỏ, version cơ bản chỉ khoảng 2MB; trong suốt: hoạt động một cách trong suốt với lập trình viên) Spring là một mã nguồn mở, được phát triển, chia sẻ và có cộng đồng người dùng rất lớn. Spring Framework được xây dựng dựa trên 2 nguyên tắc design chính là: Dependency Injection và Aspect Oriented Programming. Những tính năng core (cốt lõi) của Spring có thể được sử dụng để phát triển Java Desktop, ứng dụng mobile, Java Web. Mục tiêu chính của Spring là giúp phát triển các ứng dụng J2EE một cách dễ dàng hơn dựa trên mô hình sử dụng POJO (Plain Old Java Object) 1.

Ưu điểm Spring cho phép lập trình viên sử dụng POJOs. Việc sử dụng POJOs giúp bạn không phải làm việc với EJB, ứng dụng, các luồng chạy, cấu hình… đơn giản hơn rất nhiều. 20 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Spring được tổ chức theo kiểu mô đun. Số lượng các gói và các lớp khá nhiều, nhưng bạn chỉ cần quan tâm đến những gì bạn cần và không cần quan tâm đến phần còn lại.

Spring hỗ trợ sử dụng khá nhiều công nghệ như ORM Framework, các logging framework, JEE, các thư viện tạo lịch trình (Quartz và JDK timer)… Module Web của Spring được thiết kế theo mô hình MVC nên nó cung cấp đầy đủ các tính năng giúp thay thế các web framework khác như Struts. Giới thiệu về Spring boot Hinh̀† 1. Logo của Spring boot [3] Spring Boot chính là một Java framework siêu to và khổng lồ và có nhiều khả năng hữu ích vì nó có thể giúp lập trình viên giải quyết rất nhiều vấn đề. So với framework Spring thông thường, Spring Boot tỏ ra những lợi thế vượt trội.

Khi sử dụng Spring Boot, rất nhiều thứ được cải tiến hỗ trợ lập trình viên như:  Auto config: tự động cấu hình thay lập trình viên, bạn chỉ cần viết code và tiến hành chạy hệ thống là được.  Dựa trên các Annotation để tạo lập các bean thay vì XML.  Server Tomcat có thể được nhúng ngay trong file JAR build ra và có thể chạy ở bất kì đâu mà java chạy được. Ưu điểm nổi bật của Spring Boot Những tính năng nổi bật của Spring Boot mà bạn không thể bỏ qua như:  Phát triển web một cách đơn giản và nhanh chóng.

 Config an toàn 21 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT  Có thể hỗ trợ YAML  Có tính quản trị cao  Dễ dàng ứng dụng Spring và các sự kiện.  Có thể cấu hình ở bên ngoài và tạo ra những tệp thuộc tính.  Tính bảo mật cao. Đặc điểm nổi bật của Spring Boot  Spring Application: Đây là class được dùng để khởi chạy ứng dụng từ hàm main().

Vì thế, khi khởi chạy ứng dụng, các lập trình viên chỉ cần gọi method run() là được.  Externalized Configuration: Spring Boot cho phép người dùng có thể sử dụng cấu hình (config) từ bên ngoài. Chính vì vậy mà mỗi ứng dụng được tạo ra có thể chạy được trên nhiều môi trường khác nhau.  Profiles: Dùng để phân chia các loại cấu hình cho các môi trường khác nhau.

 Loggin: Sử dụng phục vụ cho toàn bộ chức năng log trong phạm vi nội bộ. Những logging này sẽ được quản lý một cách mặc định. Ngoài ra còn rất nhiều các tính năng tương tự khác của Spring Boot như: Developing web Applications, Working with SQL Technologies, Security, Messaging, Caching, Calling rest Services with RestTemplate/WebClient, Sending Email, Validation,…. Tổng kết Spring Boot mang đến cho các lập trình viên rất nhiều những tính năng tuyệt vời.

Hy vọng với những thông tin chia sẻ ở trên, các bạn đã hiểu hơn về Spring Boot là gì, có nên sử dụng Spring Boot hay không và nên tìm hiểu những kiến thức gì để vận dụng Spring Boot được tốt nhất. Khái niệm JSON Web Token (JWT) là một tiêu chuẩn mở (RFC 7519) định nghĩa một phương thức nhỏ gọn và khép kín, là một phương tiện đại diện cho các yêu cầu chuyển giao giữa hai bên client - server dưới dạng một JSON. Các thông tin được truyền tải 22 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT được đính kèm với một chữ ký điện được mã hóa lại bằng HMAC hoặc RSA có thể xác minh tính đúng đắn do đó tạo ra sự tin cậy cho dữ liệu. Cấu trúc JSON Web Token bao gồm 3 thành phần chính được cách nhau bởi dấu chấm (.

+ Header + Payload + Signature ● Header Header sẽ chứa kiểu dữ liệu và thuật toán sửa dụng để mã hóa ra chuỗi JWT bao gồm 2 thành phần: loại token (mặc định là JWT) và thuật toán sử dụng để mã hóa như HMAC hoặc RSA. Sau đó JSON này sẽ được mã hóa Base64Url và thêm vào phần đầu tiên của JWT token. ● Payload Phần thứ 2 của token là payload, chứa các nội dung của thông tin (claim). Thông tin được truyền đi có thể là mô tả của một thực thể hoặc có thể là thông tin bổ sung cho phần Header.

Có 3 kiểu claims: registered, public, và private claims. Registered claims: Một tập hợp các nội dung thông tin đã được quy định sẵn, chúng không bắt buộc nhưng tùy vào các ứng dụng thực hiện thì khuyến khích sử dụng để tạo ra các điều kiện bắt buộc đối với những thông tin cần thiết. Public claims: Những thông tin có thể tự định nghĩa tùy theo ý muốn của người sử dụng ví dụ role, username, v. Nhưng để tránh trùng lặp với các Registered claims chúng ta nên quy định các claims được liệt kê trong IANA JSON Web Token Registry.

Private claims: Đây cũng là những thông tin tự định nghĩa hoặc các thông tin thêm, thường được sử dụng để chia sẻ thông tin giữa các Client. ● Signature Để tạo ra phần chữ ký này cần có encoded header, và encoded payload đã được mã hóa ở trên cùng kèm theo một khóa bí mật (chuỗi secret) và một thuật toán được chỉ định trong phần header. 23 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Để đảm bảo tính đúng đắn của dữ liệu, chữ ký được sử dụng để xác minh thông điệp vẫn nguyên vẹn trong quá trình truyền nhận. Nếu thông tin đã bị ai đó cố ý thay đổi trong phần header hoặc payload và gửi mạo danh đến server (nơi tạo và ký token) thì quá trình xác nhận thông tin sẽ không hợp lệ.

Giới thiệu Hinh̀† 1. Logo của ReactJS [7] ReactJS ra mắt vào năm 2013, là một mã nguồn mở được phát triển bởi Facebook, bản thân nó được biết đến là một thư viện Javascript dùng để xây dựng các giao diện người dùng hay UI một cách dễ dàng và tiện lợi. Điểm nổi bật nhất của ReactJS đó là việc render dữ liệu được thực hiện cả ở trên tầng Server và ở dưới Client. Trong lập trình ứng dụng front-end, lập trình viên thường sẽ phải làm việc chính trên 2 thành phần sau: UI và xử lý tương tác của người dùng.

Điểm đến cuối cùng của việc sử dụng ReactJS đó là đảm bảo tốc độ nhanh, mượt và có khả năng mở rộng cao. Đặc trưng JSX: Trong React, lập trình viên sẽ thường dùng JSX thay vì thường xuyên sử dụng JavaScript để thiết kế bố cục trang web. JSX là một cú pháp mở rộng của Javascript, nó cho phép lập trình viên viết HTML trong React một cách dễ dàng. Khi biên soạn, JSX tối ưu hóa code, vì thế nó chạy nhanh hơn so với code JavaScript tương đương.

Redux: Redux là một vùng chứa trạng thái có thể dự đoán được hay còn biết đến là một thư viện của JavaScript. Redux được thiết kế nhằm hỗ trợ lập trình viên khi viết các ứng dụng của JavaScript có thể hoạt động trong các môi trường khác nhau. Mặc dù 24 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Redux chủ yếu được sử dụng như một công cụ quản lý trạng thái với React, nhưng nó có thể được sử dụng với bất kỳ Framework hoặc thư viện JavaScript khác. Giới thiệu React Native là môṭframework được taọ bởi Facebook.

React Native vượt trôịở chỗ chỉ cần viết môṭlần là có thể build ứng dụng cho cả iOS lẫn Android. Mục tiêu cốt lõi của thư viện này là nhằm cung cấp hiệu suất làm việc cao nhất vì cần tìm hiểu 2 hệ sinh thái hoàn toàn khác biệt (IOS, Android). Cho phép các lập trình viên sử dụng JavaScript để làm mobile apps trên cả Android và iOS với có trải nghiệm và hiệu năng như native. Đặc trưng React Native cho phép lập trình viên viết ứng dụng trực tiếp trên Javasript.

Dễtiếp cận đối với người đã kiến thức lập trình căn bản vềJavascript Do react native cung cấp môṭcấu trúc dựa trên component, tức là các component là những mảnh ghép được ghép laịthành môṭứng dụng. Mỗi component sẽ tự quyết định nó render như thếnào và logic riêng bên trong đó. - Có thể tái sử dụng laịcác component này taịbất kì nơi nào. Bô ̣công cụ phát triển cho lập trình là môṭyếu tố quan trọng khi chọn nền tền phát triển.

25 CHƯƠNG 2: KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ CHƯƠNG 2. KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ 2. Phân tích hiện trạng Công nghệ kĩ thuật là một trong những lĩnh vực quan trọng trong cơ cấu kinh tế Việt Nam cũng như quan trọng cho việc phát triển đất nước ngày càng hiện đại hơn Theo số liệu nghiên cuứu cuối quý năm 2021 chứng kiến số lượng máy tính để bàn, máy tính xách tay bán ra tăng 1% so với cùng kỳ năm 2020, đạt 92 triệu chiếc. Thành tích này góp phần vào tổng doanh số máy tính cả nhân toàn cầu trong năm 2021 là 341 triệu chiếc, tăng 15% so với năm 2020.

Giới chuyên môn nhận định, số máy tính bán ra tăng cao chưa từng thấy, vượt tới 27% so với thời điểm trước dịch là năm 2019, là minh chứng rõ nét cho tiến trình chuyển đổi số được thúc đẩy mạnh mẽ do đại dịch covid-19. Số lượng bán ra tăng cao ngoài mọi kỳ vọng cũng cho thấy người dùng đang tích cực mua bổ sung máy tính mới, nâng cấp các máy tính đang sử dụng với những linh kiện hiện đại hơn, có hiệu suất cao hơn như Card màn hình, nâng cấp Ram, ổ cứng, …. Để phần nào giải quyết nhu cầu mua máy tính, nhóm chúng em xây dựng website và app mobile bán linh kiện máy tính giúp cho việc xây dựng máy tính từ những linh kiện này có thể dễ dàng hàng nhờ việc mua chúng một cách thật thuận tiện nhất có thể. Khảo sát một số phần mềm 2.

GearVN Các màn hình chính Hinh̀† 2. Màn hình trang chủ GEARVN 26 CHƯƠNG 2: KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ Hinh̀† 2. Màn hình đăng nhập của GEARVN Hinh̀† 2.

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