tutoriel Spring MVC Framework le plus simple – exemple Hello World avec UI (JSP) page

l’architecture Model-View-Controller (MVC) fournit le moyen le plus simple de développer des applications web flexibles et faiblement couplées.

dans ce tutoriel, nous allons revenir sur la façon de créer votre 1ère application Spring MVC avec des étapes très détaillées.

avez – vous des questions ci-dessous?,

  • principes fondamentaux de Spring MVC 5.2.3
  • développement D’une application Spring Framework MVC 5 étape par étape..
  • java – Spring MVC tutoriel à partir du zéro
  • Spring MVC Rapide Tutoriel
  • Spring MVC Framework Tutoriel
  • Premier Spring MVC de l’application tutoriel
  • le Printemps 5.tutoriels X MVC, Démo AJAX, Démo jQuery, Démo JavaScript ,conseils& astuces Spring 5 MVC

alors vous êtes au bon endroit. Ici ,je vais démontrer simple Spring MVC framework pour la création d’applications web.,

tout d’abord – configurons L’environnement

dernier tutoriel mis à jour et vérifié: septembre 2020 avec les versions D’outils ci-dessous.

j’utilise les outils ci-dessous que vous devrez peut-être télécharger si vous ne l’avez pas déjà.

  1. Tomcat 9.0.38 – Téléchargez la dernière version D’Apache Tomcat à partir de ce lien.
  2. assurez – vous de télécharger Eclipse ID pour Java EE Developers (2020-09 R) – lien de téléchargement. (schéma ci-dessous)
  3. Spring 5.2.9.RELEASE (Aucun téléchargement requis) – nous allons utiliser Maven dépendance.,
  4. JDK 15 – Download link.

Make sure you download latest Java EE Developer Kit:

Main Goal

Main goal for this tutorial to create Spring MVC Application in the simplest way.,

Avant de commencer, voyons ce que nous verrons à la fin de ce tutoriel 🙂

C’est ainsi que notre application result va ressembler. Ceci est un résultat final une fois que vous avez terminé toutes les étapes ci-dessous.

Voici le résultat final: page d’Accueil ==> index.,jsp

Result returns from Controller Class 🙂

Now Let’s get started on Tutorial

  • Open Eclipse
  • Create New Eclipse Workspace – This is must to avoid any existing workspace config issue.,>
  • Cliquez sur New
  • Choisissez Dynamic Web Project
  • Une fenêtre pop-up, Fournir le Nom du Projet: CrunchifySpringMVCTutorial
  • assurez-vous d’utiliser Target Runtime Apache Tomcat 9.0
    • Si vous ne voyez pas d’Exécution Cible, puis suivez ces étapes
  • Choisissez la Configuration de Default Configuration

Étape 3

Convertir en Projet de Projet Maven pour ajouter tous les requis Spring MVC dépendances du projet.,

Steps:

  • Right click on project
  • Configure
  • Convert to Maven project

Step-4

Open pom.xml file and add below jar dependencies to project.

NOTE: Here is my pom.xml file., Assurez-vous de mettre à jour la version Java vers 13 si vous n’avez pas encore migré vers JDK 13. Nous continuerons à mettre à jour ce tutoriel vers la dernière version de Spring MVC.

Donc en dessous du pom.fichier xml peut avoir différentes (dernière) version de Spring MVC dépendances de l’image ci-dessus 🙂

Étape 5

Créer un nouveau Printemps de Configuration Bean fichier: /WebContent/WEB-INF/crunchify-servlet.xml

crunchify-servlet.,xml

au-dessus crunchify-servlet.xml fichier de configuration, nous avons défini une balise <context:component-scan> . Cela permettra à Spring de charger tous les composants du package com.crunchify.controller et tous ses paquets enfants.

cela chargera notreCrunchifyHelloWorld.class. Nous avons également défini un bean viewResolver. Ce bean va résoudre la vue et ajouter la chaîne de préfixe /WEB-INF/jsp/ et le suffixe .jsp à la vue dans ModelAndView.,

notez que dans notre classeCrunchifyHelloWorld, nous avons renvoyé un objet ModelAndView avec view name welcome.

cela sera résolu en chemin/WEB-INF/jsp/welcome.jsp.

Étape 6

Créer un nouveau fichier web.xml si c’est pas déjà là. Map Spring MVC dans le fichier/WebContent/WEB-INF/web.xml.

NOTE: si vous ne voyez pas web.fichier xml dans votre « dynamic web project”, puis suivez ces étapes.

web.,xml

Le code ci-dessus dans web.xml mappe DispatcherServlet avec le modèle d’url /welcome.jsp. Notez également que nous avons défini index.jsp comme fichier de bienvenue.

Une chose à noter ici est le nom de la servlet dans <servlet-name> balise web.xml. Une fois le DispatcherServlet initialisé, il recherchera un nom de fichier -servlet.xml dans le dossier WEB-INF de l’application web. Dans cet exemple, le framework recherchera le fichier appelé crunchify-servlet.xml.

Étape-7

créer une classe de contrôleur.,

  • Right click on Java Resources -> src
  • Click New -> Class
  • Package: com.crunchify.controller
  • Filename: CrunchifyHelloWorld.java

CrunchifyHelloWorld.java

Note that we have annotated the CrunchifyHelloWorld class with @Controller and @RequestMapping("/welcome")., Lorsque Spring analyse Notre paquet, il reconnaîtra ce bean comme étant un bean de contrôleur pour le traitement des demandes. L’annotation@RequestMapping indique à Spring que ce contrôleur doit traiter toutes les demandes commençant par /welcome dans le chemin de L’URL. Qui inclut /welcome/* et /welcome.html.

la méthode helloWorld() renvoie l’objetModelAndView. L’objet ModelAndView essaie de se résoudre en une vue nommée « welcome” et le modèle de données est renvoyé au navigateur afin que nous puissions accéder aux données dans le JSP., Le nom de la vue logique se résoudra à /WEB-INF/jsp/welcome.jsp. Le nom logique « welcome » qui est retourné dans L’objet ModelAndView est mappé à path /WEB-INF/jsp/welcome.JSP.

L’objet ModelAndView contient également un message avec la clé « message” et une valeur détaillée. Ce sont les données que nous transmettons à notre vue. Normalement, ce sera un objet de valeur sous forme de bean java qui contiendra les données à afficher sur notre vue. Ici, nous passons simplement une chaîne.

Etape-8

La Vue – Créer un nouveau fichier /WebContent/index.jsp.

index.,jsp

Create another file /WebContent/WEB-INF/jsp/welcome.jsp.

NOTE: Don’t forget to create jsp folder and put welcome.jsp inside that 🙂

welcome.jsp

After everything this is how your workspace should look like.

Step-9

Right Click on Project -> Run As -> Maven Build...

Add Goals: clean install., Cliquez sur Apply et Run.

Vous devriez voir la version success message:

Où sont tous mes .les fichiers jar?

Vous verrez tous .fichiers jar sous /target dossier. Capture.

Etape-10

  • Si vous don't see Serveur Tomcat dans Servers onglet, puis suivez les étapes pour ajouter Apache Tomcat Eclipse.,
  • Déployer projet Apache Tomcat
    • clic Droit
    • Ajouter et Supprimer
    • Ajouter un Projet de serveur (côté droit de la section).
  • Cliquez sur Démarrer.

assurez-vous que vous voyez ci-dessous les journaux. Cela signifie que votre application est déployée avec succès sur le serveur Web Tomcat.

Étape 11. Faire.

Visitez: http://localhost:8080/CrunchifySpringMVCTutorial/ et vous devriez être tous ensemble.

Hourra.. Maintenant, vous savez Hello World Spring MVC 5 Example., Faites-moi savoir si vous rencontrez une exception lors de l’exécution de cette. Il y a beaucoup plus d’exemple que vous pouvez trouver ici.

Do you want to include JS, CSS and images into JSP file? suivez ce tutoriel: la meilleure façon D’ajouter / intégrer JS, CSS et images dans le fichier JSP en utilisant ‘mvc:resources mapping’.

avoir des problèmes? Aucun problème?

triage Étape-1-Avoir une erreur HTTP Status 404?


Aussi, suivez ci-dessous le tutoriel:

Tri de l’étape 2 de l’URL ne fonctionne pas? Erreur Tomcat?,

assurez-vous d’ajouter le serveur Apache Tomcat àTargeted Runtime. Que vous avez peut-être sélectionné dans Step-1. Tomcat 7 ou 8 tout – serveur devrait fonctionner.

Tri Étape 3 – maven erreurs?

assurez-vous de mettre à jour toutes les dépendances maven.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *