[JAVA] Mise en œuvre de la fonction d'authentification avec Spring Security ②

** Ceci est une continuation de Dernière fois. ** **

4. Implémentation de l'écran de connexion.

-Cette fois, nous allons l'implémenter comme écran de connexion. Cependant, puisque la fonction d'authentification n'est pas implémentée, ** Si vous appuyez sur un bouton de l'écran de connexion, l'écran changera quel que soit le contenu du formulaire **.

-L'image de composition du fichier est la suivante. J'ai écrit le commentaire en tant que Zura, veuillez donc le supprimer si vous n'en avez pas besoin.

· Le code est comme suit.

`java:SpringLogin.app.controller/LoginController.java`



package SpringLogin.app.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;

//import SpringLogin.app.service.UserService;

@Controller
public class LoginController {

//    @Autowired
//    UserService userService;

    @GetMapping("/login")
    public String getSignUp(Model model) {
        return "login";
    }
    
    //Appuyez sur Soumettre sur le formulaire pour demander la méthode de publication. Cette méthode sera activée lors de la réception d'une demande d'URL écrite entre ().
    @PostMapping("/login")
    public String postSignUp(Model model) {
    	/*
Cette fois, nous utiliserons la redirection. Utilisez la redirection lors du croisement de fichiers tels que les transitions d'écran
Vous pouvez considérer cela comme un appel à la méthode Get.
Avance normale sans redirection pour essayer(return "ｘｘｘ";)Ensuite, l'écran lui-même sera affiché, mais l'URL ne changera pas.
Si vous faites cela, vous ne pourrez peut-être pas recevoir les données que vous souhaitez recevoir à la destination de la transition, il est donc préférable d'utiliser la redirection.
    	*/
        return "redirect:/userList";
    }

}

:templates/login.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"></meta>
</head>
<body>
    <!--Partie contenu-->
    <div>
    	<!-- method="post"Vous pouvez émettre une demande de publication en définissant. e:Spécifiez la méthode de traitement de la publication en action par URL.-->
        <form method="post" th:action="@{/login}">
	        <div>
	        	<label>Username:</label>
	        	<!--Bien qu'il ne soit pas utilisé dans cette implémentation, l'attribut de nom est spécifié. Il sera utilisé plus tard pour l'authentification.-->
	        	<input type="text" name="username" />
	        </div>
	        <div>
	        	<label>Password:</label>
	        	<input type="password" name="password" />
	        </div>

    		<button type="submit">login</button>
        </form>
    </div>
</body>
</html>

・ Une fois que vous avez écrit le code, vérifiez l'application sur votre navigateur. ** Modifications d'URL ** → http: // localhost: 8080 / login Lorsque la page s'affiche, appuyez sur le bouton Connexion et confirmez que vous passez à la liste des utilisateurs. Assurez-vous que l'URL a changé pour le moment.

・ Ce n'est pas grave si vous pouvez faire une transition comme une vidéo!

Désormais, ce sera la partie principale de cet article. Le volume est susceptible d'augmenter ici aussi, alors désactivez-le une fois. Suite ici.