Simplest Spring MVC Framework Tutorial – Hello World Example with UI (JSP) Page

la arquitectura Model-View-Controller (MVC) proporciona la forma más sencilla de desarrollar aplicaciones web flexibles y poco acopladas.

en este tutorial vamos a repasar sobre cómo crear su aplicación 1st Spring MVC con pasos muy detallados.

¿tiene alguna de las siguientes preguntas?,

  • Fundamentos de Spring MVC 5.2.3
  • Desarrollo de una aplicación Spring Framework MVC 5 paso a paso..
  • java – Spring MVC tutorial from the scratch
  • Spring MVC Fast Tutorial
  • Spring MVC Framework Tutorial
  • First Spring MVC application tutorial
  • Spring 5.X MVC tutoriales, Ajax Demo, jQuery Demo, JavaScript Demo, consejos & trucos Primavera 5 MVC

entonces usted está en el lugar correcto. Aquí demostraré simple Spring MVC framework para crear aplicaciones web.,

Lo primero-vamos a configurar el entorno

Tutorial última actualización y verificada: septiembre de 2020 con las siguientes versiones de herramientas.

Estoy utilizando las siguientes herramientas que puede necesitar descargar si aún no las tiene.

  1. Tomcat 9.0.38-descargue el último Apache Tomcat desde este enlace.
  2. asegúrese de descargar Eclipse IDE para Java EE Developers (2020-09 R) – enlace de descarga. (diagrama a continuación)
  3. Spring 5.2.9.RELEASE (no se requiere descarga) – usaremos la dependencia Maven.,
  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.,

antes de empezar vamos a ver lo que veremos al final de este tutorial 🙂

así es como se verá nuestro application result. Este es un resultado final una vez que complete todos los pasos a continuación.

Aquí está el resultado final: página de bienvenida = = > 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.,>
  • haga clic en New
  • elija Dynamic Web Project
  • Una ventana emergente, proporcione el nombre del proyecto: CrunchifySpringMVCTutorial
  • asegúrese de usar Target Runtime as Apache Tomcat 9.0
    • Si no ve el tiempo de ejecución de destino, siga estos pasos
  • elija Configuración como Default Configuration

Step-3

convierta el proyecto a maven Project para agregar todas las dependencias de Spring MVC necesarias al proyecto.,

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., Asegúrese de actualizar la versión de Java a 13 si aún no lo ha movido a JDK 13. Seguiremos actualizando este tutorial a la última versión de Spring MVC.

tan debajo de pom.el archivo xml puede tener una versión diferente (última) de las dependencias de Spring MVC que la imagen anterior 🙂

Step-5

crear una nueva configuración de Spring Bean file: /WebContent/WEB-INF/crunchify-servlet.xml

crunchify-servlet.,xml

en el archivo de configuración anterior crunchify-servlet.xml, hemos definido una etiqueta <context:component-scan>. Esto permitirá que Spring cargue todos los componentes del paquete com.crunchify.controller y todos sus paquetes secundarios.

esto cargará nuestroCrunchifyHelloWorld.class. También hemos definido un bean viewResolver. Este bean resolverá la vista y agregará la cadena de prefijo /WEB-INF/jsp/ y el sufijo .jsp a la vista en ModelAndView.,

tenga en cuenta que en nuestra clase CrunchifyHelloWorld, tenemos que devolver un objeto ModelAndView con nombre de vista bienvenido.

esto se resolverá en path /WEB-INF/jsp/welcome.jsp .

Paso-6

Crear nuevo archivo web.xml si ya no está allí. Mapear Spring MVC en el archivo /WebContent/WEB-INF/web.xml.

NOTE: si no ves web.archivo xml en su «dynamic web project » a continuación, siga estos pasos.

web.,xml

el código anterior en web.xml mapeará DispatcherServlet con el patrón url /welcome.jsp. También tenga en cuenta que hemos definido index.jsp como archivo de bienvenida.

Una cosa a tener en cuenta aquí es el nombre de un servlet <servlet-name> etiqueta web.xml. Una vez inicializado el DispatcherServlet, buscará un nombre de archivo -servlet.xml en la carpeta WEB-INF de la aplicación web. En este ejemplo, el framework buscará un archivo llamado crunchify-servlet.xml.

Paso-7

Crear clase de controlador.,

  • 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")., Cuando Spring escanea nuestro paquete, reconocerá este frijol como un frijol controlador para procesar solicitudes. La anotación @RequestMapping le dice a Spring que este controlador debe procesar todas las solicitudes que comiencen con / welcome en la ruta URL. Que incluye /welcome/* y /welcome.html.

el método helloWorld () devuelve ModelAndView object. El objeto ModelAndView intenta resolver a una vista llamada «welcome» y el modelo de datos está siendo devuelto al navegador para que podamos acceder a los datos dentro del JSP., El nombre de la vista lógica se resolverá en /WEB-INF/jsp/welcome.jsp. El nombre lógico «welcome» que se devuelve en el objeto ModelAndView se asigna a path /WEB-INF/jsp/welcome.jsp.

El objeto ModelAndView también contiene un mensaje con la clave «message» y un valor detallado. Estos son los datos que estamos pasando a nuestro punto de vista. Normalmente este será un objeto de valor en forma de java bean que contendrá los datos que se mostrarán en nuestra vista. Aquí estamos simplemente pasando una cadena.

Paso-8

la vista – Crear nuevo archivo /WebContent/index.jsp.

índice.,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., Haga clic en Apply y Run.

Usted debe ver a construir success message:

¿Dónde están todos de mi .¿archivos jar?

verás todo .archivos jar en la carpeta /target. Pantallazo.

Step-10

  • Sidon't seeTomcat Server inServers tab, siga los pasos para agregar Apache Tomcat A Eclipse.,
  • implemente el proyecto en Apache Tomcat
    • haga clic con el botón derecho en
    • agregar y quitar
    • Agregar Proyecto al servidor (sección del lado derecho).
  • haga Clic en Inicio.

asegúrese de que usted vea a continuación los registros. Esto significa que su aplicación se implementa correctamente en el servidor web Tomcat.

paso-11. Terminado.

visita:http://localhost:8080/CrunchifySpringMVCTutorial/ y deberías estar todo listo.

¡Hurra.. Ahora ya sabes Hello World Spring MVC 5 Example., Avíseme si encuentra alguna excepción mientras ejecuta esto. Hay muchos más ejemplos que puedes encontrar aquí.

Do you want to include JS, CSS and images into JSP file? Siga este tutorial: la mejor manera de agregar/integrar JS, CSS e imágenes en un archivo JSP utilizando ‘mvc:asignación de recursos’.

¿tiene problemas? ¿Algún problema?

Triaging Step-1 – ¿tiene error HTTP Status 404?


También, siga el siguiente tutorial:

Triage paso 2 – URL no funciona? ¿Error Tomcat?,

asegúrese de agregar el servidor Apache Tomcat a Targeted Runtime. Que puede haber seleccionado en Step-1. Tomcat 7 u 8 any-server debería funcionar.

Triage Paso-3 – maven errores?

asegúrese de actualizar todas las dependencias maven.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *