ALOM

GUI - MVC & Templating 👨‍💻

UBER

Un micro-service c'est :

Un ensemble de fonctionnalités du même domaine métier
Un ou plusieurs canaux de communication
- HTTP - REST/JSON
Une source de données dédiée
Un composant d'affichage

🔎 un micro-service Java

On s'appuie sur les technologies connues: les servlets !

GUI

Au menu

😠 JSP
😧 JSTL
🙂 Spring MVC
😃 Moteurs de templates

😠 JSP

Java Server Pages

JSP

Principes

Page HTML embarquant du code Java

Compilée en servlet

JSP

Développement

Relisez votre cours de CAR!

JSP

Déploiement

Packaging dans un fichier ".war" 📦

Déploiement dans un conteneur de servlets

😲 ouch.jsp

😧 JSTL

JSP Standard Tag Library

JSTL

Language d'expression EL (Expression Language)

JSTL EL

JSTL Taglibs

Balises facilitant le développement JSP. Evite le code java et minimise les balises %

Design Pattern MVC

Sépare les responsabilités (👮 SOLID)

Model : Contient les données
View : Affiche les données
Controller : Déclenche des actions sur les données et met à jour la vue

Design Pattern MVC

Déjà des pistes avec le couplage Servlet/JSP

MVC avec

## MVC avec Spring - Model

```java
                            @Controller
                            class TrainerController {

@Autowired
                                private TrainerService trainerService;

@GetMapping("/trainers")
                                String showTrainersPage(Model model) {
                                    // on reçoit un model en injection et on l'alimente
                                    model.addAttribute("trainersList", trainerService.getAllTrainers());
                                    return "trainers/list"; // on retourne le nom de la vue
                                }
                            }
                            ```

---
                            ## MVC avec Spring - ModelAndView

```java
                            @Controller
                            class TrainerController {

@Autowired
                                private TrainerService trainerService;

@GetMapping("/trainers")
                                ModelAndView showTrainersPage() {
                                    // on crée un ModelAndView avec le nom de la vue
                                    var modelAndView = new ModelAndView("trainers/list");
                                    // on alimente le modèle
                                    modelAndView.addObject("trainersList", trainerService.getAllTrainers());
                                    return modelAndView;
                                }
                            }
                            ```

---

## MVC avec Spring - View

Dans `src/main/resources/templates/trainers/list`
                            ```
                            {{#trainersList}}
                            <div class="card shadow-sm mb-4">
                                <div class="card-header">
                                    <h4>{{name}}</h4>
                                </div>
                            </div>
                            {{/trainersList}}
                            ```

---

## MVC avec Spring

* `Model` : Les données à envoyer à la vue
                            * `ModelAndView` : Les données + le nom de la vue
                            * `ViewResolver` : Utilisé par Spring pour charger le fichier de vue

Les moteurs de templates dispo avec *Spring-Boot*:
                            * Thymeleaf
                            * Mustache
                            * FreeMarker
                            * Groovy

Moteurs de templates

Mustache (man-page)

Logic-less templates

TP

GUI - MVC & Templating