Please enable JavaScript.

Coggle requires JavaScript to display documents.

Module 4 - Coggle Diagram

- - - - Ioc là nguyên lý phát triển phần mềm. Trong đó, việc điều khiển các đối tượng hoặc thành phần của hệ thống sẽ được thực hiện bởi Framework hoăc các Container
    - - DI là một design pattern cho phép xóa bỏ sự phụ thuộc
        
        Triển khai DI có 3 cách:
        - Interface (Field) - Constructor - Setter
- - - - Annotation RequestMapping được dùng để ánh xạ các request tới controller tương ứng
    - - Value (URL Pattern): có thể tạo một hay là nhiều URL Pattern
        
        Method: GET, POST, DELETE, PUT, PATCH
        
        Consumes: định dạng dữ liệu khi client request lên server (tương ứng với cài đặt “content-type” của request header)
        
        Produces: định nghĩa kiểu dữ liệu trả về cho client (tương ứng với cài đặt “accept” của request header)
    - - GetMapping
        
        PostMapping
        
        DeleteMapping
        
        PutMapping
        
        PatchMapping
  - - - Sử dụng RequestParam để truy cập một tham số trên URL
    - - Value: tên của parameter gửi lên server
        
        Required: param có bắt buộc hạy không?
        
        Default: giá trị mặc định của param
- - - - Bean là đối tượng được Framework và Container quản lý
        
        Trong Spring, Bean là một đối tượng được khởi tạo, lắp ráp và quản lý bới Sping IoC Container
    - - Khai báo Bean bằng XML
        
        Khai báo tại file cấu hình JAVA: Configuration + Bean
        
        Sử dụng Annotation: Component, Controller, Service, Repository,...
  - - - Thư viện spring-form.tld hỗ trợ tạo form trong Spring => bổ sung thêm thuộc tính model Attribute của thẻ form
        
        Spring-form sẽ hỗ trợ các thẻ input, checkbox, radio, hidden
    - - path: tên thuộc tính đối tượng đang liên kết với form hiện tại
        
        items: danh sách các hạng mục của trường (thường dùng cho checkboxes, radiobuttons,...)
- - - - Thymeleaf là một bộ xử lý view, được sử dụng cho các ứng dụng web và các ứng dụng độc lập
        
        Được xây dựng phù hợp với tiêu chuẩn web, hỗ trợ HTML5
        
        Thymeleaf cho phép xử lý các loại template HTML, TEXT, XML, JAVASCRIPT, CSS,...
    - - Thân thiện, gần gũi dễ sử dụng vì Thymeleaf sử dụng cú pháp của HTML
        
        Cú pháp của Thymeleaf sẽ là một attribute (thuộc tính) của thẻ HTML và bắt đàu bằng "th"
- - - - Entity là đối tượng đại diện cho dữ liệu trong ứng dụng
        
        Entity thường là POJO (Plain Old Java Object) nghĩa là lớp đơn giản, chỉ dùng để mô tả dữ liệu, không xử lý logic nghiệp vụ
        
        Mỗi Entity sẽ được mapping với một table trong CSDL
        
        Mỗi Entity cần tuân thủ:
        - Được gán Annotation @Entity - Có constructor là public & không có tham số - Không được khai báo final - Thuộc tính của đối tượng có access modifier là private, protected hoặc ở mức package private
    - - JPA (Java Persistence API) là một bộ đặc tả tiêu chuẩn của Java, trong đó mô tả các thao tác quản lý dữ liệu quan hệ trong ứng dụng Java. Cung cấp mô hình cho phép ánh xạ các bảng trong CSDL với các lớp
        (JPA chỉ chứa interface hướng dẫn thực hiện ORM, không có code implement. Việc implement sẽ do ORM Framework thực hiện)
    - - Persistence Context là một tập các thể hiện của Entity, được dùng quản lý Entity trong một kho dữ liệu
    - - Entity Manager là một interface cung cấp phương thức cho việc tương tác với entity
        
        Các phương thức thông dụng:
        - persit: thêm một Entity vào CSDL - merger: update entity - remove: xóa enitity - find: tìm kiếm Entity
- - - - Spring Boot là một trong số các module của Spring Framework
        
        Spring Boot được sử dụng để tạo ra các ứng dụng độc lập có thể chạy ngay với rất ít cấu hình thêm
    - - Tạo ứng dụng độc lập, chạy ngay bằng cách sử dụng lệnh JAVA
        
        Nhúng sẵn server Tomcat, Jetty
        
        Cung cấp sẵn các thư viện "starter"
        
        Tự động cấu hình Spring khi có thể
        
        Không yêu cầu cấu hình XML
- - - - Pageable là đối tượng hỗ trợ phân trang
    - - number: trang hiện tại (bắt đầu từ 0)
        
        totalPages: tổng số trang
        
        hasNext()
        
        hasPrevious()
      - Ở Controller sử dụng annotation PageableDefault để khai báo tham số truyền vào handle method của tối tượng pageable
  - - - Sử dụng annotation OneToOne để đánh dấu Entity
        
        Sử dụng annotation JoinColumn để đánh dấu khóa ngoại
    - - Sử dụng annotation OneToMany để đánh dấu Entity
        
        Sử dụng annotation OneToMany để đánh dấu Entity
        
        Sử dụng annotation JoinColumn để đánh dấu khóa ngoại
    - - Sử dụng annotation ManyToMany để đánh dấu Entity
        
        Sử dụng annotation JoinTable & JoinColumn để tạo bảng phụ
- - - - Validation thự hiện đánh giá/xác minh tính hợp lệ của dữ liệu đầu vào
    - - Có thể thực hiện validate ở 3 tầng:
        - UI layer (phía client): dùng JS, JQuery, Front-end Framework - Business layer (phía webserver): dùng ngôn ngữ server Java, C#, PHP,... - Data layer (phía DB server): dùng SQL để tạo ra các constraint (not null, check,...)
        
        Một ứng dụng web thông thường chỉ cần validate kết hợp giữa UI layer và Business layer
        => Spring hỗ trợ validate ở tầng business
  - - - Đặt annotation tại trường mà mình cần validate
        
        Ở Controller cần thông báo:
        - @Validated/ @Valid (nhớ đảm bảo thứ tự: @Validated, @ModelAttribute, BindingResult,...)
        
        Dùng thuộc tính message trong annotation để tùy chỉnh nội dung thông báo lỗi
    - - Tại dto cần implement interface Validator
        
        Tại Controller gọi phương thức validate của dto
- - - - Session chứa thông tin người dùng & được lưu trữ ở phía Server
        
        Dữ liệu Session khó sửa đổi
        
        Một Session kết thúc khi đóng trình duyệt
        
        Một Session bị phụ thuộc vào Cookie (JSESSIONID)
    - - Lưu thông tin người dùng ở phía Client
        
        Dữ liệu Cookie dễ sửa đổi, hoặc bị đánh cắp
        
        Kết thúc tùy thuộc vào thời gian cài đặt (setMaxAge())
        
        Một Cookie không phụ thuộc vào Session
- - - - Là một dịch vụ web cung cấp nền tảng chung cho nhiều ứng dụng. Những ứng dụng này có thể được viết bằng nhiều nền tảng công nghệ khác nhau nhưng có thể giao tiếp với nhau được
        
        Hoạt động dựa trên mô hình Client - Server, thông qua giao thức HTTP, HTTPs
        
        Kiểu dữ liệu dùng để giao tiếp là XML và JSON
    - - Hoạt động trên nhiều nền tảng, nhiều ứng dụng với ngôn ngữ khác nhau
        
        Khả năng tái sử dụng cao
        
        Thời gian triển khai nhanh
        
        Giảm sự phức tạp hệ thống, giảm thời gian phát triển, hạ giá thành
    - - Khi Web Service bị chết hoặc dừng hoạt động thì sẽ ảnh hưởng đến nhiều hệ thống khác
        
        Lý do bảo mật, nên Web Service cần được bảo mật nghiêm ngặt
    - - SOAP (Simple Object Access Portal): giao thức sử dụng XML
        
        REST (Representational State Transfer): giao thức sử dụng XML
  - - - Có giao diện
        
        Kết quả trả về cho người dùng là view (hình ảnh, video, âm thanh, chữ,...)
        
        Tương tác giữa User & ứng dụng sẽ thông qua form, link, image, button
        
        Thông thường được tương tác giữa User & ứng dụng
    - - Không có giao diện
        
        Kết quả trả về chỉ có data (theo format XML hoặc JSON) => Người dùng bình thường khó đọc
        
        Tương tác giữa các ứng dụng với nhau thông qua các phương thức HTTP: GET, POST, PUT, DELETE,... và HTTP Status Code
        
        Thông thường chỉ có các ứng dụng giao tiếp với nhau trong môi trường Internet
- - - - JQuerry là một thư viên được xây dựng từ JavaScript
        
        WRITE LESS, DO MORE (Viết ít hơn, làm nhiều hơn)
    - - Thao tác với DOM dễ dàng, nhanh ( Cách truy cập DOM gần giống với cú pháp CSS)
        
        Xử lý Event
        
        Xử lý Animation dùng để tạo hiệu ứng chuyển động
        
        Hỗ trợ AJAX
        
        Gọn nhẹ: tích hợp 1 file JS
        
        Hỗ trợ hầu hết các loại trình duyệt
    - - Có 2 cách:
        + $(...) + jQuery(...)
    - - Universal: chọn tất cả các phần tử có sẵn trong DOM
        EX: $(*)
        
        Tag name:
        EX: $("h1")
        
        #id:
        EX: $("#myId)
        
        .class:
        EX: $(".myClass")
        
        Multiple Selector:
        EX: $("p,a"): lấy tất cả thẻ p & a
        EX: $("p a"): lấy tất cả thẻ a mà là con của thẻ p
        
        $(this): truy cập thẻ HTML hiện tại
  - - - Ajax (Asynchronous JavaScript & XML) là một kỹ thuật giúp phát triển các trang web động mà không cần tải lại trang
        
        Tạo ra các trang web nhanh, mượt hơn
        
        Cập nhật nội dung của một phần trang web mà không cần tải lại trang => giúp trải nghiệm người dùng tốt hơn
    - - $.ajax({
        + url: địa chỉ trang web cần tương tác + type: phương thức HTTP method + dataType: kiểu dữ liệu mong muốn nhận được từ Server + success: function(response): xử lý kết quả khi thành công
        })