1. Trang chủ
  2. » Luận Văn - Báo Cáo

Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js

192 62 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 192
Dung lượng 10,06 MB

Nội dung

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH QUẢN LÝ CÔNG NGHIỆP XÂY DỰNG ỨNG DỤNG TÌM KIẾM RAO VẶT THƠNG MINH SỬ DỤNG SPRING RESTFUL API VÀ VUE.JS GVHD: NGUYỄN MINH ĐẠO SVTT: BÙI PHAN VIẾT CƯỜNG MSSV:15110173 SVTT: PHẠM NGỌC HUY MSSV:15110218 SKL 0 Tp Hồ Chí Minh, năm 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM BÙI PHAN VIẾT CƯỜNG : 15110173 PHẠM NGỌC HUY: 15110218 Đề Tài : XÂY DỰNG ỨNG DỤNG TÌM KIẾM RAO VẶT THÔNG MINH SỬ DỤNG SPRING RESTFUL API VÀ VUE.JS KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ****** ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên : Bùi Phan Viết Cường MSSV 1: .15110173 Họ tên Sinh viên : Phạm Ngọc Huy MSSV 2: .15110218 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng Spring Restful API Vue.JS Họ tên Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo NHẬN XÉT Về nội dung đề tài khối lượng thực Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không ? Đánh giá loại : Điểm : Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên : Bùi Phan Viết Cường MSSV 1: .15110173 Họ tên Sinh viên : Phạm Ngọc Huy MSSV 2: .15110218 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng ứng dụng tìm kiếm rao vặt thơng minh sử dụng Spring Restful API Vue.JS Họ tên Giáo viên phản biện: TS Lê Vĩnh Thịnh NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không ? Đánh giá loại : Điểm : Tp Hồ Chí Minh, ngày tháng Giáo viên phản biện (Ký & ghi rõ họ tên) năm 2019 LỜI CẢM ƠN Em xin chân thành cảm ơn khoa Công nghệ Thông tin trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh tất thầy giáo, giáo tận tình giảng dạy giúp đỡ chúng em suốt trình học tập, nghiên cứu Đặc biệt, em xin bày tỏ lòng biết ơn sâu sắc đến thầy Nguyễn Minh Đạo - người trực tiếp giảng dạy hướng dẫn tạo điều kiện thuận lợi giúp đỡ em trình tìm hiểu thực đề tài Những vốn kiến thức tiếp thu trình hướng dẫn giúp đỡ thầy không tảng cho q trình nghiên cứu khóa luận mà hành trang quý báu để em bước vào đời cách vững vàng tự tin Em xin chân thành cảm ơn bạn bè, anh chị học với em ln động viên, khích lệ tạo điều kiện giúp đỡ em suốt q trình thực để em hồn thành khóa luận tốt nghiệp cách tốt Đồng thời gửi lời cảm ơn đến gia đình ln ủng hộ từ lúc em bước chân vào đường đại học sau này, bên cạnh lúc khó khăn nhất, nguồn động viên vơ hạn cho cá nhân sinh viên Trong trình nghiên cứu thực khóa luận nhóm có nhiều cố gắng, chắn chúng em nhiều thiếu sót khóa luận Rất mong nhận góp ý thầy giáo, giáo bạn để chúng em hoàn thiện đề tài cách trọn vẹn tạo hành trang kiến thức tốt cho cơng việc sau Cuối em kính chúc q thầy, Khoa Cơng nghệ Thơng tin nói riêng Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh nói chung dồi sức khỏe thành công nghiệp trồng người đầy cao quý Em xin chân thành cảm ơn! Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa : CNTT ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực : Bùi Phan Viết Cường Mã Số SV : 15110173 Họ Tên SV thực : Phạm Ngọc Huy Mã Số SV : 15110218 Thời gian làm luận văn : từ : 05/03/2019 Đến : 14/07/2019 Chuyên ngành : Công nghệ phần mềm Tên luận văn : Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng Spring Restful API Vue.JS GV hướng dẫn : ThS Nguyễn Minh Đạo Nhiệm Vụ Của Luận Văn : Tìm hiểu Web Service, RESTful API, Progressive Framework Vue.JS Khảo sát thực trạng kênh rao vặt có phân tích tổng quan thực trạng Thực theo yêu cầu Use case nhóm phân tích Xây dựng hoàn thiện API cho ứng dụng Thiết kế giao diện triển khai API front-end Vue.JS Báo cáo đầy đủ phần nội dung trình bày theo yêu cầu Khoa Gặp nộp đầy đủ yêu cầu theo thông báo Khoa yêu cầu giáo viên hướng dẫn Đề cương viết luận văn : MỤC LỤC Phần MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài Đối tượng phạm vi nghiên cứu Phương pháp nghiên cứu Cấu trúc nội dung đề tài Phần NỘI DUNG Chương 1: Khảo sát trạng 1.1 Hiện trạng 1.2 Khảo sát Chương 2: Cơ sở lý thuyết 2.1 Tìm hiểu Web Service 2.2 Tìm hiểu Restful API 2.3 Tìm hiểu Single Page Application 2.4 Tìm hiểu Progressive Framework Vue.JS Chương 3: Xác định phân tích yêu cầu 3.1 Xác định yêu cầu 3.2 Phân tích yêu cầu Chương 4: Thiết kế sở liệu 4.1 Lược đồ sở liệu MongoDB 4.2 Mơ tả thuộc tính tập liệu Chương 5: Cài đặt cấu hình ứng dụng 5.1 Cài đặt backend Spring Boot 5.2 Cài đặt front-end Vue.JS Chương 6: Quản lý mã nguồn phiên 6.1 Tạo dự án GitHub 6.2 Khởi tạo dự án 6.3 Làm việc với dự án Chương 7: Xây dựng giao diện API xử lý cho ứng dụng 7.1 Sơ đồ lớp ứng dụng 7.2 Cấu trúc REST Controller 7.3 Tạo API URL 7.4 Mơ hình Service ứng dụng 7.5 Mơ hình Entity Repository ứng dụng 7.6 Xây dựng module Xác thực 7.7 Xây dựng module Người dùng 7.8 Xây dựng module Địa điểm 7.9 Xây dựng module Danh mục 7.10 Xây dựng module Địa 7.11 Xây dựng module Tin rao vặt 7.12 Xây dựng module Phân vai trò quyền 7.13 Xây dựng module Tương tác tin rao vặt 7.14 Xây dựng module Tìm kiếm tin 7.15 Xây dựng module Thông báo Tin nhắn 7.16 Xây dựng module Đánh giá chất lượng người dùng 7.17 Xây dựng module Quản lý người dùng 7.18 Xây dựng module Thống kê Chương 8: Kiểm thử ứng dụng 8.1 Kế hoạch kiểm thử chung 8.2 Chi tiết testcase kiểm thử Phần KẾT LUẬN Kết đạt Kinh nghiệm rút từ trình thực đề tài Hướng phát triển cho đề tài TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian Công việc (Năm 2019) 5/3 – 10/3 - Gặp giảng viên hướng dẫn nhận yêu cầu - Mục tiêu nghiên cứu - Khảo sát phân tích trạng - Lập danh sách nhiệm vụ theo tuần thời gian thực 11/3 – 17/3 - Phân tích chức ứng dụng - Mockup giao diện hình - Liệt kê chức theo hình ứng dụng - Thiết kế sở liệu MongoDB 18/3 – 24/3 - Cài đặt công cụ cần thiết, thiết lập môi trường - Thiết kế module cấu trúc cài đặt front-end Vue.JS Ghi - Thiết kế cài đặt package Controller, Service, Repository, Entity, Security cấu hình backend Spring Boot - Tìm hiểu OAuth2 Spring Boot 25/3 – 31/3 - Cài đặt OAuth2 với Provider Google Facebook - Viết API cho module xác thực: Đăng ký, đăng nhập, quên mật - Triển khai gọi API giao diện module xác thực 1/4 -7/4 - Viết API cấu hình phần phân quyền: + Phân quyền theo vai trò + Phân quyền theo chức vai trò + Phân quyền theo người dùng - Thiết kế giao diện cho trang chủ giao diện cho phân quyền người dùng System Admin 8/4 – 14/4 - Tìm kiếm viết API cho phần import sở liệu địa điểm theo tỉnh thành phố, quận huyện xã phường - Viết API thông tin người dùng: thông tin cở tên, ngày sinh, ảnh đại diện, , thông tin liên hệ, quản lý địa chỉ, cài đặt người dùng - Thiết kế giao diện gọi API cho module thông tin người dùng 15/4 – 21/4 - Viết API quản lý liệu địa điểm tỉnh, thành phố, quận huyện xã, phường - Phân tích liệu viết API module danh mục, danh mục metadata cho danh mục - Thiết kế giao diện gọi API trang quản lý địa điểm danh mục dành cho Admin 22/4 – 28/4 - Thiết kế triển khai danh mục hình trang chủ - Thiết kế phân tích giao diện người dùng tạo tin rao vặt - Viết API tạo tin rao vặt dựa danh mục địa điểm - Xử lý hình ảnh: giảm độ phân giải, đánh dấu watermark logo lên hình ảnh upload gọi API kiểm tra liệu tin rao vặt 29/4 – 5/5 - Thiết kế giao diện cho chi tiết tin rao vặt - Lấy thông tin chi tiết tin rao vặt theo địa điểm danh mục - Tìm hiểu lý thuyết Aggregate Spring Mongo Data - Xử lý phần metadata cho tin rao vặt 10 6/5 – 12/5 - Tìm hiểu cài đặt Elastic Search cho đánh mục tìm kiếm trang rao vặt - Phân tích lưu vào sở liệu Elastic Search thông tin liên quan danh mục, địa điểm, metadata, thời gian - Thiết kế giao diện cho trang tìm kiếm lọc liệu 11 13/5 – 19/5 - Viết API cho việc tìm kiếm so sánh khớp với liệu Elastic Search trả cho người dùng - Triển khai gọi API cho module tìm kiếm lọc tin rao vặt - Viết API cho quản lý tin rao vặt: duyệt, khóa tin cho Admin Moderator - Triển khai vào gọi API cho quản lý tin rao vặt cho Admin Moderator 12 20/5 – 26/5 - Viết API cho module tương tác người dùng với tin rao vặt: lưu tin, báo cáo tin - Triển khai gọi API cho module tương tác người dùng với tin rao vặt - Viết API cho module người dùng tương tác với người dùng: theo dõi thống kê người dùng 13 17/5 – 2/6 - Viết báo cáo - Thiết kế triển trai lên giao diện API Tin nhắn: gửi nhận tin nhắn, cửa sổ trò chuyện nhanh 14 3/6 – 9/6 - Viết báo cáo - Thiết kế triển khai lên giao diện API Thông báo + Thiết kế chức có hiển thị thơng báo 7.16 XÂY DỰNG MODULE ĐÁNH GIÁ CHẤT LƯỢNG NGƯỜI DÙNG Người dùng tham gia đánh giá chất lượng tin rao vặt người khác Điều tạo nên khách quan cho khách hàng khác xem đánh giá, bình luận người muốn Sau tham khảo kinh nghiệm người khác dễ dàng việc đánh giá liên hệ với người bán Hình 7.84: Giao diện đánh giá chất lượng người dùng 7.17 XÂY DỰNG MODULE QUẢN LÝ NGƯỜI DÙNG Quản lý người dùng chức dành cho quản trị viên xem vai trị người dùng, bên cung cấp thực số chức cho người dùng: khôi phục mật khóa tài khoản xóa tài khoản Hình 7.85: Giao diện quản lý người dùng chức 151 API viết giống API quản lý người dùng chức quản lý người dùng quản trị hệ thống, API viết đơn giản với vai trò người dùng kiểm duyệt viên 7.18 XÂY DỰNG MODULE THỐNG KÊ Truy cập vào trang quản lý, quản trị viên theo dõi tình hình ứng dụng bao gồm thông tin thống kê người dùng, tin rao vặt, số tin báo cáo biểu đồ có liên quan đến ứng dụng Điều giúp quản trị viên theo dõi tình hình chặt chẽ từ đưa chiến lược hợp lý cho trình phát triển ứng dụng Hình 7.86: Giao diện trang thống kê ứng dụng 7.19 XÂY DỰNG MODULE THANH TOÁN Ứng dụng sử dụng dịch vụ toán trực tuyến Paypal cho việc nâng cấp gói khách hàng Đây gói dịch vụ để đẩy tin khách hàng lên thu hút ý người khác tọa điều kiện cho việc mua bán diễn nhanh chóng 152 Hình 7.87: Giao diện trang tốn Mỗi lần giao dịch có lịch sử giao dịch loại giao dịch: Mua beecoin đẩy tin Vì người dùng liên kết tài khoản Paypal cho việc mua beecoin nạp vào tài khoản sau sử dụng beecoin để đẩy tin rao vặt Hình 7.88: Giao diện xác thực giao dịch với Paypal 153 Cuối chọn chức đẩy tin theo mốc thời gian số beesoin trừ tương ứng Hình 7.89: Giao diện cửa sổ đẩy tin 154 CHƯƠNG 8: KIỂM THỬ ỨNG DỤNG 8.1 KẾ HOẠCH KIỂM THỬ CHUNG Dựa vào kiến thức học mơn kiểm thử phần mềm nhóm lập kế hoạch kiểm thử chia làm kỹ thuật kiểm thử sau: - Kiểm thử chức theo module dự án (Functional Testing) - Kiểm thử phi chức dự án (Non-functional Testing) - Kiểm thử hiệu suất dự án (Performance Testing) - Kiểm thử bảo mật kiểm soát truy cập (Security & Access Control Testing) - Kiểm thử đơn vị chia nhỏ module kiểm thử (Unit Testing) Trong kỹ thuật kiểm thử nhóm chia theo: - Mục tiêu tiếp cận - Các module kiểm thử - Môi trường kiểm thử - Tiêu chí thành cơng - Tiêu chí thất bại 8.2 CHI TIẾT TESTCASE ĐÃ KIỂM THỬ 8.2.1 Kiểm thử vai trò Khách Bảng 8.1: Các test case kiểm thử vai trị Khách Mơ STT tả test Quy trình Kết mong Người đợi test case Kiểm Ở cửa sổ đăng thử nhập nhấn vào liên chức kết “Đăng ký” Số điện thoại Báo lỗi số điện thoại tồn trùng mật 155 Chrome Firefox 75.0 68.0 (64bit) (64bit) Cường Pass Pass đăng Nhấn nút Đăng ký ký Kiểm Ở cửa sổ đăng Đăng ký thành Cường Pass Pass Cường Pass Pass Hiển thị đầy đủ Cường Pass Pass thử nhập nhấn vào liên công gửi mã OTP chức kết “Đăng ký” Xác thực mã Số điện thoại OTP thất bại đăng chưa có sở khơng đăng ký ký liệu mật thành công Nhấn nút Đăng ký Nhập mã OTP sai Nhấn xác thực OTP Kiểm Ở cửa sổ đăng Đăng ký nhập nhấn vào liên công gửi mã OTP chức kết “Đăng ký” Xác thực mã Số điện thoại OTP đăng chưa có sở đăng ký thành ký liệu mật công Nhấn nút Đăng ký Nhập mã OTP Nhấn xác thực OTP Kiểm Truy cập trang thử web tự động danh mục chức chuyển trang Hiển thị tin /home xem bật 156 tra Kéo trang từ chủ header xuống footer Xem danh sách danh mục Xem danh sách tin trang chủ Xem Truy cập trang Xem danh sách Cường Pass hồ sơ chủ lịch sử viết ngườ Nhấn vào hồ sơ người dùng i người dùng dùng Xem danh Pass sách lịch sử viết người dùng Xem Truy cập trang Xem chi chủ thông tin liên tiết Nhấn vào liên quan hình tin kết tin rao vặt ảnh, giá, tác giả, rao gợi ý vặt Xem chi tiết tin Cường Pass Pass rao vặt 8.2.2 Kiểm thử vai trò Người dùng Bảng 8.2: Các test case kiểm thử vai trị Người dùng Mơ tả STT test Quy trình case Kết mong Người đợi test Kiểm Nhấn vào đường Ứng dụng thử dẫn đăng nhập chuyển trở chức điều hướng trang chủ với tên Nhập tài khoản người dùng hiển mật 157 Huy Chrome Firefox 75.0 68.0 (64bit) (64bit) Pass Pass đăng Nhấn nút đăng thị điều nhập nhập hướng Kiểm Truy cập trang Giá trị thử thông tin cá nhân thay đổi nhập Chọn tab Thông Dữ liệu lưu vào thông tin sở liệu tin Nhập thông người tin muốn thay đổi dùng tên, giới tính, Huy Pass Pass Pass Pass Pass Pass Pass Pass ngày sinh Nhấn nút lưu lại Kiểm Truy cập trang Dữ liệu lưu vào Huy thử thông tin cá nhân sở liệu chức Chọn tab Địa thêm Thêm thông địa tin chi tiết, tỉnh, huyện, xã Nhấn nút thêm Chức Truy cập trang Dữ liệu lưu vào Huy thông tin cá nhân sở liệu sửa Chọn tab Địa địa chỉ Sửa thông tin chi tiết, tỉnh, huyện, xã Nhấn nút lưu lại Chức Truy cập trang Danh sách hiển thông tin cá nhân thị theo thời xem Chọn tab Lịch gian trạng thái lịch sử 158 Huy sử Xem danh sách đăng tin rao vặt Chức Truy cập trang Thông tin Huy cá nhân người lưu vào sở đánh khác liệu giá Chọn tab Đánh Hiển thị giá trang cá nhân Cho điểm người dùng Pass Pass Huy Pass Pass Huy Pass Pass Huy Pass Pass nhận xét Xác nhận đánh giá Chức Truy cập chi tiết Tin nhắn tin rao nhắn Chọn nhắn tin tin với người viết gửi Nhập tin nhắn Nhấn nút gửi Chức Chọn theo dõi Có thơng báo người dùng theo dõi xuất thông Đăng nhập tài báo khoản theo dõi Quan sat thông báo Chức Truy cập chi tiết Báo cáo thành tin rao báo Chọn nút báo cáo cáo công Nhập lý mô tả báo cáo 159 Nhấn nút Báo cáo 8.2.3 Kiểm thử vai trò Kiểm duyệt viên Bảng 8.3: Các test case kiểm thử vai trị Kiểm duyệt viên Mơ tả STT test Quy trình Kết mong Người đợi test case Chức Truy cập trang Bài viết quản lý duyệt/khóa duyệt Chọn quản lý tin rao vặt viết Chọn Chrome Firefox 75.0 68.0 (64bit) (64bit) Cường Pass Pass Cường Pass Pass Cường Pass Pass duyệt/khóa Chức Truy cập trang Vào chi tiết tin quản lý hiển thị danh sách khóa Chọn quản lý người báo cáo bị báo cáo Bài viết bị báo Chọn xem chi khóa cáo tiết viết báo cáo Khóa tin rao vặt Chức Truy cập trang Người dùng bị quản lý khóa khơng thể khóa Chọn quản lý đăng tin người người dùng nhắn tin dùng Chọn khóa người dùng 160 8.2.4 Kiểm thử vai trò Quản trị viên Bảng 8.4: Các test case kiểm thử vai trò Quản trị viên Mơ tả STT test Quy trình Kết mong Người đợi test case Chức Truy cập trang Dữ liệu quản lý tải lên lưu nhập Chọn quản lý sở địa địa điểm liệu MongoDB điểm Nhập liệu từ từ tập tin JSON JSON Nhấn tải lên Chức Truy cập trang Chức năng quản lý chạy thêm / Chọn quản lý Chrome Firefox 75.0 68.0 (64bit) (64bit) Cường Pass Pass Cường Pass Pass Cường Pass Pass thêm/xóa/sửa đại xóa / địa điểm điểm sửa Chọn chức địa thêm/xóa/sửa địa điểm điểm Chức Truy cập trang Danh mục đượ quản lý thêm sở quản Chọn quản lý liệu lý danh mục Metadata danh Thêm danh cập nhật mục mục Dữ liệu lọc Thêm metadata nằm cho danh mục Elasticsearch Lọc liệu 161 8.2.5 Kiểm thử vai trò Quản trị viên hệ thống Bảng 8.5: Các test case kiểm thử vai trò Quản trị viên hệ thống Mơ tả STT test Quy trình Kết mong Người đợi test case Chức Truy cập trang Quyền quản lý sửa/xóa quản Chọn quản lý Dữ liệu thêm lý quyền vào sở liệu Chrome Firefox 75.0 68.0 (64bit) (64bit) Cường Pass Pass Cường Pass Pass Cường Pass Pass quyền Chọn chức thêm/sửa/xóa quyền Nhấn nút lưu lại Chức Truy cập trang Quyền quản lý chỉnh sửa theo vai chỉnh Chọn quản lý trò sửa vai trò vai Chỉnh sửa trò quyền vai trò Xác nhận lưu lại Chức Truy cập trang Dữ liệu vai trò quản lý thay đổi quản Chọn quản lý quyền cá nhân lý vai vai trò người dùng thay đổi trò Chỉnh sửa vai người trò quyền cá dùng nhân Nhấn lưu lại 162 PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC Đầu tiên kết đạt nhóm hồn thành dự án theo thời gian định khoa đề cho khóa luận tốt nghiệp sau kiến thức khơng lý thuyết mà cịn kiến thức thực tiễn áp dụng cho sau Đó kiến thức Web Service, RESTful API, Spring Boot với RESTful API Vue.JS Tìm hiểu Elasticsearch cho việc lưu liệu, đánh mục tăng tốc độ tìm kiếm liệu ứng dung, bên cạnh kiến thức thiết kế giao diện, lập trình front-end quản lý dự án với Git qua làm việc giao tiếp với nhóm trở nên tốt Thơng qua đề tài khóa luận tốt nghiệp nhóm đúc rút học kinh nghiệm để áp dụng cho khóa luận tốt nghiệp vào kỳ sau Lời cuối nhóm xin chân thành cảm ơn thầy Nguyễn Minh Đạo giúp nhóm đề tài Khóa luận tốt nghiệp giúp nhóm có nhiều nhìn, kiến thức hướng việc xây dựng đề tài làm việc với dự án Nhóm chân thành cảm ơn thầy! KINH NGHIỆM RÚT RA TỪ QUÁ TRÌNH THỰC HIỆN ĐỀ TÀI Qua đề tài “Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng Spring Restful API Vue.JS” Nhóm thực báo cáo hồn thành đề tài kết hợp Restful API với front-end sử dụng Vue.JS Sau đề tài này, nhóm thực báo cáo rút số kinh nghiệm sau: - Khi chọn đề tài phải cân nhắc độ lớn, nội dung, khả thực ước chừng thời gian gặp rủi ro trình thực - Tìm hiểu cơng nghệ phù hợp với dự án nhóm sau tìm kiếm tài liệu tin cậy theo sát (thường nên sử dụng tài liệu thức cơng nghệ đó) - Phân bố hợp lý thời gian trình tìm hiểu thực thi dự án, có phối hợp mặt tìm hiểu thực thi - Nên chia phần tìm hiểu cơng nghệ cho thành viên nhóm, sau thành viên chia sẻ kiến thức tìm hiểu với Điều tiết kiệm thời gian có khả đồng logic dự án giúp 163 thành viên tương tác tốt với thực bảo trì dự án - Trước vào thực thi dự án, nên thực khảo sát sản phẩm tương tự, chọn điểm mạnh để phát huy điểm yếu để phịng trừ Cũng từ làm khác biệt dự án - Lập kế hoạch chi tiết cho dự án bám sát theo kế hoạch Không chủ quan để thứ xa so với kế hoạch đề ban đầu - Luôn thực test chức sau hoàn thành, tránh việc làm xong dự án test lần Bởi sau chức năng, khơng test kỹ gây vấn đề nhiều chức sau - Các thành viên phải có trách nhiệm với đề tài Phân chia công việc hợp lý thành viên để tránh gây tranh cãi, xung đột nội HƯỚNG PHÁT TRIỂN CHO ĐỀ TÀI Áp dụng học máy trí tuệ nhân tạo vào phần gợi ý viết gợi ý theo dạnh mục Và nâng cao chức tìm kiếm cho việc tìm kiếm nhanh hơn, cải thiện thuật tốn để tìm kiếm xác theo tiêu chí Phát triển chức hàng cho phép người dùng mua bán chuyên cửa hàng từ thêm chức thống kê hàng, nhập xuất liệu hóa đơn Chức toán trực tuyến ngày xu cải thiện để thêm vào toán qua Paypal Momo với điều kiện bắt buộc để người mua, người bán bên cung cấp dịch vụ khơng có tranh chấp, rủi ro Cuối hoàn thiện chức năng, giao diện, sửa lỗi để triển khai ứng dụng lên mơi trường thật đưa vào người dùng kiểm thử sử dụng ứng dụng rao vặt có thị trường 164 S K L 0 ... tốt nghiệp là: ? ?Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng Spring Restful API Vue. JS? ?? Vừa đảm bảo mặt nghiên cứu thực trạng đề tài rao vặt, thị trường chợ cũ, đồ qua sử dụng Việt Nam,... luận văn : Xây dựng ứng dụng tìm kiếm rao vặt thơng minh sử dụng Spring Restful API Vue. JS GV hướng dẫn : ThS Nguyễn Minh Đạo Nhiệm Vụ Của Luận Văn : Tìm hiểu Web Service, RESTful API, Progressive... NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM BÙI PHAN VIẾT CƯỜNG : 15110173 PHẠM NGỌC HUY: 15110218 Đề Tài : XÂY DỰNG ỨNG DỤNG TÌM KIẾM RAO VẶT THƠNG MINH SỬ DỤNG SPRING RESTFUL API VÀ VUE. JS KHĨA

Ngày đăng: 26/12/2021, 21:40

HÌNH ẢNH LIÊN QUAN

5 1/4 -7/4 - Viết API và cấu hình phần phân quyền: - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
5 1/4 -7/4 - Viết API và cấu hình phần phân quyền: (Trang 9)
- Xử lý hình ảnh: giảm độ phân giải, đánh dấu - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
l ý hình ảnh: giảm độ phân giải, đánh dấu (Trang 10)
Hình 2.2: Sơ đồ hoạt động Single Page Application - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 2.2 Sơ đồ hoạt động Single Page Application (Trang 51)
Hình 3.7: Lược đồ Use Case Thao tác tin rao vặt - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.7 Lược đồ Use Case Thao tác tin rao vặt (Trang 59)
Hình 3.18: Lược đồ hoạt động nghiệp vụ Đăng ký - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.18 Lược đồ hoạt động nghiệp vụ Đăng ký (Trang 64)
Hình 3.23: Mô phỏng giao diện nghiệp vụ Xem trang chủ - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.23 Mô phỏng giao diện nghiệp vụ Xem trang chủ (Trang 67)
Hình 3.38: Mô phỏng giao diện nghiệp vụ Quản lý địa điểm - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.38 Mô phỏng giao diện nghiệp vụ Quản lý địa điểm (Trang 75)
Hình 3.42: Lược đồ hoạt động nghiệp vụ Quản lý tương tác người dùng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.42 Lược đồ hoạt động nghiệp vụ Quản lý tương tác người dùng (Trang 78)
Hình 3.59: Mô phỏng giao diện nghiệp vụ Quản lý quyền truy cập - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.59 Mô phỏng giao diện nghiệp vụ Quản lý quyền truy cập (Trang 86)
Hình 3.64: Lược đồ hoạt động nghiệp vụ Quản lý vai trò - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.64 Lược đồ hoạt động nghiệp vụ Quản lý vai trò (Trang 90)
Hình 3.66: Mô phỏng giao diện nghiệp vụ Quản lý vai trò - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.66 Mô phỏng giao diện nghiệp vụ Quản lý vai trò (Trang 91)
Hình 3.68: Lược đồ hoạt động nghiệp vụ Quản lý vai trò và quyền người dùng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.68 Lược đồ hoạt động nghiệp vụ Quản lý vai trò và quyền người dùng (Trang 92)
Hình 3.84: Lược đồ tuần tự nghiệp vụ Đánh giá chất lượng người dùng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.84 Lược đồ tuần tự nghiệp vụ Đánh giá chất lượng người dùng (Trang 99)
Hình 3.88: Mô phỏng giao diện nghiệp vụ Quản lý người dùngsd Sequence Quan ly nguoi dung - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 3.88 Mô phỏng giao diện nghiệp vụ Quản lý người dùngsd Sequence Quan ly nguoi dung (Trang 101)
Bảng 4.2: Mô tả các trường trong tập dữ liệu user_account - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Bảng 4.2 Mô tả các trường trong tập dữ liệu user_account (Trang 102)
4.2.3. Tập dữ liệu address - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
4.2.3. Tập dữ liệu address (Trang 104)
Bảng 4.7: Mô tả các trường của đối tượng quận, thị xã - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Bảng 4.7 Mô tả các trường của đối tượng quận, thị xã (Trang 106)
Hình 5.3: Cấu trúc package của ứng dụng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 5.3 Cấu trúc package của ứng dụng (Trang 113)
Hình 5.11: Cài đặt thư mục chứa Elasticsearch - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 5.11 Cài đặt thư mục chứa Elasticsearch (Trang 121)
Cấu hình Cluster name, Node name đầu tiên cũng như bộ nhớ (khuyến nghị 2GB) và HTTP Port khởi chạy của Elastic:  - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
u hình Cluster name, Node name đầu tiên cũng như bộ nhớ (khuyến nghị 2GB) và HTTP Port khởi chạy của Elastic: (Trang 122)
Hình 5.28: Thiết lập các module cho Vuex - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 5.28 Thiết lập các module cho Vuex (Trang 131)
Hình 6.1: Tạo dự án trên Github - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 6.1 Tạo dự án trên Github (Trang 133)
Hình 7.4: Sơ đồ lớp Service 3 - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.4 Sơ đồ lớp Service 3 (Trang 137)
Hình 7.10: Sơ đồ lớp Controller 4 - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.10 Sơ đồ lớp Controller 4 (Trang 140)
Hình 7.21: Giao diện màn hình nhập thông tin cá nhân - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.21 Giao diện màn hình nhập thông tin cá nhân (Trang 149)
Hình 7.23: Giao diện xác thực OAuth2 Google - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.23 Giao diện xác thực OAuth2 Google (Trang 150)
Hình 7.64: Giao diện quản lý quyền truy cập ứng dụng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.64 Giao diện quản lý quyền truy cập ứng dụng (Trang 168)
Hình 7.84: Giao diện đánh giá chất lượng người dùng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Hình 7.84 Giao diện đánh giá chất lượng người dùng (Trang 178)
Bảng 8.1: Các testcase kiểm thử vai trò Khách - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Bảng 8.1 Các testcase kiểm thử vai trò Khách (Trang 182)
Bảng 8.2: Các testcase kiểm thử vai trò Người dùng - Xây dựng ứng dụng tìm kiếm rao vặt thông minh sử dụng spring restful api và vue js
Bảng 8.2 Các testcase kiểm thử vai trò Người dùng (Trang 184)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w