TD n°2

Ceci est une ancienne révision du document !

Notions abordées :

Models/Entities
JPA + Hibernate
H2
Persistance

Créer le projet td2 :

Group : s4.spring
Artifact : td2
Packaging : War
Description : Gestion de messagerie
Dependencies : Web, Devtools, Mustache, H2, JPA

Configurer le projet dans application.properties, pour que le contextPath soit /, configurer Mustache, H2

Ajouter webJars à pom.xml pour intégrer Semantic-UI :

<!-- https://mvnrepository.com/artifact/org.webjars/Semantic-UI -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>Semantic-UI</artifactId>
    <version>2.4.1</version>
</dependency>

Ajouter la dépendance pour jQuery (indispensable avec Semantic)

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1-1</version>
</dependency>

Créer une classe de configuration de l'application pour définir des mappings vers les webJars :

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {
 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry
          .addResourceHandler("/webjars/**")
          .addResourceLocations("/webjars/");
    }
}

Créer les templates :

<!doctype html>
<html lang="fr">
<head>
	<meta charset="UTF-8">
	<title>Messagerie</title>
	<link rel="stylesheet"
          href="/webjars/Semantic-UI/2.4.1/semantic.min.css" />
</head>
<body>
<div class="ui container">

</div>
<script src="/webjars/jquery/3.3.1-1/jquery.min.js"></script>
<script src="/webjars/Semantic-UI/2.4.1/semantic.min.js"></script>
</body>
</html>

TD n°2

Création