Scribd Logo
Importer

Bienvenue sur Scribd !

  • Asset-V1 Ulille+54005+session02+type@asset+block@4.3 Vue

    Transféré par

    medprof5
    2 vues8 pages

    Titre original

    asset-v1_Ulille+54005+session02+type@asset+block@4.3_vue

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    2 vues8 pages

    Asset-V1 Ulille+54005+session02+type@asset+block@4.3 Vue

    Transféré par

    medprof5

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 8

    Spring

    MVC – Vues & données

    Guillaume Dufrêne – Lionel Seinturier



    Université de Lille – Sciences et Technologies

    Spring MVC – Vue


    Vues
    Définition

    •  Partie affichage
    •  Une information : ≠ façon de présenter

    •  Souvent HTML (avec JSP ou autre)

    Principe

    requête CONTROLLEUR données VUE

    traitement

    Spring MVC – Vue 2


    Mise en oeuvre


    •  retourner le nom de la vue
    •  correspondance avec une page JSP


    @RequestMapping("/views") Fichier simpleJSP.jsp
    public class ViewsController {

    <html>
    @RequestMapping("/simple")
    <body>
    public String affichage() {
    <h1>Hello JSP</h1>
    return "simpleJSP";
    </body>
    }
    </html>
    }

    Spring MVC – Vue 3


    Passage de paramètres (1)

    •  Via une instance de Model



    @RequestMapping("/views") Fichier views/simple2.jsp
    public class ViewsController {
    <html>
    @RequestMapping("/simple2") <body>
    public String affichage( Model model ) { <h1>Hello JSP</h1>
    model.addAttribue("fruit","pomme"); <p>fruit: ${fruit}</p>
    model.addAttribue("eau","plate"); <p>eau: ${eau}</p>
    return "views/simple2"; </body>
    } </html>
    }

    Spring MVC – Vue 4


    Passage de paramètres (2)


    •  Nom de vue implicite : depuis l’URL

    @RequestMapping("/views") Fichier views/simple3.jsp
    public class ViewsController {
    <html>
    @RequestMapping("/simple3") <body>
    public void affichage( Model model ) { <h1>Hello JSP</h1>
    model.addAttribute("fruit", "pomme"); <p>fruit: ${fruit}</p>
    model.addAttribute("eau", "plate"); <p>eau: ${eau}</p>
    } </body>
    } </html>

    Spring MVC – Vue 5


    Passage de paramètres (3)


    •  les variables @PathVariable sont transmises automatiquement

    @RequestMapping("/views") Fichier views/simple4.jsp
    public class ViewsController {
    <html>
    @RequestMapping("/simple4/{fruit}/{eau}") <body>
    public String affichage( <h1>Hello JSP</h1>
    @PathVariable fruit, <p>fruit: ${fruit}</p>
    @PathVariable eau ) { <p>eau: ${eau}</p>
    return "views/simple4"; </body>
    } </html>
    }

    http://.../views/simple4/pomme/plate

    Spring MVC – Vue 6


    Passage de paramètres (4)


    •  les paramètres peuvent être transmis via un bean Java

    @RequestMapping("/views") Fichier views/simple5.jsp
    public class ViewsController {
    <html>
    @RequestMapping("/simple5/{fruit}/{eau}") <body>
    public String affichage( <h1>Hello JSP</h1>
    Menu menu, Model model ) { <p>fruit: ${menu.fruit}</p>
    return "views/simple5"; <p>eau: ${menu.eau}</p>
    } </body>
    public class Menu {
    } </html>
    private String fruit;
    private String eau;

    public void setFruit( String f ) { fruit=f; }


    public String getFruit() { return fruit; }
    public void setEau( String e ) { eau=e; }
    public String getEau() { return eau; }
    }

    Spring MVC – Vue 7


    En résumé
    Spring MVC – Vue

    •  Vue
    •  permet d'afficher des données
    •  JSP

    •  le contrôleur
    •  retourne le nom de la vue
    •  transmet les données

    Spring MVC – Vue 8

    Vous aimerez peut-être aussi