Tìm hiểu về react js và thiết kế website bán đồ chơi

Hiện nay, nhu cầu buôn bán, trao đổi hang hóa ngày càng tăng và hình thức mua và bán cũng ngày càng được cải tiến. Ở trên một thị trường mà người mua và người bán không cần trực tiếp gặp nhau nhưng vẫn có thể thực hiện các giao dịch thì đòi hỏi cần phải có một môi trường ảo hỗ trợ những công việc đó và những website bán hang chính là môi trường không thể thuận lợi hơn để thực hiện những giao dịch đó, khiến chúng trở nên đơn giản, nhanh chóng và thuận tiện. Chính vì vậy mà em đã nghiên cứu, tìm hiểu về một thư viện thiết kế trang web phổ biến nhất hiện nay là React và đồng thời xây dựng một website bán hàng. Với sự hướng dẫn rất nhiệt tình của thầy giáo Ths.Trần Anh Dũng em đã hoàn thành được đề tài nghiên cứu của mình.

Trong quá làm bài chắc chắn em sẽ mắc phải những thiếu sót nên rất mong nhận được sự đóng góp ý kiến của thầy, cô để em có cơ hội sửa sai, phát triển trong thực tế và từng bước hoàn thiện mình.

NỘI DUNG:

CHƯƠNG 1. TỔNG QUAN ĐỀ TÀI ............................................................................. 10

1.1. Giới thiệu ................................................................................................................. 10

1.2. Lý do chọn đề tài ..................................................................................................... 11

1.3. Mục tiêu đề tài ......................................................................................................... 11

1.4. Phạm vi đề tài .......................................................................................................... 12

1.5. Đối tượng nghiên cứu .............................................................................................. 12

CHƯƠNG 2. CƠ SỞ LÝ THUYẾT ............................................................................... 12

2.1. Giới thiệu về React JS ............................................................................................. 12

2.2. Một số khái niệm, kiến thức khi nghiên cứu React ................................................. 14

2.2.1. Khái niệm ............................................................................................................ 14

2.2.2. Kiến thức ............................................................................................................. 19

2.3. Môi trường xây dựng web bằng React JS ............................................................... 21

2.3.1. Giới thiệu về Meteor ......................................................................................... 21

4

2.3.2. Giới thiệu To-do-list app ..................................................................................... 22

2.3.3. Ví dụ về React thông qua To-do-list app............................................................. 22

2.3.3.1. Import trong React ........................................................................................ 22

2.3.3.2. Render trong React ....................................................................................... 28

2.4. Kết luận về React JS ................................................................................................ 29

2.5. Ngôn ngữ lập trình PHP và hệ quản trị CSDL MySQL .......................................... 31

2.5.1. Ngôn ngữ PHP .................................................................................................. 31

2.5.1.1. Lịch sử của PHP ........................................................................................... 31

2.5.1.2. Giới thiệu ngôn ngữ lập trình PHP ............................................................... 32

2.5.1.3. Tính chất của ngôn ngữ lập trình PHP ......................................................... 34

2.5.1.4. Quy tắc cú pháp ............................................................................................ 35

2.5.1.5. Ưu điểm của PHP ......................................................................................... 35

2.5.2. Hệ quản trị CSDL MySQL ........................................................................... 37

2.5.2.1. Giới thiệu về MySQL ................................................................................... 37

2.5.2.2. Các thao tác trên My SQL ............................................................................ 38

2.6. Các phần mềm hỗ trợ khác ...................................................................................... 39

2.6.1. Atom (Phần mềm dùng để edit code) ............................................................... 39

2.6.2. Xampp (Phần mềm test trang web trên local host) ............................................. 41

5

2.6.3. draw.io ................................................................................................................. 43

CHƯƠNG 3. PHÂN TÍCH WEBSITE BÁN ĐỒ CHƠI .............................................. 44

3.1. Xác định yêu cầu ..................................................................................................... 44

3.2. Phân tích yêu cầu ..................................................................................................... 45

3.3. Mô hình hóa yêu cầu ............................................................................................... 46

3.3.1. Mô hình mua hàng ............................................................................................... 46

3.3.2. Mô hình tùy chỉnh website của chủ cửa hàng ..................................................... 47

3.4. Phân tích cơ sở dữ liệu ............................................................................................ 48

3.4.1. Mô hình quan niệm dữ liệu (Thực thể - Kết hợp) ............................................ 48

3.4.2. Mô tả các thực thể ............................................................................................... 48

3.4.3. Kiểu dữ liệu của các thực thể .............................................................................. 49

CHƯƠNG 4. THIẾT KẾ WEBSITE BÁN ĐỒ CHƠI ................................................. 51

4.1. Sơ đồ giao diện ........................................................................................................ 51

4.1.1 Sơ đồ giao diện phía client ................................................................................... 51

4.1.2. Sơ đồ giao diện phía admin ................................................................................. 52

4.2. Thiết kế giao diện .................................................................................................... 53

4.2.1. Giao diện phía người dùng ............................................................................... 53

4.2.1.1. Phần Mainlayout ........................................................................................... 53

6

4.2.1.2. Phần Trang Chủ ............................................................................................ 57

4.2.1.3. Phần Giới thiệu, Hướng dẫn, Cách mua hàng, Liên hệ ................................ 57

4.2.1.4. Trang Sản Phẩm ........................................................................................... 59

4.2.1.5. Thương hiệu .................................................................................................. 60

4.2.1.6. Trang chi tiết sản phẩm ................................................................................ 62

4.2.1.7. Phần giỏ hàng ............................................................................................... 63

4.2.2. Giao diện phía admin (Trang Quản Trị) .............................................................. 65

4.2.2.1. Form đăng nhập ............................................................................................ 65

4.2.2.2. Trang menu chức năng ................................................................................. 66

4.2.2.3. Tùy chỉnh Thương Hiệu ............................................................................... 66

4.2.2.4. Tùy chỉnh Sản Phẩm và Menu Ngang .......................................................... 68

4.2.2.5. Quản lý Slideshow và Banner và Footer ...................................................... 70

4.2.2.6. Hóa Đơn........................................................................................................ 71

CHƯƠNG 5. TỔNG KẾT ............................................................................................... 73

5.1. Kế hoạch đạt được ................................................................................................... 73

5.2. Hướng phát triển ...................................................................................................... 74

TÀI LIỆU THAM KHẢO

LINK DOWNLOAD