|
| 1 | +# SpringBoot Thymeleaf with CUDR Database Concept. |
| 2 | + |
| 3 | +<br> |
| 4 | + |
| 5 | +## Overview |
| 6 | + The project is about the employee's table so it can display employees, add new employee, updates employee info and delete employee. |
| 7 | + |
| 8 | +<br> |
| 9 | + |
| 10 | +## Usages |
| 11 | +- SpringBoot |
| 12 | +- SpringJPA |
| 13 | +- Thymeleaf |
| 14 | +- MySQL |
| 15 | + |
| 16 | +## Architecture of the Project |
| 17 | + |
| 18 | + ### 1- src folders |
| 19 | + - Controllers folder |
| 20 | + - Entities folder |
| 21 | + - DAO folder |
| 22 | + - Services folder |
| 23 | + |
| 24 | + ### 2-Maven pom.xml |
| 25 | +<br> |
| 26 | + |
| 27 | +``` |
| 28 | + <dependencies> |
| 29 | +
|
| 30 | + <!-- thymeleaf engin for html --> |
| 31 | + <dependency> |
| 32 | + <groupId>org.springframework.boot</groupId> |
| 33 | + <artifactId>spring-boot-starter-thymeleaf</artifactId> |
| 34 | + </dependency> |
| 35 | +
|
| 36 | + <!-- spring mvc includs RES support --> |
| 37 | + <dependency> |
| 38 | + <groupId>org.springframework.boot</groupId> |
| 39 | + <artifactId>spring-boot-starter-web</artifactId> |
| 40 | + </dependency> |
| 41 | +
|
| 42 | + <!-- dev tool for reload server automatic when change code --> |
| 43 | + <dependency> |
| 44 | + <groupId>org.springframework.boot</groupId> |
| 45 | + <artifactId>spring-boot-devtools</artifactId> |
| 46 | + <scope>runtime</scope> |
| 47 | + <optional>true</optional> |
| 48 | + </dependency> |
| 49 | +
|
| 50 | + <!-- mysql deriver --> |
| 51 | + <dependency> |
| 52 | + <groupId>mysql</groupId> |
| 53 | + <artifactId>mysql-connector-java</artifactId> |
| 54 | + <scope>runtime</scope> |
| 55 | + </dependency> |
| 56 | +
|
| 57 | + <dependency> |
| 58 | + <groupId>org.springframework.boot</groupId> |
| 59 | + <artifactId>spring-boot-starter-test</artifactId> |
| 60 | + <scope>test</scope> |
| 61 | + </dependency> |
| 62 | +
|
| 63 | + <dependency> |
| 64 | + <groupId>org.springframework.boot</groupId> |
| 65 | + <artifactId>spring-boot-starter-data-jpa</artifactId> |
| 66 | + </dependency> |
| 67 | +
|
| 68 | + <!-- Hibernate --> |
| 69 | + <dependency> |
| 70 | + <groupId>org.hibernate</groupId> |
| 71 | + <artifactId>hibernate-core</artifactId> |
| 72 | + <version>${hibernate.version}</version> |
| 73 | + </dependency> |
| 74 | +
|
| 75 | +</dependencies> |
| 76 | + ``` |
| 77 | +<br> |
| 78 | + |
| 79 | +### 3-Application.properties.yml |
| 80 | + |
| 81 | +``` |
| 82 | +server.port=8082 |
| 83 | +spring.datasource.url = jdbc:mysql://localhost:3306/employee-directory?useSSL=false&serverTimezone=UTC |
| 84 | +spring.datasource.username=springemployee |
| 85 | +spring.datasource.password= springemployee |
| 86 | +
|
| 87 | + ``` |
| 88 | + |
| 89 | +## Let's Start :mechanical_arm: |
| 90 | +### • Display Empoyees Table |
| 91 | +<br> |
| 92 | +<img width="1674" alt="display-employee" src="https://user-images.githubusercontent.com/67427643/124305147-5d68ce80-db6d-11eb-8f44-e27b23c1645c.png"> |
| 93 | + |
| 94 | + |
| 95 | + |
| 96 | +### • Add new Employee |
| 97 | +<br> |
| 98 | +<img width="1673" alt="add-employee" src="https://user-images.githubusercontent.com/67427643/124305371-ade02c00-db6d-11eb-866e-bb572312e91e.png"> |
| 99 | +<img width="1654" alt="add-employee" src="https://user-images.githubusercontent.com/67427643/124305516-e08a2480-db6d-11eb-8cff-08247c8a66fa.png"> |
| 100 | + |
| 101 | + |
| 102 | + |
| 103 | +### • Update Empoyee: |
| 104 | +<br> |
| 105 | +<img width="1665" alt="update-employee" src="https://user-images.githubusercontent.com/67427643/124305561-f0a20400-db6d-11eb-91d8-e4c0c94f9a60.png"> |
| 106 | +<img width="1659" alt="update-employee" src="https://user-images.githubusercontent.com/67427643/124305710-1fb87580-db6e-11eb-9935-306d2030080e.png"> |
| 107 | + |
| 108 | + |
| 109 | + |
| 110 | +### • Delete Employee: |
| 111 | +<br> |
| 112 | +<img width="1646" alt="delete-employee" src="https://user-images.githubusercontent.com/67427643/124306008-863d9380-db6e-11eb-9502-0cf65233b8a2.png"> |
| 113 | +<img width="1671" alt="delete-employee" src="https://user-images.githubusercontent.com/67427643/124306030-8b024780-db6e-11eb-8a2c-02ef02fc6e33.png"> |
| 114 | + |
| 115 | +--- |
| 116 | + |
| 117 | +### Good Luck <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="30px"> |
| 118 | +# project-deploy |
0 commit comments