[31]
Các thành phần trong kiến trúc client:
• Viewlà các React component, ở đây sẽ gọi các yêu cầu cho Actiondựa trên tương tác trên ứng dụng.
• ActionLà nơi mang các thơng tin dùng để gửi từ ứng dụng đến Store. Các thơng tin này là một object mơ tả những gì đã xảy ra.
• Middlewareslà nơi xử lý các hành động bất đồng bộ như lấy dữ liệu từ API.
• APIhệ thống các api kết nối client với server.
• ReducersLà nơi xác định State thay đổi như thế nào.
4
HIỆN THỰC
Trong chương này, chúng em trình bày việc hiện thực website, làm rõ những chức năng có trong hệ thống và hướng dẫn người dùng sử dụng website một cách dễ dàng.
Mục lục
4.1 Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 4.1.1 Hiện thực RESTful API . . . . . . . . . . . . . . . . . . . . . . . 54 4.1.2 Hiện thực trang quản lý . . . . . . . . . . . . . . . . . . . . . . . 56 4.2 Client . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 4.2.1 Giao diện chính . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 4.2.2 Chức năng xem bài đánh giá, chia sẻ . . . . . . . . . . . . . . . . 56 4.2.3 Chức năng đăng bài viết . . . . . . . . . . . . . . . . . . . . . . . 59 4.2.4 Chức năng đề xuất nhà hàng với hệ thống . . . . . . . . . . . . . 65 4.2.5 Chức năng chỉnh sửa bài đánh giá, chia sẻ . . . . . . . . . . . . . 65 4.2.6 Chức năng xóa bài viết . . . . . . . . . . . . . . . . . . . . . . . . 66 4.2.7 Chức năng thích bài viết . . . . . . . . . . . . . . . . . . . . . . . 67 4.2.8 Chức năng bình luận bài viết . . . . . . . . . . . . . . . . . . . . 67 4.2.9 Chức năng đăng kí tài khoản . . . . . . . . . . . . . . . . . . . . . 68 4.2.10 Chức năng đăng nhập, đăng xuất . . . . . . . . . . . . . . . . . . 69 4.2.11 Chức năng đổi mật khẩu, quên mật khẩu . . . . . . . . . . . . . . 70 4.2.12 Chức năng cập nhật thông tin cá nhân . . . . . . . . . . . . . . . 71 4.2.13 Chức năng theo dõi/hủy theo dõi người dùng, nhà hàng . . . . . . 72 4.2.14 Chức năng xem thông tin người dùng, nhà hàng . . . . . . . . . . 72 4.2.15 Chức năng xếp hạng nhà hàng . . . . . . . . . . . . . . . . . . . . 73 4.2.16 Chức năng gợi ý nhà hàng . . . . . . . . . . . . . . . . . . . . . . 74 4.2.17 Chức năng tìm kiếm . . . . . . . . . . . . . . . . . . . . . . . . . 76 4.2.18 Chức năng nhắn tin . . . . . . . . . . . . . . . . . . . . . . . . . . 78 4.2.19 Chức năng thông báo . . . . . . . . . . . . . . . . . . . . . . . . . 80