单层架构,JSP+JSP
login.jsp
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> <HTML> <HEAD> <TITLE>单层架构</TITLE> </HEAD> <BODY> <span id="tips"></span> <form name="loginForm" action="doLogin.jsp" method="post"> 用户名:<input type="text" id="username" name="username"> 密码:<input type="password" id="password" name="password"> <hr> <input type="button" value="提交" onclick="ok()"> </form> </BODY> <script language="javascript"> function ok(){ var username = document.getElementById("username").value; var password = document.getElementById("password").value; if(username == "" || password == ""){ // alert("用户名或密码不能为空!"); document.getElementById("tips").innerHTML="<font color='red'>用户名或密码不能为空!</font>"; }else{ document.loginForm.submit(); } } </script> </HTML>
doLogin.jsp
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> <html> <head> <title>处理登录请求</title> </head> <body> <% request.setCharacterEncoding("GBK"); String userName = request.getParameter("username"); String password = request.getParameter("password"); if("黄启庆".equals(userName) && "123456".equals(password)){ out.println("登录成功!"); }else{ out.println("用户名或密码错误,登录失败!"); } %> </body> </html>