Créer un environnement de développement Web APP avec Java + Spring avec Visual Studio Code

Dans cet article, j'expliquerai comment créer un environnement de développement d'applications Web Spring à l'aide de VS Code. La procédure est la suivante.

1. Construction de l'environnement d'exécution Java

Comme condition préalable, VS Code nécessite un environnement d'exécution Java, donc si vous ne l'avez pas encore fait, reportez-vous à l'article Création d'un environnement de développement de programme Java avec Visual Studio Code.

2. Installation de l'extension

Ouvrez l'écran de recherche d'extension avec Ctrl + Maj + x, recherchez et installez l'extension Spring Boot Extension Pack.

3. Création de projet Spring Maven

Ouvrez la palette de commandes dans l'ordre de affichage-> palette de commandes dans VS Code Touche de raccourci: Ctrl + Maj + P Tapez spring: et sélectionnez Spring Initializr Generate a Maven Project

Sélectionnez Java

Entrez le nom du package-> ʻEnter`

Entrez le nom du projet-> ʻEnter`

Sélectionnez la version Spring Boot

Sélectionnez les dépendances requises pour le développement d'applications Web Spring ici Puisque cet article l'explique comme un exemple simple, ajoutez uniquement Spring Web et Thymeleaf.

--Ajouter Spring Web

--Ajouter Thymeleaf

Après avoir ajouté les deux dépendances ci-dessus, il s'agira de `` dépendances sélectionnées '', cliquez sur ceci Sélectionnez une destination d'enregistrement Un projet Spring nommé demo a été créé

4, mise en œuvre du projet

Créer la classe Controller dans le package avec XXApplication.java Dans mon cas: src / main / java / com / example / demo / DemoApplication.java Sélectionnez Package-> Clic droit-> Nouveau fichier-> DemoController.java-> ʻEnter`

La classe DemoController est créée Modifiez le contenu de DemoController.java

Créez un fichier HTML sous ressources / modèles Faites un clic droit sur les modèles-> Nouveau fichier-> index.html-> ʻEnter`

Modifiez le contenu de HTML de manière appropriée Exemple: Si vous souhaitez créer du HTML à l'aide de bootstrap4, reportez-vous à Comment écrire html + bootstrap4 dans Visual Studio Code. Écran ouvert: http: // localhost: 8080 La méthode d'index de la classe de contrôle est appelée et le contenu de index.html est affiché à l'écran, non? La construction de l'environnement de développement Spring Web est désormais réussie.

la fin

Dans les prochains articles, j'écrirai sur la connexion à la base de données, l'ajout d'autres dépendances, l'édition des fichiers de conception, etc.