jsp点击一个按钮,点击以后弹出登录页面,输入账号密码,执行登录程序
时间: 2023-05-30 18:01:39 浏览: 145
在jsp页面中添加一个按钮,并绑定一个点击事件,点击事件触发后,调用JavaScript函数弹出登录页面:
<button onclick="showLogin()">登录</button>
<script>
function showLogin() {
window.open("login.jsp","_blank","width=400,height=300");
}
</script>
在login.jsp中,添加一个表单用于输入账号密码,并绑定一个提交事件,提交事件触发后,调用Servlet程序进行登录验证:
<form action="LoginServlet" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="登录">
</form>
在LoginServlet中,获取表单提交的账号密码,进行验证,如果验证通过,跳转到主页面;否则,返回登录页面并提示错误信息:
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
if (username.equals("admin") && password.equals("123456")) {
// 验证通过,跳转到主页面
response.sendRedirect("index.jsp");
} else {
// 验证失败,返回登录页面并提示错误信息
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println("<script>alert('用户名或密码错误!');</script>");
out.println("<script>window.location.href='login.jsp';</script>");
}
}
}