Nếu bài đăng là của người đăng nhập sẽ hiển thị tùy chọn cập nhập và xóa bài đăng.
Bắt buộc phải đăng nhập mới thực hiện các chức năng
Hình 3. 23: Giao diện khi đăng xuất khơng hiển thị cập nhật và xóa
Hình 3. 24: Giao diện khi đăng nhập có thể cập nhật và xóa
Khi bấm nút cập nhật điều hướng đến trang cập nhật. Sau khi cập nhật chuyển đến lại thơng tin bài đăng.
Hình 3. 25: Giao diện cập nhật bài đăng
3.1.7. Giao diện chức năng của người dùng
Các chức năng này yêu cầu người dùng phải đăng nhập.
Tạo mới một bài đăng.
o Khi tạo bắt buộc phải nhập hết các ơ dữ liệu.
o Bắt buộc chọn hình ảnh.
o Xem ở dạng danh sách.
o Phân trang với hiển thị tối đa 2 bài đăng.
Hình 3. 26: Giao diện yêu cầu người dùng phải đăng nhập
3.1.8. Giao diện đăng nhập, đăng ký
Kiểm tra tài khoản người dùng có trong database khơng . Kiểm tra mật khẩu và tài khoản có đúng khơng.
Các trường dữ liệu bắt buộc phải nhập.
Trong trường hợp đăng ký, nếu username và email đã tồn tại trong database thì hiển thị cảnh báo.
Hình 3. 28: Giao diện hiển thị hộp thoại khơng tìm thấy người dùng
Hình 3. 30: Giao diện đăng ký
Hình 3. 32: Giao diện đăng ký khi username tồn tại trong database3.1.9. Giao diện quản lý của Admin 3.1.9. Giao diện quản lý của Admin
Khi vào trang Admin pages bắt buộc phải đăng nhập nếu chưa login ở trang người dùng.
Xem được tất cả thông tin của người dùng, bao gồm cả cập nhật, xóa, sửa, tạo mới 1 người dùng.
Tạo được loại danh mục mới bao gồm cả thêm, xóa ,sửa.
Xem được tất cả thơng tin của các bài đăng, bao gồm cả cập nhật, xóa, sửa, tạo mới 1 phịng th.
Vì là quản trị viên nên có thể xóa được bài đăng của người dùng khác.
Hình 3. 34: Giao diện các danh mục
3.1.10. Một số giao diện khác
Khi người dùng nhập sai điều hướng trang thì web tự động điều hướng đến trang khơng tìm thấy.
Khi người cố gắng truy cập vào trang quản lý Quản trị viên, tự động điều hướng đến trang cảnh báo.
Hình 3. 36: Giao diện khơng tìm thấy trang
CHƯƠNG 4: TỔNG KẾT
Sau 03 tháng thực hiện nghiên cứu đề tài, dưới sự hướng dẫn tận tình của thầy Bùi Phú Khuyên, đồ án của em đã đạt được những kết quả sau:
4.1. Kết quả đạt được
Tìm hiều và biết cách sử dụng cơ sở dữ liệu MongoDB. Tìm hiều và biết cách sử dụng cơng nghệ React JS.
Tìm kiểu, nắm bắt được kĩ thuật sự dụng NodeJS và Mongoose kết nối với cơ sở d
ữliệu MongoDB để tạo ra cách thức xử lí dữ liệu theo thời gian
thực. Xây dựng được website với các chức năng như trên phân tích.
4.2. Mặt hạn chế
Trong thời gian qua, em đã cố gắng hết sức để tìm hiểu thực hiện đề tài. Tuy nhiên với ki nh nghiệm và thời gian hạn chế nên không thể tránh khỏi những thiếu sót trong đồ án. Cụ thể:
Phần giao diện vẫn còn chưa được đẹp mắt.
Database còn yếu, truy vấn, các mối quan hệ trong MongoDB cịn khá kém.
Vì là cơng nghệ mới, thời gian và trình độ cịn hạn chế cho nên hệ thống xây dựng trong đồ án chỉ dừng ở mức cơ bản. Do đó nếu muốn áp dụng vào thực tiến thì phả i cần có thời gian, kiến thức nâng cao và cơng sức để hồn thiện.
4.3. Hướng phát triển
Xây dựng một phần mềm quản lý tồn diện bao gồm việc mua bán, trao đổi, tìm kiếm các mặt hàng, thiết bị điện tử, dịch vụ…..
Cung cấp cho người dùng thông tin cần thiết khi muốn tìm kiếm trao đổi dịch vụ, mặt hàng trên website.
Tài Liệu Tham Khảo 1. https://nodejs.org/en/docs/ 2. https://mongoosejs.com/docs/api.html 3. https://reactjs.org/docs/getting-started.html 4. https://expressjs.com/ 5. https://react-bootstrap.github.io/ 6. https://react-icons.github.io/react-icons/ 7. https://dashboard.emailjs.com/