SpringBoot_Angular_Web

SpringBoot_Angular_Mysql

Interface

DEMO@ https://youtu.be/dTuPlfDhxLM

Tools in use:

VS Code - front-end
IntelliJ - backend
Mysql
Angular
Postman/ Httppie

Knowledge Contents:

Backend - java

  1.  Creating Employee entity in model
  2.  Setting up application.properties and testing 
  3.  Database configuration - mysql
  4.  Implementing repository and service package for Employee
  5.  Implementing CRUD(Create, Read, Update and Delete) operations
  6.  Handling Exceptions, import logs.
  7.  Exposing the API (creating EmployeeResource/controller for Employee)

Frontend - Angular

  1.  ng new employeemanagerapp0 (install Angular and use "ng" to create)
  2.  Creating employee.ts
  3.  Create Angular service to call REST APIs => ng generate service services/employee
  4.  Implementing CRUD operations (in employee.service.ts)
  5.  Adding components
  6.  Connecting to Backend server (via environment.ts)
  7.  CORS Configuration (Cross-Origin Resource Sharing filter 跨资源共享)
  8.  UI Part1 = bootstrap resources (using https://www.bootdey.com/snippets/view/bs4-contact-cards to 
         app.component.html and styles.css) 
  9.  UI Modal Logic (app.component.ts, app.component.html and index.html) and TEST 
  10. Angular Form
  11. Update Functionality
  12. Delete Functionality
  13. Search Functionality