[JAVA] [JSP, Servlet] Lancez un nouveau projet et vérifiez la connexion !!

Lancer un nouveau projet ~ Confirmer la connexion

Cette fois, nous allons créer une application Web utilisant ** JSP et Servlet **. Cette section décrit comment créer un projet Web dynamique (JSP, Servlet) ** et ** confirmation de connexion **.

La raison pour laquelle la ** confirmation de connexion ** est nécessaire est ... Il s'agit de vérifier la connexion et de s'assurer qu'elle fonctionne bien avant de se lancer dans la production d'applications à grande échelle.

Les cibles de confirmation de connexion sont les suivantes.

** Cible de confirmation de connexion **

--Appel de serveur JSP (données de transmission) --CSS (vérifier si appliqué) --JS (Vérifiez s'il est sorti dans le journal de la console) --Mon contrôle de connexion MySQL

Jetons un coup d'œil à chacun après le lancement du projet.

Créer un projet Web dynamique dans Eclipse

Tout d'abord, créez un projet Web dynamique.

Sélectionnez le menu Fichier → Nouveau → Projet Web dynamique.

image.png

Donnez-lui un nom de projet et vous avez terminé.

image.png

Après avoir confirmé que le projet a été créé, ajoutez le projet Web dynamique au serveur afin qu'il puisse être exécuté.

image.png

Sélectionnez le projet que vous venez de créer à partir des emplacements disponibles → "Ajouter". Mettez-le dans celui configuré et vous avez terminé.

image.png

Démarrez le serveur pour que le projet Web dynamique que vous avez ajouté prenne effet.

Sélectionnez un serveur dans la vue du serveur → clic droit → démarrer (s'il est déjà en cours d'exécution, sélectionnez redémarrer pour le redémarrer). image.png

Ceci termine le projet Web dynamique. Ensuite, nous commencerons à créer JSP et Servlet.

Création de JSP et Servlet

Nous allons créer JSP et Servlet.

Voir ci-dessous pour savoir comment créer une JSP et les détails: point_down_tone2: Qu'est-ce que JSP? ~ Connaissons les bases de JSP !! ~

** Comment créer un servlet ** Sélectionnez le menu Fichier → Nouveau → Servlet. image.png

Une fois que vous avez choisi le package Java et le nom de la classe, vous avez terminé. image.png

Le nom du servlet cette fois est Mainservlet.

image.png

** À propos des annotations Web **

@WebServlet ("/ modèle d'URL") http://<サーバー名>/<アプリケーション名>/<URLパターン>

La chaîne à l'intérieur de l'annotation WebServlet est ajoutée à la fin de l'URL.

Exemple (pour le projet ci-dessus)

@WebServlet("/Mainservlet")

http://localhost:8090/ConnectSample/Mainservlet

La chaîne de caractères dans le modèle d'URL peut être définie librement.

@WebServlet("/")

Par exemple, si vous modifiez le contenu de l'annotation comme indiqué ci-dessus, ce servlet devient le point d'entrée.

Confirmation de connexion

Appeler le servlet depuis JSP (transmettre les données)

Appelez Secondservlet à partir du lien dans index.jsp

image.png

Secondservlet

image.png

Exécuter sur le serveur image.png Lorsque vous appuyez sur le lien ... Puisque le résultat suivant est obtenu, l'appel de servlet à partir de JSP est terminé.

image.png

CSS (vérifier si appliqué)

Créer un dossier css et un fichier exam.css dans Webcontent

image.png

Collez le lien suivant dans index.jsp et chargez le fichier css image.png

exam.css image.png

En conséquence, j'ai pu changer la couleur de h1. image.png

JS (vérifiez s'il est sorti dans le journal de la console)

Créer un dossier JS et un fichier exam.js dans Webcontent

image.png

Mettez un lien pour lire JS dans index.jsp. image.png

exam.js image.png

Vérifiez le résultat. Choisissez la vérification par clic droit. image.png

Confirmez si quelque chose est entré dans Console.log dans Console image.png

Confirmation de la connexion MySQL

Enfin, vérifiez la connexion à la base de données. Consultez cet article pour les connexions MySQL: point_down_tone2: [Java] Je veux absolument connecter MySQL !!! ~ À propos de l'obtention du pilote JDBC et de l'emplacement du fichier JAR ~

La confirmation est maintenant terminée.

Recommended Posts

[JSP, Servlet] Lancez un nouveau projet et vérifiez la connexion !!
[Rails] Lancer un nouveau projet
Un exemple CRUD simple utilisant Java Servlet / JSP et MySQL
Création d'un servlet dans l'environnement Liberty
[Introduction à JSP + Servlet] Une petite animation ♬