[JAVA] MVC dans Eclipse.

introduction

Faisons un exemple de programme de MVC avec Eclipse.

Environnement de développement

Windows 10 Pro 1709(16299.192) Eclipse pleiades-4.7.3 java 1.8.0_162

procédure

    1. Installer Eclipse Pleiades All in One Je veux l'utiliser dans d'autres langues plus tard, je vais donc installer la version complète. "Ultimate": Peut être développé autrement que Java (C / C ++, Python ...) "Édition complète": inclut le compilateur et l'environnement d'exécution
  1. Créer un projet Web dynamique

    1. "Hello World" dans Servlet
  2. "Affichage de la liste des employés" dans MVC M (modèle): JavaBeans (classe Java)    V(View) : JSP C (contrôleur): Servlet (classe Java)

1. 1. Installer Eclipse Pleiades All in One

URL

http://mergedoc.osdn.jp/

Procédure d'installation

1. Cliquez sur "Eclipse 4.7 Oxygen"

image.png

2. Modifiez le serveur miroir (car il peut expirer dans 3.)

image.png

3. Cliquez sur "Ultimate" "Full Edition" de Windws 64bit

image.png

4. Décompressez le fichier téléchargé dans votre dossier de travail

image.png

2. Créer un projet Web dynamique

Démarrer Eclipse

1. Double-cliquez sur "eclipse.exe"

image.png

2. Cliquez sur le bouton "Démarrer"

Nouvelle génération de projets

3. Sélectionnez le menu "Fichier" -> "Nouveau" -> "Autre"

image.png

4. Sélectionnez "Projet Web dynamique" et cliquez sur le bouton "Suivant".

image.png

5. Entrez le "Nom du projet", sélectionnez "Tomcat8" et cliquez sur le bouton "Suivant".

image.png

6. Cliquez sur le bouton "Suivant"

image.png

7. Cochez "Générer le descripteur de déploiement web.xml" et cliquez sur le bouton "Terminer".

image.png

3. 3. "Hello World" dans Servlet

1) Créer un servlet

1. Sélectionnez le menu "Fichier" -> "Nouveau" -> "Autre"

image.png

2. Sélectionnez "Servlet" et cliquez sur le bouton "Suivant"

image.png

3. Entrez le "Package Java" et le "Nom de la classe" et cliquez sur le bouton "Terminer".

image.png

4. Ouvrez la classe de servlet créée et ajoutez une ligne

response.getWriter().append("\nHello World !!"); 

image.png

2) Contrôle de fonctionnement

1. Sélectionnez le menu "Exécuter" -> "Exécuter" -> "Exécuter sur le serveur"

image.png

2. Sélectionnez "Serveur Tomcat 8.0", cochez "Toujours utiliser ce serveur lors de l'exécution de ce projet" et cliquez sur le bouton "Terminer".

image.png

3. Entrez l'URL dans le navigateur

http://localhost:8080/SampleMVC/ShowHelloWorld

image.png

4. Vérifiez la définition du chemin de l'URL (http: // localhost / SampleMVC / ShowHelloWorld)

SampleMVC :Le nom du projet est défini dans le fichier de configuration Tomcat lors de la sélection du serveur à utiliser

image.png

ShowHelloWorld :Mappage d'URL lors de la création d'un fichier Java de servlet,@WebServlet("/ShowHelloWorld")Défini comme

image.png

4. "Affichage de la liste des employés" dans MVC

0) Téléchargement JSTL

1. Téléchargez taglibs-standard-impl-1.2.5.jar, taglibs-standard-jstlel-1.2.5.jar, taglibs-standard-spec-1.2.5.jar

http://tomcat.apache.org/download-taglibs.cgi

image.png

2. Copier dans WEB-INF \ lib du projet

image.png

1) Création de modèle (JavaBeans)

1. Sélectionnez le menu "Fichier" -> "Nouveau" -> "Classe"

image.png

2. Entrez le "Package Java" et le "Nom de la classe" et cliquez sur le bouton "Terminer".

image.png

3. Création de code

package emp;

public class EmployeeBean {
    private String id            = "";
    private String name          = "";
    private String email         = "";

    public void setId(String id){
        this.id = id;
    }

    public String getId(){
        return this.id;
    }

    public void setName(String name){
        this.name = name;
    }

    public String getName(){
        return this.name;
    }

    public void setEmail(String email){
        this.email = email;
    }

    public String getEmail(){
        return this.email;
    }
}

2) Créer un servlet (contrôleur)

1. Sélectionnez le menu "Fichier" -> "Nouveau" -> "Autre"

image.png

2. Sélectionnez "Servlet" et cliquez sur le bouton "Suivant"

image.png

3. Entrez le "Package Java" et le "Nom de la classe" et cliquez sur le bouton "Suivant".

image.png

4. Définissez le nom de l'identificateur de déploiement du servlet, vérifiez le mappage d'URL et cliquez sur le bouton «Terminer».

image.png

5. Génération de code

package emp;

import java.io.IOException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


/**
 * Servlet implementation class EmployeeServlet
 */
@WebServlet(name = "EmpList", urlPatterns = { "/EmpList" })
public class EmployeeServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public EmployeeServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	    //Génération de modèle
		List<EmployeeBean> employeeList = new ArrayList<EmployeeBean>();
		EmployeeBean bean = new EmployeeBean();
	    bean.setId("00001");
	    bean.setName("Hayako Sato");
	    bean.setEmail("[email protected]");
	    employeeList.add(bean);

	    bean =  new EmployeeBean();
	    bean.setId("00002");
	    bean.setName("Taro Suzuki");
	    bean.setEmail("[email protected]");
	    employeeList.add(bean);

	    bean =  new EmployeeBean();
	    bean.setId("00003");
	    bean.setName("Ryo Ikeda");
	    bean.setEmail("[email protected]");
	    employeeList.add(bean);

	    //Passer le modèle à la vue
	    request.setAttribute("employeeList", employeeList);

	    //Afficher la vue
	    this.getServletContext()
	        .getRequestDispatcher("/employeeList.jsp")
	        .forward(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//Génération de modèle
		Map<String, EmployeeBean> employeeMap = new HashMap<String, EmployeeBean>();
		EmployeeBean bean = new EmployeeBean();
	    bean.setId("00001");
	    bean.setName("Hayako Sato");
	    bean.setEmail("[email protected]");
	    employeeMap.put(bean.getId(), bean);

	    bean =  new EmployeeBean();
	    bean.setId("00002");
	    bean.setName("Taro Suzuki");
	    bean.setEmail("[email protected]");
	    employeeMap.put(bean.getId(), bean);

	    bean =  new EmployeeBean();
	    bean.setId("00003");
	    bean.setName("Ryo Ikeda");
	    bean.setEmail("[email protected]");
	    employeeMap.put(bean.getId(), bean);

		String id = request.getParameter("id");
		List<EmployeeBean> employeeList = new ArrayList<EmployeeBean>();
		if (id.isEmpty()) {
			for (Map.Entry<String, EmployeeBean> entry : employeeMap.entrySet()) {
				employeeList.add(entry.getValue());
			}

		}
		else {
			employeeList.add(employeeMap.get(id));
		}

	    //Passer le modèle à la vue
		request.setAttribute("employeeList", employeeList);


		//Afficher la vue
	    this.getServletContext()
	        .getRequestDispatcher("/employeeList.jsp")
	        .forward(request, response);

	}

}

3) Création de vues (JSP)

1. Sélectionnez le menu "Fichier" -> "Nouveau" -> "Autre"

image.png

2. Sélectionnez "Fichier JSP" et cliquez sur le bouton "Suivant".

image.png

4. Entrez le "Dossier" et le "Nom du fichier" et cliquez sur le bouton "Terminer".

image.png

5. Génération de code

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Liste des employés</title>
	</head>
	<body>

		<form action="EmpList" method="post">
			<p>
				ID:<input type="text" name="id">
			</p>
			<p>
				<input type="submit" value="Envoyer">
				<input type="reset" value="Réinitialisez votre entrée">
			</p>
		</form>


		<table>
			<caption>
				<strong>Liste des employés</strong>
			</caption>
			<thead>
				<tr>
					<th>ID</th>
					<th>NAME</th>
					<th>EMAIL</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${employeeList}" var="emp" >
					<tr>
						<th><c:out value="${emp.id}" /></th>
						<td><c:out value="${emp.name}" /></td>
						<td><c:out value="${emp.email}" /></td>
					</tr>
				</c:forEach>
			</tbody>
		</table>

	</body>
</html>

4) Contrôle de fonctionnement

1. Sélectionnez le menu "Exécuter" -> "Exécuter" -> "Exécuter sur le serveur"

image.png

2. Entrez l'URL dans le navigateur

http://localhost:8080/SampleMVC/EmpList

image.png

3. Vous pouvez rechercher par ID

image.png

image.png

4. Si aucun ID n'est entré, tous les éléments seront affichés.

image.png

image.png

en conclusion

--Lorsque vous entrez l'URL ( http: // localhost: 8080 / SampleMVC / EmpList ''), appelez la méthode EmployeeServlet.doGet ().

--Lorsque vous cliquez sur le bouton "Envoyer", appelez la méthode EmployeeServlet.doPost ().

Recommended Posts

MVC dans Eclipse.
Pour déboguer avec Eclipse
Installez le plug-in dans Eclipse
Programme Null-safe en Java (Eclipse)
Premier développement Java dans Eclipse
Utiliser Amateurs UML avec Eclipse
éclipse tout en une seule installation
Installez le plug-in Tomcat dans Eclipse
Introduction de javaFX dans Eclipse (2020-avril)
Spring Boot Hello World dans Eclipse
Développement d'applications Spring Boot dans Eclipse
Comment exécuter JUnit dans Eclipse
Utiliser le plugin Findbugs dans Eclipse
Bonjour le monde de Java dans Eclipse maintenant
Créer un programme Servlet dans Eclipse
Fonction CRUD et MVC dans Rails
Utiliser la complétion dans Eclipse sur Mac
Comment définir Lombok dans Eclipse
JPA (API de persistance Java) dans Eclipse
Erreur Eclipse
Création d'un environnement de développement Lambda avec Eclipse
Contactez Eclipse MicroProfile Health
Comment inclure Spring Tool dans Eclipse 4.6.3?
Profitez de JUnit 5 avec Eclipse avant la sortie officielle
Autoriser l'achèvement du code dans Eclipse pour Mac
[Java] Définir AdoptOpen JDK dans STS (Eclipse)
Construction de l'environnement Play Framework 2.6 (Java) avec Eclipse
Modèle MVC
Fonctionnement du servlet Dispatcher dans Spring MVC
Ouvrez plusieurs espaces de travail dans Eclipse sur Mac
Problème de configuration Maven avec Spring pom.xml dans Eclipse
[Pour les débutants] Comment déboguer avec Eclipse
Eclipse - Springboot
[Pour les débutants] J'ai essayé d'utiliser DBUnit avec Eclipse
Testez le contrôleur avec Mock MVC dans Spring Boot
[Java FX] Comment écrire des autorisations Eclipse dans build.gradle
Eclipse Pleiades All in One version pour Mac
Comment colorer la sortie de la console de code dans Eclipse
Techniques de lecture du code source Java dans Eclipse
[Pour les débutants] J'ai essayé d'utiliser JUnit 5 avec Eclipse
[Java] Création d'API à l'aide de Jerjey (Jax-rs) avec eclipse
Créez un cadre de traitement par lots simple dans Eclipse.
Lorsque Eclipse ne parvient pas à démarrer le serveur
Préparez la sortie du journal à l'aide de log4j dans Eclipse.
[Eclipse / Tomcat] Servlet + JSP dans le projet webapp de Maven
[Note] Construction de l'environnement Struts2 à l'aide de Gradle dans Eclipse
Autoriser le développement dans l'environnement Eclipse à l'aide du SDK iPLAss
Modifier et enregistrer automatiquement les conventions de codage dans Eclipse
Lorsque le projet n'est pas affiché dans eclipse
Conseils pour générer des fichiers pour les projets d'éclipse avec Gradle
Comment générer automatiquement un constructeur dans Eclipse