1.创建视图层 jsp页面 (webContent目录下)
(1)登录界面 login.jsp
<%@ page language="java" contentType="textml; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<style type="texts">
#d1{
width: 500px;
margin: auto;
border: solid 1px;
border-radius: 10px;
}
h2{
text-align: center;
}
#d2{
width: 300px;
height:50px;
margin:0 auto;
}
<yle>
<body>
<div id="d1">
<h2>用户登录</h2>
<form action="loginServlet" method="post">
用户名: <input type="text" name="username" placeholder="用户名">
<br><br>
密 码: <input type="password" name="password" placeholder="密码">
<br> <br>
<div id="d2">
<input type="submit" value="登录">
<a href="register.jsp">注册 </a>
</div>
</form>
</div>
</body>
<ml>
(2)注册界面register.jsp
<%@ page language="java" contentType="textml; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面</title>
</head>
<style type="texts">
#d1{
width: 500px;
margin: auto;
border: solid 1px;
border-radius: 10px;
}
h2{
text-align: center;
}
#d2{
width: 300px;
height:50px;
margin:0 auto;
}
<yle>
<body>
<div id="d1">
<h2>用户注册</h2>
<form action="registerServlet" method="post">
用户名:
<input type="text" name="username" id="uname" value="" οnblur="CUname()" alt="用户名"/>
<span id="unameSpan"></span><br><br>
密码:
<input type="password" name="password" id="pwd" value="" οnblur="CPwd()"/>
<span id="pwdSpan"></span><br><br>
确认密码:
<input type="password" name=" pwd2"id="pwd2" value="" οnblur="CPwd2()"/>
<span id="pwd2Span"></span><br> <br>
<div id="d2">
<input type="reset" name="reset" id="reset" value="重置" οnblur="Clog()"/>
<input type="submit" name="log" id="log" value="注册" οnblur="Clog()"/>
</div>
</form>
</div>
</body>
<script type="text/javascript">
//用户名
function CUname(){
var uname=document.getElementById("username").value;
var span=document.getElementById("unameSpan");
if(uname=="" || uname==null){