báo cáo thực tập lập trình WEB với SPRING BOOT và REACT

1 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH WEB VỚI SPRING BOOT VÀ REACT Công ty thực tập: FPT Software Người phụ trách: Trần Vinh Quang Thực tập sinh: Hà Đăng Tú Tp Hồ Chí Minh, tháng năm 2021 Hà Đăng Tú LỜI MỞ ĐẦU Với bùng nổ công nghệ thông tin nay, ngành kĩ thuật phần mềm ngành dẫn đầu so với ngành khác nhóm ngành cơng nghệ thơng tin Với tốc độ phát triển mạnh mẽ, ngành kĩ thuật phần mềm trở thành phần thiếu ngành khác Cùng với phát triển giới, Việt Nam ngoại lệ Các công ty phát triển phần mềm Việt Nam ấp ủ ước mơ mở rộng thị trường giới Điển hình có FPT Software, cơng ty với 20 năm làm phần mềm, có khách hàng số nước Nhật Bản, Singapore, Mĩ… góp phần đưa tên Việt Nam vào đồ nước có ngành cơng nghệ phát triển giới Ngành phần mềm sinh để hỗ trợ người việc giải quyết, xử lý vấn đề lưu trữ, tính tốn… giúp tăng suất làm việc Vì lý em định, chọn lập trình phần mềm làm định hướng cho việc học tập Sau ba năm học tập trường, với mong muốn có thêm kiến thức, kinh nghiệm lĩnh vực phát triển phần mềm (Web) môi trường chuyên nghiệp Em định chọn FPT Software – công ty với 20 năm phát triển phần mềm với khách hàng nước – nơi để em thực mong muốn Hà Đăng Tú LỜI CẢM ƠN Trân trọng cảm ơn công ty FPT Software tạo điều kiện cho em thực tập để phát triển kĩ theo hướng mà em chọn Chỉ thời gian ngắn, anh mentor team cho em biết kiến thức quan trọng việc xây dựng website, trải nghiệm thực tế quy trình phát triển phần mềm Chân thành cảm ơn anh bỏ thời gian, công sức giúp đỡ, giải đáp thắc mắc thời gian thực tập Trân trọng cảm ơn anh Trần Vinh Quang giúp truyền đạt kiến thức Spring boot, React Cũng xin cảm ơn thầy cô khoa Công nghệ Phần mềm giúp em thực báo cáo Hà Đăng Tú Tp Hồ Chí Minh, ngày 13 tháng năm 2021 Hà Đăng Tú NHẬN XÉT CỦA KHOA Hà Đăng Tú Mục lục Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty FPT Software 1.2 Thành tựu đạt Chương Nội dung thực tập 2.1 Tìm hiểu cơng ty quy định công ty 2.2 Nghiên cứu kĩ thuật 2.2.1 Tìm hiểu Spring Boot 2.2.2 Tìm hiểu React Hà Đăng Tú Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty FPT Software FPT Software thành lập vào năm 1999, bảy cơng ty trực thuộc tập đồn FPT Sau 20 năm thành lập, FPT Software có hệ thống khác hàng thị trường nước Nhật Bản, Đức, Pháp, Mĩ… thị trường lớn giới FPT Software có trụ sở đặt thành phố lớn nước Hà Nội, Đà Nẵng Thành phố Hồ Chí Minh Với số nhân viên khoảng 16000, FPT Software công ty công nghệ lớn Việt Nam 1.2 Thành tựu đạt Trong suốt trình hoạt động FPT đạt chứng quốc tế như: - Chứng CMMI Level phiên cao CMMI - Chứng ASPICE Level - Chứng ISO/IEC 20000 - Chứng ISO 27001:2013 - Chứng ISO 14000 Chương Nội dung thực tập 2.1 Tìm hiểu cơng ty quy định công ty Thời gian: 1,5 ngày Nội dung: Giới thiệu công ty cách tổ chức phận công ty Các công cụ làm việc công ty, quy định bảo mật thông tin công ty Được nghe anh chị phụ trách giới thiệu lịch sử hình thành cơng ty, q trình phát triển cơng ty qua thời kì, cấu tổ chức từ cao xuống thấp, công cụ hỗ trợ sử dụng công ty Ngồi thực tập sinh cịn nghe quy định cần phải tuân thủ trình làm việc công ty, đặc biệt quy định bảo mật thông tin Hà Đăng Tú Kết quả: Hiểu thêm công ty FPT Software, hiểu quy trình làm việc cơng ty, cách sử dụng cơng cụ hỗ trợ q trình làm việc yêu cầu hỗ trợ kĩ thuật gặp phải cố máy móc, xin nghỉ đau ốm… Sau hiểu thiệt hại vi phạm quy định bảo mật thông tin 2.2 Nghiên cứu kĩ thuật 2.2.1 Tìm hiểu Spring Boot Nội dung: Nghiên cứu Spring Boot việc dựng back-end trang web - Giới thiệu Spring Boot Spring Boot dự án phát triển hệ sinh thái Spring Framework Nó đường dùng để phát triển ứng dụng độc lập dựa Spring - Ưu điểm Spring boot + Có tính Spring Framework + Tạo ứng dụng độc lập, chạy java -jar (cho java web) + Nhúng trực tiếp ứng dụng server (Tomcat, Jetty…) khơng cần phải triển khai file WAR + Cấu hình ít, tự động cậu hình (Giảm thời gian viết code, tăng suất) + Không yêu cầu XML config… + Cung cấp nhiều plugin + Chuẩn cho Microservices (Cloud support; giảm việc setup, config; thư viện hỗ trợ…) - Cách sử dụng tool để tạo project chuẩn Spring Boot + Download project cấu hình sẵn trang https://start.spring.io/ + Mở project IDE tiến hành build project, trình build project tồn gói thư viện download tự động mà không cần phải download thủ công Hà Đăng Tú - Một số khái niệm annotation Spring JPA dùng việc mapping liệu sở liệu + @OneToOne: biểu diễn mối quan hệ 1-1 sở liệu + @OneToMany: biểu diễn mối quan hệ 1-n sở liệu + @ManyToMany: biểu diễn mối quan hệt n-n sở liệu - Hướng dẫn phân chia project để thuận tiện cho việc nâng cấp, sửa chữa sau Chia project thành gói với chức riêng biệt + Gói entity: chứa lớp entity làm nhiệm vụ lưu trữ liệu ứng dụng + Gói repository: chứa lớp làm nhiệm vụ truy vấn, thao tác sở liệu + Gói service: chứa lớp service làm nhiệm vụ giao tiếp với controller repository + Gói controller: chứa lớp thực nhiệm vụ xử lý request Kết quả: - Hiểu cách hoạt động Spring Boot - Có thêm kiến thực việc tổ chức file project - Xây dựng back-end xử lý chức đặt hàng, mua hàng 2.2.2 Tìm hiểu React Nội dụng: Nghiên cúu React việc dựng front-end trang web - Giới thiệu React React thư viện javascript phát triển Facebook chuyên dùng để lập trình UI (giao diện người dùng) - Component React Component giúp phân chia UI thành phân nhỏ để dễ dàng quản lý tái sử dụng Hà Đăng Tú - Tìm hiểu state, props React Props State hai kiểu liệu React, dùng dể hiển thị liệu component state private thay đổi bên thân component Props mang tính external, khơng bị kiểm sốt thân component Nó truyền từ component cao theo phân cấp, hay hiểu đơn giản truyền từ component cha xuống component - Giới thiệu JSX React JSX extension javascript, giúp cho lập trình viên viết tag giống thẻ HTML Về chất, tag thực lời gọi hàm, chuyển đổi React code end up dạng HTML Javascript DOM - Lifecycle component Lifecycle component gồm giai đoạn Mounting, Updating Unmounting + Mounting trạng thái khởi tạo môt component + Updating trạng thái vẽ lại component sau state props thay đổi + Unmounting trạng thái trước component bị hủy Hình 2-1 mơ tả chi tiết trạng thái component từ khởi tạo bị hủy Hà Đăng Tú 10 Hình 2-1 Lifecycle react Kết quả: - Hiểu cách thức hoạt động React - Tự tạo Component - Hiểu life cycle component react Hà Đăng Tú 11 TÀI LIỆU THAM KHẢO https://spring.io/guides/gs/rest-service/ https://spring.io/guides/gs/consuming-rest/ https://reactjs.org/docs/introducing-jsx.html https://reactjs.org/docs/components-and-props.html https://reactjs.org/docs/state-and-lifecycle.html https://reactjs.org/docs/handling-events.html https://reactjs.org/docs/lifting-state-up.html Hà Đăng Tú ... cứu kĩ thuật 2.2.1 Tìm hiểu Spring Boot Nội dung: Nghiên cứu Spring Boot việc dựng back-end trang web - Giới thiệu Spring Boot Spring Boot dự án phát triển hệ sinh thái Spring Framework Nó đường... 2.2.1 Tìm hiểu Spring Boot 2.2.2 Tìm hiểu React Hà Đăng Tú Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty FPT Software FPT Software thành lập vào năm 1999, bảy... Nó đường dùng để phát triển ứng dụng độc lập dựa Spring - Ưu điểm Spring boot + Có tính Spring Framework + Tạo ứng dụng độc lập, chạy java -jar (cho java web) + Nhúng trực tiếp ứng dụng server