Đồ Án chuyên ngành 2 shop bán Đồ công nghệ

Ngôn ngữ lập trình1.Reactjs React là một thư viện JavaScript mã nguồn mở được phát triển bởi Facebook, được sử dụng để xây dựng giao diện người dùng UI cho các ứng dụng web hiện đại.. Nó

SHOP BÁN Đ CÔNG NGH Ồ Ệ

GVHD:Ths.Lê Viết Trương Thành Viên:

Đỗ Quốc Huy-20IT674 Nguyễn Xuân Thành Đạt - 20IT703 Cao Bá Tương - 20IT700

Nội Dung

I.Giới thiệu về đồ án II.Ngôn Ngữ Lập Trình III.Kết quả

I.Giới thiệu về đề tài

1.Gi i thi u ớ ệ

Shop bán s n ph m công ngh bao g m app và website dùng đ bán các ả ẩ ệ ồ ể

s n ph m công ngh nh Laptop, Đi n tho i di Đ ng, và các s n ph m ả ẩ ệ ư ệ ạ ộ ả ẩ công ngh khác ệ

II Ngôn ngữ lập trình

1.Reactjs

React là một thư viện JavaScript mã nguồn mở được phát triển bởi Facebook, được sử dụng để xây dựng giao diện người dùng (UI) cho các ứng dụng web hiện đại Nó tập trung vào việc tạo ra các component tái sử dụng, linh hoạt và dễ bảo trì, giúp tách biệt UI thành các phần nhỏ để quản

lý một cách hiệu quả React sử dụng cơ chế virtual DOM để tối ưu hóa hiệu suất và cập nhật giao diện một cách hiệu quả, giúp ứng dụng chạy mượt mà và nhanh chóng

II Ngôn ngữ lập trình

1.Ưu nhược điểm của Reactjs

Nhược điểm:

- Cần Học JSX: Yêu cầu học cú pháp JSX mới nếu người dùng chưa quen

- Phải Lựa Chọn Thêm Các Thư Viện: React core chỉ cung cấp các công cụ

cơ bản, bạn cần phải chọn thêm các thư viện phụ trợ nếu cần

Ưu điểm:

- Component-Based: Xây dựng giao

diện dựa trên thành phần

(component), dễ dàng tái sử dụng và

bảo trì.

- Virtual DOM: Sử dụng Virtual DOM

giúp tối ưu hóa hiệu suất, tăng tốc độ

render và cập nhật giao diện

- JSX: JSX kết hợp HTML với

JavaScript, giúp việc viết code UI trở

nên rõ ràng và dễ đọc

II Ngôn ngữ lập trình

1.Fream work Laravel

Ngôn ngữ lập trình PHP Nó cung cấp một cách tiếp cận đơn giản, linh hoạt để xây dựng các ứng dụng web hiện đại và mạnh mẽ Laravel đi kèm với các tính năng mạnh mẽ như hệ thống routing, ORM (Object-Relational Mapping), template engine, migration, authentication, và nhiều công cụ hỗ trợ phát triển khác, giúp tăng tốc quá trình phát triển ứng dụng web PHP Nó cũng tuân theo nguyên tắc MVC (Model-View-Controller) để tạo ra cấu trúc tổ chức dễ quản lý và mở rộng

hinh10:Giao diện đăng nhập

hinh11:Giao diện trang chủ

hinh13:Giao diện phân loại sản phẩm

hinh14:Giao diện admin

hinh15:Giao diện quản lí sản phẩm

hinh16:Giao diện quản lí danh mục sản phẩm

hinh17:Giao diện chỉnh sửa sản phẩm

hinh18:Giao diện quản lí category

Thank you