1. Méthode pure JSP pour implémenter la fonction de connexion utilisateur
(1) Idées de mise en œuvre
- Dans la page de connexion login.jsp, après avoir saisi le nom d'utilisateur et le mot de passe, il passe à la page de traitement de connexion doLogin.jsp pour le traitement de la logique métier. Si la connexion réussit, il passe à la page de réussite de connexion success.jsp. Sinon, il passe à la page d'échec de connexion, Failure.jsp.
(2) Étapes de mise en œuvre
1. Créez un projet Web
- Commencez par créerJava Entrepriseprojet, ajouterApplication WebFonction
-
Définissez le nom du projet sur LoginDemo et définissez l'emplacement de sauvegarde
-
Cliquez sur le bouton [Terminer]
-
Modifiez le nom de l'artefact dans la fenêtre de structure du projet - LoginDemo01 et supprimez le suffixe.
-
Modifier la configuration du serveur et redéployer le projet
-
Tout d'abord, l'onglet [Serveur]
-
Passez ensuite à l'onglet [Déploiement]
2. Créez une page de connexion
- Créer une page de connexion -connexion.jsp
- code affiché comme ci-dessous
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="doLogin.jsp" method="post">
<table border="1" cellpadding="10" style="margin: 0px auto">
<tr>
<td align="center">账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td align="center">密码</td>
<td><input type="password" name="password"/></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="登录"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
3. Créez une page de traitement de connexion
- Créer une page de traitement de connexion -doLogin.jsp
- code affiché comme ci-dessous
<%
// 获取登录表单数据
String username = request.getParameter("username");
String password = request.getParameter("password");
// 判断登录是否成功
if (username.equals("无心剑") && password.equals("903213")) {
// 跳转到登录成功页面,传递用户名
response.sendRedirect("success.jsp?username=" + username);
} else {
// 跳转到登录失败页面,传递用户名
response.sendRedirect("failure.jsp?username=" + username);
}
%>
4. Créez une page de réussite de connexion
- Page de réussite de connexion -succès.jsp
- code affiché comme ci-dessous
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜,<%=request.getParameter("username")%>,登录成功!</h3>
</body>
</html>
5. Créez une page d'échec de connexion
- Créer une page d'échec de connexion -échec.jsp
- code affiché comme ci-dessous
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜,<%=request.getParameter("username")%>,登录成功!</h3>
</body>
</html>
6. Modifier la page d'accueil du projet
- Page d'accueil du projet -index.jsp
- code affiché comme ci-dessous
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="doLogin.jsp" method="post">
<table border="1" cellpadding="10" style="margin: 0px auto">
<tr>
<td align="center">账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td align="center">密码</td>
<td><input type="password" name="password"/></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="登录"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
(3) Résultats des tests
- Démarrez le serveur et affichez la page d'accueil
- Cliquez sur le lien hypertexte [Aller à la page de connexion]
- Entrez le nom d'utilisateur et le mot de passe corrects (Wuxinjian : 903213)
- Cliquez sur le bouton [Connexion] pour accéder à la page de réussite de la connexion
- Revenez à la page de connexion et entrez un nom d'utilisateur ou un mot de passe erroné.
- Opération d'enregistrement d'écran