1. Trang chủ
  2. » Tất cả

Đồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjs

90 2 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 90
Dung lượng 2,68 MB

Nội dung

Đồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjsĐồ án tốt nghiệp: Xây dựng website học lập trình bằng spring boot docker, nodejs, reactjs

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE HỌC LẬP TRÌNH BẰNG SPRING BOOT DOCKER, NODEJS, REACTJS SINH VIÊN THỰC HIỆN: HỒ NGUYỄN HOÀNG QUÂN 16110429 TRẦN THÀNH ĐẠT 16110308 GIẢNG VIÊN HƯỚNG DẪN THẦY NGUYỄN MINH ĐẠO NĂM HỌC 2019 – 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE HỌC LẬP TRÌNH BẰNG SPRING BOOT DOCKER, NODEJS, REACTJS SINH VIÊN THỰC HIỆN: HỒ NGUYỄN HOÀNG QUÂN 16110429 TRẦN THÀNH ĐẠT 16110308 GIẢNG VIÊN HƯỚNG DẪN THẦY NGUYỄN MINH ĐẠO NĂM HỌC 2019 – 2020 PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN LỜI CẢM ƠN Trên thực tế khơng có thành công mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người thân, bạn bè quan trọng người thầy Trong suốt thời gian từ bắt đầu học tập giảng đường đại học đến nay, chúng em nhận nhiều quan tâm, giúp đỡ thầy cô, gia đình bạn bè Chúng em xin chân thành cảm ơn hướng dẫn tận tình suốt thời gian qua thầy Nguyễn Minh Đạo, khoa Công Nghệ Thông Tin, trường Đại học Sư phạm Kỹ thuật Tp.HCM Thầy định hướng, góp ý cấp cho chúng em nhiều kiến thức lĩnh vực chúng em bắt đầu thực tiểu luận Nếu khơng có lời hướng dẫn, dạy bảo thầy báo cáo chúng em khó hồn thiện Bài báo cáo thực thời gian ngắn kiến thức chúng em nhiều hạn chế, bỡ ngỡ Do vậy, khơng tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp quý báu thầy cô để kiến thức chúng em lĩnh vực hoàn thiện Sau cùng, chúng em xin kính chúc q thầy dồi sức khỏe, niềm tin tiếp tục thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ sau Trân trọng Nhóm sinh viên thực Mục lục GIỚI THIỆU ĐỀ TÀI 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu 3.3 Phương pháp nghiên cứu KẾT CẤU CỦA ĐỀ TÀI PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT TỔNG QUAN VỀ DOCKER TỔNG QUAN VỀ MONGODB VÀ NOSQL TỔNG QUAN VỀ SPRING FRAMEWORD TỔNG QUAN VỀ REACTJS 10 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 12 KHẢO SÁT HIỆN TRẠNG 12 PHÂN TÍCH YÊU CẦU 18 CHƯƠNG 3: MƠ HÌNH HĨA U CẦU VÀ THIẾT KẾ CSDL 20 LƯỢC ĐỒ USECASE 20 PHÂN TÍCH CHỨC NĂNG, THIẾT KẾ CƠ SỞ DỮ LIỆU 36 THIẾT KẾ HỆ THỐNG 55 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 60 DANH SÁCH GIAO DIỆN NGƯỜI DÙNG 60 DANH SÁCH GIAO DIỆN ADMIN 69 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 73 CÀI ĐẶT 73 KIỂM THỬ 77 PHẦN KẾT LUẬN 80 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 80 KHÓ KHĂN 80 ƯU ĐIỂM 80 HẠN CHẾ 81 DANH MỤC TÀI LIỆU THAM KHẢO 81 Danh mục hình ảnh Hình Giao diện học trang w3schools.com 12 Hình Danh sách khóa học trang w3schools.com Hình Giao diện làm kiểm tra w3schools.com 13 Hình Giao diện làm trang codewars.com 14 Hình Danh sách khóa học trang codewars.com 15 Hình Giao diện thảo luận trang codewars.com 15 Hình Danh sách ngơn ngữ lập trình trang hackerank.com 16 Hình Danh sách khóa học trang hackerank.com 16 Hình Danh sách học hackerank.com 17 Hình 10 Giao diện làm rang hackerank.com 17 Hình 11 Giao diện thử thách trang hackerank.com 18 Hình 12 Lược đồ user case tổng quan 20 Hình 13 Lược đồ chi tiết use case học lập trình 21 Hình 14 Lược đồ chi tiết use case tham gia forum 21 Hình 15 Lược đồ chi tiết use case quản lý thông tin cá nhân 22 Hình 16 Lược đồ use case chi tiết chức đóng góp cáu hỏi 23 Hình 17 Lược đồ chi tiết chức quản lý khóa học 24 Hình 18 Lược đồ chi tiế chức quản lý thử thách 24 Hình 19 Lược đồ chi tiết chức quản lý user 25 Hình 20 Sơ đồ luồng liệu xem danh sách học 36 Hình 21 Thiế kế sở liệu xem danh sách học 37 Hình 22 Sơ đồ luồng liệu gửi xem kết thực hành 37 Hình 23 Thiết kế sở liệu gửi xem kết thực hành 39 Hình 24 Sơ đồ luồng liệu kiểm tra compile 39 Hình 25 Sơ đồ luồng liệu thảo luận làm thực hành 40 Hình 26 Thiết kế sở liệu chức thảo luận làm 41 Hình 27 Sơ đồ luồng liệu xem danh sách viết forum 42 Hình 28 Sơ đồ luồng liệu tạo chỉnh sửa viết forum 42 Hình 29 Thiết kế sở liệu tạo viết chỉnh sửa viết forum 44 Hình 30 Sơ đồ luồng liệu bình luận viết người dùng 44 Hình 31 Thiết kế sở liệu bình luận viết người dùng 45 Hình 32 Sơ luồng liệu trả lời bình luận người dùng khác 46 Hình 33 Sơ đồ luồng liệu bình chọn bình luận lên đầu viết 47 Hình 34 Sơ đồ luồng liệu đóng góp chỉnh sửa cấu hỏi 48 Hình 35 Sơ đồ luồng liệu phê duyệt câu hỏi đóng góp 49 Hình 36 Sơ đồ luồng liệu thêm khóa học 50 Hình 37 Thiết kế sở liệu thêm khóa học 51 Hình 38 Sơ đồ luồng liệu xóa khóa học 51 Hình 39 Sơ đồ luồng liệu thêm thử thách 52 Hình 40 Thiết kế sở liệu thêm thử thách 53 Hình 41 Sơ đồ luồng liệu xóa thử thách 53 Hình 42 Lược đồ lớp server quản lý 55 Hình 43 Lược đồ lớp server compile code 56 Hình 44 Giao diện trang chủ 60 Hình 45 Giao diện forum 61 Hình 46 Giao diện mơ tả chi tiết topic 62 Hình 47 Giao diện thêm topic 64 Hình 48 Giao diện gửi bình luận 65 Hình 49 Giao diện trang web học 66 Hình 50 Giao diện trang web học 66 Hình 51 Giao diện trang web học 67 Hình 52 Giao diện làm 68 Hình 53 Giao diện chỉnh sửa thơng tin cá nhân 69 Hình 54 Giao diện quản lý khóa học 70 Hình 55 Giao diện quản lý học 71 Hình 56 Giao diện quản ls thử thách 72 Hình 57 Import dự án chạy eclipse (1) 75 Hình 58 Import dự án chạy eclipse (2) 76 Hình 59 Danh sách test case 80 Danh mục bảng biểu Bảng Mô tả chi tiết use case đăng nhặp 25 Bảng Mô tả chi tiết use case đăng xuất 26 Bảng Mô tả chi tiết use case đổi mật 26 Bảng Mô tả chi tiết use case xem danh sách luyện 26 Bảng Mô tả chi tiết use case xem danh sách luyện 27 Bảng Mô tả chi tiết use case xem danh sách luyện thuật toán 27 Bảng Mô tả chi tiết use case tìm kiếm thực hành 27 Bảng Mô tả chi tiết use case xem chi tiết lý thuyết 28 Bảng Mô tả chi tiết use case gửi xem kết thực hành 28 Bảng 10 Kiểm tra cú pháp thực hành 28 Bảng 11 Mô tả chi tiết use case xem thảo luận câu hỏi thực hành 29 Bảng 12 Mô tả chi tiết use case xem danh sách viết forum 29 Bảng 13 Mơ tả chi tiết use case bình luận viết người dùng khác 30 Bảng 14 Trả lời bình luận người khác 30 Bảng 15 Mô tả chi tiết use case bình chọn bình luận lên top 31 Bảng 16 Mô tả chi tiết use case xem thông cá nhân 31 Bảng 17 Mô tả chi tiết use case chỉnh sửa thông tin cá nhân 31 Bảng 18 Mô tả chi tiết use case xem lại lịch sử làm 32 Bảng 19 Mô tả chi tiết use case đóng góp thêm câu hỏi 32 Bảng 20 Mô tả chi tiết use case chỉnh sửa câu hỏi đóng góp 33 Bảng 21 Mô tả chi tiết use case phê duyệ câu hỏi đóng góp 33 Bảng 22 Mô tả chi tiết use case thêm khóa học 33 Bảng 23 Mơ tả chi tiết use case xóa khóa học 34 Bảng 24 Chỉnh sửa khóa học 34 Bảng 25 Mô tả chi tiết use case thêm thử thách 35 Bảng 26 Mô tả chi tiết use case xóa thử thách 35 Bảng 27 Mô tả chi tiết use case chỉnh sửa thử thách 36 Bảng 28 Mô tả chi tiết use case quản lý người dùng 36 Bảng 29 Mô tả chi tiết giao diện trang chủ 61 Bảng 30 Mô tả chi tiết giao diện forum 62 Bảng 31 Mô tả chi tiết giao diện topic 63 Bảng 32 Mô tả chi tiết giao diện topic 65 Bảng 33 Mơ tả chi tiết giao diện bình luận 65 Bảng 34 Mô tả chi tiết giao diện học 67 Bảng 35 Mô tả chi tiết giao diện làm 68 Bảng 36 Mô tả chi tiết giao diện thông tin người dùng 69 Bảng 37 Mô tả chi tiết giao diện quản lý khóa học 70 Bảng 38 Mô tả chi tiết giao diện quản lý học 72 Bảng 39 Mô tả chi tiết giao diện thử thách 73 GIỚI THIỆU ĐỀ TÀI TÍNH CẤP THIẾT CỦA ĐỀ TÀI Ngày việc tiếp thu kiến thức trao dồi cho kỹ để bắt kịp với xu hướng đại điều mà chúng ta, người muốn phát triển lâu dài phải làm liên tục Đặc biệt nghành cơng nghiệp chất xám (Cơng nghệ thơng tin) phải chủ động để học công nghệ mới, công cụ mới, nhiều kiến thức khác nữa… để áp dụng vào thực tiễn cho dự án đời sống cách tối ưu Tuy nhiên để học kiến thức nhiều bạn thực khó khăn, khơng phải đủ điều kiện để đến trường lớp học được, nhiều lý khác khơng có thời gian đến lớp sau ngày làm mệt mỏi, bạn có gia cảnh khó khăn việc đến trường để học kiến thức cơng nghệ xem điều q xa vời Hiểu nắm bắt tình hình chung người, xu hướng giới đưa thứ offline thành online hơm nhóm em định làm website giúp người lên học trao dồi kinh nghiệm lập trình, từ để tạo bước đệm vững để áp dụng vào cơng việc cách có hiệu tối ưu tiết kiệm chi phí nhất, chung sức đưa đất nước thành nước dẫn đầu công nghệ thông tin nói riêng nghành cơng nghiệp khác nói chung MỤC TIÊU CỦA ĐỀ TÀI  Xây dựng website cho người dùng có thể:  Là nơi ơn tập học lý thuyết  Luyện tập thực hành  Luyện giải thuật toán, tập vấn  Tạo forum cho người dùng trao đổi kiến thức CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU 3.1 Đối tượng nghiên cứu  Học sinh  Sinh viên  Những người có nhu học ngơn ngữ  Giáo viên  Người làm 3.2 Phạm vi nghiên cứu  Tìm hiểu cơng nghệ sau:  Docker  MongoDB  Spring boot framework  Nodejs  Reactjs  Tìm hiểu cách xây dựng thiết kế hệ thống compiler code  Tìm hiểu cách thiết kế UI/UX cách rõ ràng 3.3 Phương pháp nghiên cứu o Phương pháp tổng hợp lý thuyết: Nghiên cứu tìm hiểu tài liệu, ứng dụng liên quan đến cơng nghệ tìm hiểu o Phương pháp chuyên gia: Tham khảo ý kiến Thầy hướng dẫn anh, chị bạn bè có kinh nghiệm liên quan đến vấn đề tiểu luận để tạo tính xác khoa học đề tài o Phương pháp mơ hình hóa: Mơ website từ bước thiết kế cài đặt kết thành phẩm website KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC  Xây dựng hệ thống compiler code cho nhiều ngôn ngữ bao gồm thành phần:  Container docker cho ngôn ngữ  Rest api cho client  Xây dựng hệ thống client nodejs sử dụng hệ thống compile code để xây dựng trang web cho người dùng có thể:  Học lý thuyết thực hành  Có thể thảo luận đóng góp xây dựng thông qua forum riêng Ý NGHĨA KHOA HỌC THỰC TIỄN Đề tài hướng đến khả tiếp thu, nâng cao kỹ lập trình, nghiên cứu cơng nghệ hết đáp ứng nhu cầu ôn tập học tập cho đợt phòng vấn doanh nghiệp KẾT CẤU CỦA ĐỀ TÀI Chương 1: Khảo sát trạng xác định yêu cầu Chương 2: Mơ hình hóa u cầu thiết kế sở liệu Chương 3: Thiết kế giao diện xử lý Chương 4: Lập trình Chương 5: Kiểm thử phần mềm Hình 53 Giao diện chỉnh sửa thông tin cá nhân 1.8.2 Danh sách xử lý STT Tên đối tượng Thẻ Thẻ Thẻ Thẻ Điều kiện gọi thực Lưu chỉnh sửa thông tin người dùng Hủy chỉnh sửa thông tin người dùng Tên người dùng Đường dẫn hình ảnh người dùng Bảng 36 Mơ tả chi tiết giao diện thông tin người dùng DANH SÁCH GIAO DIỆN ADMIN 2.1 Chức Giao diện quản lý khóa học 2.1.1 Thiết kế giao diện 69 Hình 54 Giao diện quản lý khóa học 2.1.2 Danh sách xử lý STT Tên đối tượng Điều kiện gọi thực Chức Thẻ Thẻ Thẻ
    Danh sách khóa học Thẻ Tên khóa học Thêm khóa học Xóa khóa học Cho phép xuất sau tạo hay Thẻ không Thẻ Thứ tự xếp Thẻ Danh sách học Bảng 37 Mơ tả chi tiết giao diện quản lý khóa học 70 2.2 Giao diện quản lý học 2.2.1 Thiết kế giao diện Hình 55 Giao diện quản lý học 2.2.2 Danh sách xử lý STT Tên đối tượng Điều kiện gọi thực Chức Thẻ Thêm học Thẻ Xóa học Thẻ
      Danh sách học theo khóa học Thẻ Tên học Cho phép xuất sau tạo hay Thẻ không Thẻ Thứ tự xếp 71 Chuyển sang chế độ Thẻ chỉnh sửa Danh sách thử thách Thẻ học Bảng 38 Mô tả chi tiết giao diện quản lý học 2.3 Giao diện quản lý thử thách 2.3.1 Thiết kế giao diện Hình 56 Giao diện quản ls thử thách 2.3.2 Danh sách xử lý STT Tên đối tượng Điều kiện gọi thực Chức Thẻ Thẻ Thẻ
        Danh sách thử thách Thẻ Tên thử thách Thêm thử thách Xóa thử thách 72 Thứ tự thử thách Thẻ học Thẻ Loại thử thách Thẻ Thời gian làm Thẻ 10 11 12 Id câu hỏi forum Có published sau Thẻ tạo hay khơng Có bắt buộc Thẻ học hay không Code trước chạy Thẻ test Code sau chạy Thẻ 13 Thẻ 14 Thẻ test Mô tả thử thách Chuyển sang chế độ chỉnh sửa thử thách Bảng 39 Mô tả chi tiết giao diện thử thách CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ CÀI ĐẶT 1.1 Cài đặt server compile Repository: https://github.com/dattran01477/compilercode B1 Set up environment 73  Cài đặt java JDK 1.8 trở lên (https://www.oracle.com/technetwork/java/javase/downloads/jdk8downloads-2133151.html.)  Hệ điều: unbutu  Cài đặt docker ( https://docs.docker.com/engine/install/ubuntu/ ) B2 Create image docker  Clone sourse code repository  Vào thư mục ‘Setup’ run file script tương ứng với version unbuntu  Sau tạo thành công image Ta add project vào eclipse chạy spring boot theo bước sau: Vào file -> import -> import project maven -> chọn thư mục project ấn import 74 Hình 57 Import dự án chạy eclipse (1) 75 Hình 58 Import dự án chạy eclipse (2)  Run file ItcodewebApplication JavaApplication Spring boot  Ứng dụng chạy port 8080 1.2 Cài đặt server nodejs Repository: https://github.com/hquanitute/LearnCode_Server  Clone project repository máy local  Sau gõ npm install -> node start  Ứng dụng chạy port 5000 1.3 Cài đặt client reactjs Repository: https://github.com/hquanitute/LearnCode_Client.git 76  Clone project repository máy local  Chạy lệnh npm install -> npm build -> npm start  Ứng dụng chạy port 3000 1.4 Cài đặt admin reactjs Repository: https://github.com/hquanitute/LearnCode_Admin.git  Clone project repository máy local  Chạy lệnh npm install -> npm build -> npm start  Ứng dụng chạy port 3001 KIỂM THỬ - Thực lập (test plan, test case chi tiết), sau thực kiểm thử chéo ( thành viên đảm nhiệm lập trình chức kiểm thử thành viên khác ngược lại.) Test case ID Test case Test steps Expected Result Status Đăng nhập với - Truy cập Không cho phép PASS tài khoản vào hệ thống đăng nhập description LOG_01 không - Thực đăng nhập cho phép với tài khoản chưa đăng ký LOG_02 Đăng nhập với - Truy cập Cho phép đăng tài khoản vào nhập vào trang thống web - Thực đăng nhập với tài khoản đăng ký 77 PASS LEARN_01 Thực gửi Truy cập Thông báo lỗi cú làm với vào hệ pháp code thống không hợp lệ - - PASS Vào phần làm - Thực submit làm LEARN_02 Thực - Truy cập Thông báo thành submit làm vào hệ công challenge thống - PASS Vào phần làm Thực submit làm LEARN_03 Hiển thị đầy Truy cập Hiển thị đầy đủ đủ thông tin vào hệ thông tin bài làm thống làm(nội dung mô Vào phần tả, code mẫu) - - PASS làm FORUM_01 Kiểm tra hệ - Truy cập Khi ấn vào phân thông phân vào hệ thống trang liệu trang forum load Ấn vào số - PASS trang muốn đến FORUM_02 Kiểm tra phân - Truy cập Hiển thị đầy đủ loại topic theo vào hệ thống topic theo danh mục forum 78 danh mục PASS - Ấn vào danh mục muốn FORUM_03 Kiểm tra - Truy cập Hiển thị đầy đủ thông tin hiển vào hệ thống thông tin thị forum topic PASS topic(tên, thời gian, avatar, số lượt bình luận, số lượt view ) FORUM_04 Không cho - Hiển thị yêu cầu phép tạo vào hệ thống người dùng đăng Topic forum chưa đăng - nhập TOPIC_01 Truy cập Kiểm tra hiển nhập Click nút New Topic - thị thông tin topic PASS - Truy cập Hiển thị đầy đủ vào forum thông tin Ấn vào topic(tên, thời topic gian, avatar, số PASS lượt bình luận, số lượt view, nội dung, bình luận ) TOPIC_02 Kiểm tra - comment viết - Vào Hiển thị bình topic luận lên PASS Ấn vào “add comment” - Nhập nội dung TOPIC_03 Vote bình luận - ấn post - Vào Tăng lượt vote topic người dùng 79 PASS - Chọn bình luận - Sau ấn vào button vote Hình 59 Danh sách test case PHẦN KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC  Xây dựng hệ thống compiler code cho nhiều ngôn ngữ bao gồm thành phần:  Container docker cho ngôn ngữ (java, python, javascript)  Rest api cho client  Xây dựng hệ thống client nodejs sử dụng hệ thống compile code để xây dựng trang web cho người dùng có thể:  Học lý thuyết thực hành  Có thể thảo luận đóng góp xây dựng thơng qua forum riêng KHĨ KHĂN  Trong việc xây dựng hệ thống docker cho tương thích với hệ thống spring boot  Xử lý đầu vào code test case để thực thi  Xử lý đầu sau thực thi code thành công gửi code cho người dùng  Thiết kế hệ thống cho phù hợp với khả mở rộng thêm nhiều ngôn ngữ ƯU ĐIỂM  Giao diện dễ sử dụng  Giao diện code rõ ràng có hiển thị màu cho loại code  Thực thi cho ngôn ngữ java, python, js 80  Có forum cho người dùng thảo luận đóng góp câu hỏi hay HẠN CHẾ  Một số chức chưa hoàn chỉnh  Việc thực thi code chậm cần tối ưu  Chưa hỗ trợ nhiều ngôn ngữ code KINH NGHIỆM ĐẠT ĐƯỢC  Hiểu thêm kiến thức để xây dựng hệ thống image docker  Có thêm kiến thức deploy cho hệ thống docker  Có thêm Kiến thức nodejs, reactjs, spring boot  Hiểu chế hoạt động trang web học code online HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI  Tối ưu hóa tốc độ biên dịch code  Hỗ trợ nhiều ngơn ngữ  Tích hợp giải nhiều ngơn ngữ cho thử thách  Xây dựng hệ thống xếp hạng người dùng  Tối ưu phần biên soạn thử thách thành đơn giản DANH MỤC TÀI LIỆU THAM KHẢO  https://docs.docker.com/get-started/  https://reactjs.org/docs/getting-started.html  https://nodejs.org/en/docs/  https://expressjs.com/en/api.html  https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/  https://docs.spring.io/spring/docs/current/spring-framework-reference/  https://docs.mongodb.com/  https://www.markdownguide.org/basic-syntax/  https://stackoverflow.com/  https://www.digitalocean.com/docs/  https://tailwindcss.com/docs/installation/  https://ant.design/docs/react/introduce 81  https://redux.js.org/  https://github.com/reduxjs/redux-thunk  https://github.com/rui314/8cc  https://docs.ubuntu.com/  https://stackoverflow.com/questions/48787524/multiple-languages-in-dockercontainer  https://github.com/remoteinterview/compilebox 82 S K L 0 ...TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE HỌC LẬP TRÌNH BẰNG SPRING BOOT DOCKER, NODEJS, REACTJS SINH VIÊN... 3.3.2 Spring Security Cung cấp chế xác thực phân quyền cho ứng dụng bạn 3.3.3 Spring Boot Spring Boot dự án nằm hệ thống spring framework giúp bạn xây dựng ứng dụng web nhanh config 3.3.4 Spring. .. LƯỢC ĐỒ USECASE 1.1 Lược đồ use case tổng quan Hình 12 Lược đồ user case tổng quan 20 1.2 Lược đồ use case chi tiết chức 1.2.1 Lược đồ use case chi tiết chức học lập trình Hình 13 Lược đồ chi

Ngày đăng: 15/02/2023, 20:01

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

TÀI LIỆU LIÊN QUAN

w