[JAVA] Mes pensées sur l'avenir [Version de l'application Gradle ①]

1. 1. introduction

J'ai essayé Spring Boot pour la première fois dans Article précédent et j'ai réussi à atteindre le niveau "Hello World!" De gradle, mais après cela, j'ai vu par inadvertance. Je l'ai mis à jour vers 2019-06, et il était difficile de revenir à la version précédente, j'ai donc décidé d'essayer de créer à nouveau une application Gradle avec la nouvelle version.

Cependant, comme les versions sont différentes, il reste encore beaucoup à tâtonner dans le noir, comme échouer ce qui a été bien fait jusqu'à présent, et il semble extrêmement difficile de reproduire la même chose sans rien voir, donc cette fois En guise de mémorandum, je voudrais laisser derrière moi le processus menant à la création de l'application.

1.1 Objectifs de cet article

Création de l'application Hello World pour Spring Boot avec Gradle (Le but final est de créer une application Othello)

Version 1.2 etc.

--Pleiades All in One Version: Eclipse 2019-06 --Version STS (Spring Tool Suite): 4.3.1 (Spring Tools 4) --Version du bâtiment: 3.x

1.3 Ouvrage de référence

A partir de ce moment, je fais référence aux livres suivants. Dans cet article, «[Introduction](livre de référence n ° 12)» fait référence à ce livre.

--Yano Palm Tatsu (2018) "Spring Boot 2 Introduction à la programmation" Système Hidekazu

C'est un aparté, mais dans cet article, j'ai mis un lien sur la page vers tous les mots "[Introduction](# 12 reference book)" pour que je puisse sauter à cette section, mais les règles d'écriture sont compliquées et j'ai eu du mal. J'ai. Pour les liens dans la page, j'ai fait référence à cet article.

2. Jusqu'à ce que "Hello World!" Encore

2.1 Installation de Pléiades All in One

Je pense qu'Eclipse est très utile pour le développement Java, mais c'est difficile pour moi qui ne suis pas sûr de l'anglais. Par conséquent, j'ai décidé d'utiliser Pleiades, qui installe Eclipse et en même temps le traduit en japonais.

Voici les étapes pour installer Pleiades All in One.

Vous pouvez installer Pleiades depuis ici. Il y a un bouton bleu qui dit "Eclipse 2019-06", alors cliquez dessus. Je choisis le package en fonction de la langue à développer, mais si vous n'êtes pas inquiet de la capacité de votre PC, choisissez Ultimate Full Edition. Au fait, c'est 2,1 Go. Le téléchargement peut prendre un certain temps en fonction de la vitesse de la ligne. Pourquoi ai-je commencé à télécharger sur le Shinkansen alors que je rentrais chez moi?

Le fichier téléchargé doit être décompressé, mais s'il s'agit d'un gros fichier __large de 2 Go comme cette fois, il peut ne pas être décompressé normalement selon le logiciel. J'ai utilisé 7-Zip pour décompresser. Une fois décompressé, un dossier nommé pleiades sera créé, vous pouvez donc l'enregistrer où vous le souhaitez (une soi-disant installation n'est pas nécessaire). Cependant, il existe un dossier appelé workspace qui stocke le code source, etc. que nous avons créé, mais il semble qu'il soit désagréable de mettre des espaces demi-largeur et des caractères pleine largeur dans le chemin du dossier __workspace, j'ai donc défini le dossier pleiades sur C: J'ai décidé de le mettre directement sous . De plus, par défaut, il y a un dossier d'espace de travail dans le dossier pleiades, mais je place également ce dossier d'espace de travail directement sous C: \ (lors de la désinstallation de pleiades, j'ai mis par inadvertance le code source que j'ai créé dans l'espace de travail (Parce qu'il ne sera pas effacé). Quant à l'emplacement du dossier de l'espace de travail, si le chemin ne comprend pas d'espaces demi-largeur ou de caractères pleine largeur, vous pouvez décider à votre guise. En passant, je le nomme "eclipse.workspace" parce que je ne sais pas ce qu'est l'espace de travail simplement en le nommant workspace. De plus, lorsque Eclipse démarre, ce dossier d'espace de travail est chargé, donc s'il y a beaucoup de fichiers, le démarrage prendra beaucoup de temps. J'ai donc décidé de créer un petit dossier d'espace de travail tel que "eclipse.workspace.myOthello" ou "eclipse.workspace.paiza.drank" sous le dossier "eclipse.workspace" (changement d'espace de travail). La méthode sera décrite plus loin).

2.2 Démarrez Eclipse-Install Gradle

Il y a un dossier eclipse dans le dossier pleiades et eclipse.exe s'y trouve, alors double-cliquez dessus pour démarrer Eclipse. On vous demandera d'abord l'espace de travail, spécifions donc le dossier de l'espace de travail créé ci-dessus. Si vous spécifiez par inadvertance un dossier différent pour votre espace de travail, vous pouvez y basculer ultérieurement, il n'y a donc pas de problème. Sélectionnez "Changer d'espace de travail" dans "Fichier" dans la barre de menu.

D'ailleurs, dans la section 1.2 de "[Introduction](livre de référence # 12)", la méthode d'installation de STS (Spring Tool Suite) est expliquée comme préparation à l'environnement de développement Spring Framework, mais l'écran utilisé pour l'explication. Puisque toutes les captures de sont écrites en anglais, cet article expliquera brièvement en japonais (noms des éléments traduits en japonais par pléiades).

Sélectionnez «Eclipse Marketplace» dans «Aide» dans la barre de menus. Ensuite, un nouvel écran apparaîtra et l'onglet "Recherche" sera sélectionné. De plus, comme il y a un champ de saisie pour la chaîne de caractères de recherche, entrez simplement "sts" et appuyez sur Entrée pour afficher les résultats de la recherche. Il devrait y avoir des éléments dans les résultats de la recherche appelés "Spring Tools".

Je n'en suis pas sûr moi-même, mais probablement à cause de divers essais et erreurs, le bouton dans la colonne "Spring Tools 4" dans les résultats de la recherche était affiché comme "Installé", donc aucune installation spéciale n'est requise. (Peut-être était-il déjà installé, ou la dernière version d'Eclipse peut avoir Spring Tools 4 depuis le début). S'il y a un bouton intitulé «Installer» dans le champ «Spring Tools 4», appuyez dessus pour installer. D'après mon expérience avec Spring Tools 3, je n'aurais pas dû avoir besoin de paramètres compliqués.

Ensuite, la section 3.2 de "[Introduction](livre de référence # 12)" explique comment utiliser Gradle avec STS, mais c'est la même chose car la version est différente de l'Eclipse que je construis. Même si je le fais, ça ne marche pas. À la suite de la consultation avec un enseignant de Google, j'ai fait les essais et erreurs suivants. Sélectionnez «Installer un nouveau logiciel» dans «Aide» dans la barre de menus. Une nouvelle fenêtre apparaît et je dois entrer l'adresse du site sur lequel travailler, mais j'ai obtenu cette adresse en suivant les étapes ci-dessous.

1. Googler avec des mots clés tels que Buildship, gradle et download écrits dans "[Introduction](# 12 reference book)".
2. Cliquez sur le site Eclipse Buildship: Eclipse Plug-ins for Gradle qui apparaît dans les résultats de la recherche.
3. Il y a un bouton jaune appelé "Télécharger Eclipse Buildship: Plug-ins Eclipse pour Gradle". Appuyez dessus pour accéder au site GitHub eclipse. Accédez à /Installation.md).
4. Il y a un tableau appelé "Sites de mise à jour pour Buildship 3.x" en bas, donc pour le moment, l'adresse de la dernière version 2019-03 (https://download.eclipse.org//buildship/updates/e411/releases) Copier /3.x).

En d'autres termes, __Google enseignant est toujours de votre côté! __

Donc, si vous collez cette adresse à l'endroit où vous voulez travailler, la liste "Buildship: plug-in Eclipse pour Gradle" sera affichée dans le cadre ci-dessous, alors vérifiez-la et appuyez sur "Suivant". Lorsque l'écran change, appuyez à nouveau sur "Suivant". Ensuite, l'écran de licence s'affichera. Bien entendu, cochez «J'accepte les termes des conditions d'utilisation» et cliquez sur «Terminer». Après un certain temps, vous serez invité à redémarrer Eclipse, alors redémarrez-le. Ceci termine l'installation de Gradle.

2.3 Création du projet Spring Starter

Cliquez avec le bouton droit de la souris dans la zone vide de l'Explorateur de packages en haut à gauche (par défaut) et sélectionnez Nouveau → Projet. * Notez que le projet Gradle n'est pas sélectionné! L'écran de sélection de l'assistant apparaîtra. Au bas de la liste, il y a "Spring Boot", alors sélectionnez-le, puis sélectionnez "Spring Starter Project".

Sur l'écran de configuration suivant, nous déciderons du nom et du groupe, mais le type __ doit être "Gradle (Buildship 3.x)" installé au-dessus de __. De plus, sur l'écran de dépendance suivant, il y a "Web" en bas, alors vérifiez tous les éléments qu'il contient, puis cliquez sur "Suivant". Si vous appuyez sur "Terminer" sur l'écran suivant, le projet créé sera affiché dans l'explorateur de packages.

Je vais essayer. Cliquez avec le bouton droit sur le nom du projet affiché précédemment et sélectionnez "Exécuter" -> "Application Spring Boot", et vous devriez voir le message suivant commençant par Spring dans l'onglet de la console.

  .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
 :: Spring Boot ::        (v2.1.7.RELEASE)

Les personnages printaniers sont difficiles à voir lorsqu'ils sont collés ...

２．４　Hello World!

Je n'ai pas encore créé de page à afficher, je vais donc commencer par là. Cliquez avec le bouton droit sur le nom de l'Explorateur de packages et sélectionnez Nouveau → Classe. Puisque l'écran de la nouvelle classe Java sera lancé, nommez-le MyOthelloController, décochez-le car il n'est pas nécessaire de générer un commentaire, puis cliquez sur "Terminer".

Maintenant que nous avons un code source simple qui ne met que le package et la classe vide, ajoutez-le ici comme suit:

MyOthelloController.java

package myothello.gradle;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MyOthelloController {
	@RequestMapping("/")
	public String index() {
		return "Hello my othello world!";
	}
}

Si vous pouvez le faire jusqu'à présent, exécutez-le de la même manière qu'avant, et lorsque vous accédez à http: // localhost: 8080 / avec un navigateur approprié, la chaîne de caractères "Hello my othello world!" Renvoyée par la méthode index s'affiche.

3. 3. Création de pages Web avec Gradle

Nous allons créer une page Web en nous référant à la section 3.4 de «[Introduction](# 12 Reference Book)».

3.1 Télécharger spring-boot-starter-thymeleaf

Commencez par modifier les dépendances à la fin du fichier build.gradle comme suit: Le libellé détaillé est différent de "[Introduction](livre de référence n ° 12)" probablement à cause de la différence de version, mais j'essaye et je me trompe en lisant l'air.

build.dépendances gradle

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-data-rest'
	implementation 'org.springframework.boot:spring-boot-starter-hateoas'
	implementation 'org.springframework.boot:spring-boot-starter-jersey'
	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
	implementation 'org.springframework.boot:spring-boot-starter-web'
	implementation 'org.springframework.boot:spring-boot-starter-web-services'
	implementation 'org.springframework.boot:spring-boot-starter-webflux'
	implementation 'com.vaadin:vaadin-spring-boot-starter'
	implementation 'org.springframework.data:spring-data-rest-hal-browser'
	implementation 'org.springframework.session:spring-session-core'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	testImplementation 'io.projectreactor:reactor-test'
	testImplementation 'org.springframework.restdocs:spring-restdocs-mockmvc'
}

Une nouvelle ligne a été ajoutée qui dit "implementation'org.springframework.boot: spring-boot-starter-thymeleaf '". Cependant, cette bibliothèque ne semble pas encore avoir été téléchargée, alors cliquez avec le bouton droit sur le nom du projet dans l'Explorateur de packages et sélectionnez Gradle → Refresh Gradle Project. Cela semble mettre à jour le projet et inclure spring-boot-starter-thymeleaf. ~~ Je ne comprends pas ~~

3.2 Modification du contrôleur

Modifiez le contrôleur utilisé pour "Hello World!" Comme suit.

MyOthelloController.java

package myothello.gradle;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class MyOthelloController {
	@RequestMapping("/")
	public String myothello() {
		return "myothello";
	}
}

Le RestController a été importé plus tôt, mais il a été changé en contrôleur.

3.3 Création d'un fichier modèle

Cliquez avec le bouton droit de la souris sur le dossier "src / main / resources" -> "templates" dans l'explorateur de packages et sélectionnez "Nouveau" -> "Autre". L'écran de sélection de l'assistant apparaît. Cliquez sur "Web" -> "Fichier HTML" et sélectionnez "Suivant". Puisque vous pouvez entrer le nom du fichier, entrez __ "myothello" qui est le même nom que le nom de la méthode précédente, puis sélectionnez "Suivant". L'écran passera à l'écran de sélection du modèle HTML. Sélectionnez "Nouveau fichier HTML (5)" puis cliquez sur "Terminer". Cela créera un nouveau myothello.html, alors modifiez-le comme suit.

mypthello.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>myothello</title>
	<meta http-equiv="Content-Type" content ="text/html; charset=UTF-8" />
	<style>
	h1 { font-size:32pt; font-weight:bold; color:green; }
	body { font-size:24pt; margin:5px 25px; }
	</style>
</head>
<body>
	<h1>j'y pense</h1>
	<p class="msg">Application Othello créée avec Gradle</p>
</body>
</html>

Une fois exécuté, l'écran suivant s'affiche. Je n'ai même pas encore de tableau Othello.

En passant, comme la couleur d'arrière-plan de l'éditeur source est noire, j'ai recherché "le plus sombre" dans "Aide" -> "Eclipse Marketplace" dans la barre de menu, et [Darkest Dark Theme](https: // marketplace) J'ai installé quelque chose appelé .eclipse.org / content / darkest-dark-theme-devstyle), mais j'ai été déçu car les lettres bleues des valeurs de propriété CSS étaient très difficiles à voir, probablement à cause de ma vue. Cependant, vous pouvez changer la couleur en sélectionnant "Web" -> "Fichier CSS" -> "Editeur" -> "Spécifier la couleur de la syntaxe", donc c'est beaucoup plus facile à voir maintenant. ~~ J'ai passé beaucoup de temps! ~~

4. Une fois la fin

C'est une continuation du travail, mais comme j'ai une très mauvaise connaissance du HTML, je vais implémenter l'écran d'Othello tout en poursuivant cette étude. Pour le moment, je pense que Hello World de Gradle, qui était la première difficulté, a été résolu, il ne me reste donc plus qu'à compléter l'application Othello.