Trang quản lý bài viết

Để người dùng có thể quản lý được những bài đăng đã đăng, có thể đóng bài đăng, đăng lại 1 bài đăng, chúng ta nên làm 1 trang để người dùng có thể làm điều đó. rong hướng dẫn này chúng mình sẽ hướng dẫn cho các bạn làm trang quản lý bài viết

Trang quản lý bài đăng được bắt đầu từ file manage-post.jsx. Trang này gồm 2 phần, Đã mua và đã bán, lần lượt hiện thị những bài viết người dùng đã mua và đã bán(những bài viết được đóng). Mỗi khi người dùng bầm vào nút bấm nút Đã bán/Ẩn bài hay Đăng lại thì sẽ được đưa sang mục bên kia.

Front-end

Việc phân chia trang thành 2 tab ta có thể sử dụng Tabbar hỡ trợ bởi ZMA. Mỗi component được bài viết được thể hiện bằng component PostItem (trong file post-item.jsx).

Gọi 1 api lấy thông tin bài đăng fetchUserPosts. Đổ data vào mỗi tab tương ứng.

Server

Những api liên quan đến trang này bao gồm:

• Lấy những bài đăng theo từng danh mục
• Lấy từng bài đăng đã được xem bởi người dùng
• Lấy những bài đăng gần nhất theo từng danh mục
• Thêm 1 post
• Chỉnh sửa 1 post
• Bạn có thể tham khảo những api được cài đặt ở trong server/routes/post.js

Những component hữu ích

LoadingVertical

Trong trang này chúng ta sử dụng component LoadingVertical để hiển thị thanh loading các bài viết khi đợi tải bài viết từ server, component này được cài đặt trong file loading.jsx. Bạn sẽ thấy component này sẽ được tái sử dụng ở rất nhiều chỗ trong project này, tham khảo tại đây

PostItem

Mỗi bài đăng như hình ở trên chi tiết cài đặt bạn có thể tham khảo tại đây