1. 程式人生 > 實用技巧 >java 前端和後端通過Servlet互動 寫一個登入程式

java 前端和後端通過Servlet互動 寫一個登入程式

//html部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--頁面標題-->
<title>登陸頁面</title>
</head>
<body>
<!--表單 錄入資料,把資料給後端伺服器
action:執行url動作 請求的資源路徑
input標記是from表單標記中的1一個高頻率使用的標記
input標記中type=submit 表達的是 想把form表單中的所有資料打包成from形式提交給後端伺服器
如果 type=button 那麼該按鈕就是一個簡單的普通的按鈕,具備滑鼠點選的功能-->
<form action="login">
<!--輸入框 行標記 不能設定寬與高 不獨自佔一行 placeholder底部資訊-->
<input type="text" name="username" placeholder = "使用者名稱/郵箱/手機號"><br>
<!--password 暗文輸入-->
<input type="password" name="password"placeholder="密碼"><br>
<input type="submit" value="登入"><br>
<!--超連結 a標記 指定跳轉的資源路徑href-->
<a href="forgetPass">忘記密碼</a>



//java Servlet
部分
package com.zhiyou100;

import javax.servlet.*;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/login")
public class LoginServlet implements Servlet {
//提供服務的
@Override
public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
//轉換成支援Http協議類的
HttpServletRequest request = (HttpServletRequest)servletRequest;
HttpServletResponse response = (HttpServletResponse)servletResponse;
//設定可以接收帶中文的文字資訊 getParameter("引數名稱")如果是表單引數通過name屬性值獲取引數值
request.setCharacterEncoding("UTF-8");
//設定可以相應給瀏覽器客戶端支援的中文文字資訊
response.setContentType("text/html;charset=UTF-8");
//凡是客戶端提交的引數值,一般情況下該引數值的資料型別都是String
String username = request.getParameter("username");
String password = request.getParameter("password");
//假定使用者名稱是張三 你的密碼是123456 &&短路與前面不相等
if (username.equals("張三") && password.equals("123456")){//==換成.equals
//表明使用者名稱密碼都正確
//恭喜你登陸成功!!!
response.getWriter().write("恭喜你,登陸成功!");
}else{
//您的使用者名稱或密碼不正確,請重新登入
response.getWriter().write("您的使用者名稱或密碼不正確,請重新登入。");
}
}






@Override
public void init(ServletConfig servletConfig) throws ServletException {

}

@Override
public ServletConfig getServletConfig() {
return null;
}

@Override
public String getServletInfo() {
return null;
}

@Override
public void destroy() {

}
}