學生管理系統之登陸註冊web程式
阿新 • • 發佈：2019-01-08
基於mysql資料庫,html5,css3,jsp,js（省市二級聯動，輸入驗證）的登陸註冊頁面web程式。
（資料庫用的mysql，對person表進行操作的，使用者名稱root，密碼為12345）
1.首先是註冊頁面（Register.jsp）的程式碼：
住址的地方利用了js省市二級聯動
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="Page.css" type="text/css" rel="stylesheet"> <script language="javascript" src="judge.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>註冊頁面</title> <script language=javascript> cities = new Object(); cities['臺灣']=new Array('臺北','臺南','其他'); cities['河北省']=new Array('石家莊', '張家口', '承德', '秦皇島', '唐山', '廊坊', '保定', '滄州', '衡水', '邢臺', '邯鄲'); cities['山西省']=new Array('太原', '大同', '朔州', '陽泉', '長治', '晉城', '忻州', '呂梁', '晉中', '臨汾', '運城'); cities['遼寧省']=new Array('瀋陽', '朝陽', '阜新', '鐵嶺', '撫順', '本溪', '遼陽', '鞍山', '丹東', '大連', '營口', '盤錦', '錦州', '葫蘆島'); cities['吉林省']=new Array('長春', '白城', '松原', '吉林', '四平', '遼源', '通化', '白山', '延邊'); cities['黑龍江省']=new Array('哈爾濱', '齊齊哈爾', '黑河', '大慶', '伊春', '鶴崗', '佳木斯', '雙鴨山', '七臺河', '雞西', '牡丹江', '綏化', '大興安'); cities['江蘇省']=new Array('南京', '徐州', '連雲港', '宿遷', '淮陰', '鹽城', '揚州', '泰州', '南通', '鎮江', '常州', '無錫', '蘇州'); cities['浙江省']=new Array('杭州', '湖州', '嘉興', '舟山', '寧波', '紹興', '金華', '台州', '溫州', '麗水'); cities['安徽省']=new Array('合肥', '宿州', '淮北', '阜陽', '蚌埠', '淮南', '滁州', '馬鞍山', '蕪湖', '銅陵', '安慶', '黃山', '六安', '巢湖', '池州', '宣城'); cities['福建省']=new Array('福州', '南平', '三明', '莆田', '泉州', '廈門', '漳州', '龍巖', '寧德'); cities['江西省']=new Array('南昌', '九江', '景德鎮', '鷹潭', '新餘', '萍鄉', '贛州', '上饒', '撫州', '宜春', '吉安'); cities['山東省']=new Array('濟南', '聊城', '德州', '東營', '淄博', '濰坊', '煙臺', '威海', '青島', '日照', '臨沂', '棗莊', '濟寧', '泰安', '萊蕪', '濱州', '菏澤'); cities['河南省']=new Array('鄭州', '三門峽', '洛陽', '焦作', '新鄉', '鶴壁', '安陽', '濮陽', '開封', '商丘', '許昌', '漯河', '平頂山', '南陽', '信陽', '周口', '駐馬店'); cities['湖北省']=new Array('武漢', '十堰', '襄攀', '荊門', '孝感', '黃岡', '鄂州', '黃石', '咸寧', '荊州', '宜昌', '恩施', '襄樊'); cities['湖南省']=new Array('長沙', '張家界', '常德', '益陽', '岳陽', '株洲', '湘潭', '衡陽', '郴州', '永州', '邵陽', '懷化', '婁底', '湘西'); function set_city(province, city) { var pv, cv; var i, ii; pv=province.value; cv=city.value; city.length=1; if(pv=='0') return; if(typeof(cities[pv])=='undefined') return; for(i=0; i<cities[pv].length; i++) { ii = i+1; city.options[ii] = new Option(); city.options[ii].text = cities[pv][i]; city.options[ii].value = cities[pv][i]; } } </script> </head> <body> <form action="Connect1.jsp" method="post"> <table border="0" align="center" width="900" cellspacing="5"> <tr><td colspan="3" align="center" height="40" class="font11"><h4>註冊系統賬號</h4></td></tr> <tr><td> </td><td> </td> <td> </td></tr> <tr><td align="right" class="font-b"><b>賬號：</b></td> <td><input autofocus type="text" placeholder="請輸入使用者名稱" name="Zhanghao" required aria-required="true"></td> <td class="font12">*使用者名稱必須以字母開頭，後跟下字母、劃線或數字！</td> </tr> <tr><td align="right" class="font-b"><b>密碼：</b></td> <td><input type="password" placeholder="請輸入密碼"name="Mima" size="21" required aria-required="true"></td> <td class="font12">*登入密碼，至少6位！</td> </tr> <tr><td align="right" class="font-b"><b>確認密碼：</b></td> <td><input type="password" placeholder="請再次輸入密碼"name="Mima1" size="21" required aria-required="true"></td> <td class="font12">*請再輸入一次密碼！</td> </tr> <tr><td align="right" class="font-b"><b>姓名：</b></td> <td><input type="text"placeholder="請輸入個人姓名" name="Name"></td> </tr> <tr><td align="right" class="font-b"><b>年齡：</b></td> <td><input type="text"placeholder="請輸入年齡" name="Age"></td> </tr> <tr><td align="right" class="font-b"><b>性別：</b></b> <td><input type="radio" name="Sex" value="男">男 <input type="radio"placeholder="請輸入性別" name="Sex" value="女">女</td> </tr> <tr><td align="right" class="font-b"><b>出生地 </b> <td class="font-b">省份： <SELECT name="Where" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();"> <option value=0>請選擇</option> <option value=臺灣>臺灣</option> <option value=河北省>河北省</option> <option value=山西省>山西省</option> <option value=遼寧省>遼寧省</option> <option value=吉林省>吉林省</option> <option value=黑龍江省>黑龍江省</option> <option value=江蘇省>江蘇省</option> <option value=浙江省>浙江省</option> <option value=安徽省>安徽省</option> <option value=福建省>福建省</option> <option value=江西省>江西省</option> <option value=山東省>山東省</option> <option value=河南省>河南省</option> <option value=湖北省>湖北省</option> <option value=湖南省>湖南省</option> </SELECT> - 市 <select id="city" class=login_text_input name="Where1"> <option value=0>請選擇</option> </select> </td> </tr> <tr><td align="right" class="font-b"><b>自我介紹：</b></td> <td><textarea name="Jieshao" cols="35" rows="6"> </textarea></td> </tr> <tr><td align="right"></td> <td><input type="button" value="檢驗" onClick="validate()"></td> <td></td> </tr> <tr><td></td> <td><input type="submit" value="註冊" > <input type="reset" value="重置"> <a href="Land.jsp" class="font12">去登陸~~~</a></td> </tr> </table> </form> </body> </html>
2.登陸（Land.jsp）介面程式碼：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="Page.css" type="text/css" rel="stylesheet"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>登陸頁面~~~</title> </head> <body > <% request.setCharacterEncoding("UTF-8"); %> <center> <form action=" Judge.jsp" method="post"> <table width="300" border="0" cellspacing="6" cellpadding="0" align="center"> <tr><td colspan="2" align="center" height="50" class="font11"><h3>登陸</h3></td></tr> <tr><td> </td><td> </td></tr> <tr><td> </td><td> </td></tr> <tr> <td align="right" class="font-b"> 帳號: </td> <td align="center"> <input autofocus type="text" placeholder="請輸入使用者名稱" name="zhanghao" class="name02" required aria-required="true"> </td> </tr> <tr><td> </td><td> </td></tr> <tr> <td align="right" class="font-b"> 密碼: </td> <td align="center" > <input type="password" placeholder="請輸入密碼" name="mima" class="name02" required aria-required="true"> </td> </tr> <tr><td> </td><td> </td></tr> <tr> <td align="right"> </td> <td align="left"> <input type="image" name="" src="D:/image/login.gif" border="0" onclick="login(); return false;" class="buttonImg" title="登入"> <input type="image" name="" src="D:/image/reset.gif" border="0" onclick="reset(); return false" class="buttonImg" title="重設"> <a href="Register.jsp" class="font12">去註冊~~~</a> </td> </tr> </table> </table> </form> </center> </body> </html>
3.註冊連線資料庫，並將資料寫入資料庫的程式碼（Connect1.jsp）
<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.sql.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>註冊驗證頁面</title> </head> <body> <% String url="jdbc:mysql://localhost/student?user=root&password=12345&useUnicode=true&characterEncoding=UTF-8"; Class.forName("com.mysql.jdbc.Driver"); Connection conn=DriverManager.getConnection(url); String sql="INSERT INTO person VALUE(?,?,?,?,?,?,?,?)"; PreparedStatement pstmt=conn.prepareStatement(sql); request.setCharacterEncoding("UTF-8"); String zh=request.getParameter("Zhanghao"); String pwd=request.getParameter("Mima"); String name=request.getParameter("Name"); int age=Integer.parseInt(request.getParameter("Age")); String sex=request.getParameter("Sex"); String dz=request.getParameter("Where"); String dz1=request.getParameter("Where1"); String js=request.getParameter("Jieshao"); pstmt.setString(1, zh); pstmt.setString(2, pwd); pstmt.setString(3, name); pstmt.setInt(4, age); pstmt.setString(5, sex); pstmt.setString(6, dz); pstmt.setString(7, dz1); pstmt.setString(8, js); int n=pstmt.executeUpdate(); if(n==1){%> <center><h1>註冊成功！</h1><br> <h4>2秒後返回登陸介面~~~~~</h4> </center> <%response.setHeader("refresh", "2; URL = Land.jsp");%> <% } else{%><center><h1>註冊失敗！</h1><br> <h4>2秒後返回註冊介面！！！！！1</h4> </center> <%response.setHeader("refresh", "2; URL = Register.jsp");%> <%} if(pstmt!=null){pstmt.close();} if(conn!=null){conn.close();}%> </body> </html>
4.登陸驗證頁面程式碼（Judge.jsp）
<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.sql.*"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>驗證頁面</title>
</head>
<body>
<%request.setCharacterEncoding("UTF-8");
session.setAttribute("ZH", null);
String url="jdbc:mysql://localhost/student?user=root&password=12345&useUnicode=true&characterEncoding=UTF-8";
Class.forName("com.mysql.jdbc.Driver");
Connection conn=DriverManager.getConnection(url);
String sql="select zh,pwd from person";
PreparedStatement pstmt=conn.prepareStatement(sql);
ResultSet rs=pstmt.executeQuery();
rs.beforeFirst();
while(rs.next()){
String zhh=request.getParameter("zhanghao");
String pwdd=request.getParameter("mima");
if(((String)rs.getString("zh")).equals(zhh)&&((String)rs.getString("pwd")).equals(pwdd)){
session.setAttribute("ZH", request.getParameter("zhanghao"));
response.setHeader("refresh", "0; URL = Display1.jsp");
}
}
if(session.getAttribute("ZH")==null){
response.setHeader("refresh", "0; URL = Display2.jsp");
}
%>
</body>
</html>
5.登陸成功顯示個人資訊的介面程式碼（Display1.jsp）
<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.sql.*"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="Page.css" type="text/css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>個人資訊頁面</title>
</head>
<body>
<%request.setCharacterEncoding("UTF-8");
String url="jdbc:mysql://localhost/student?user=root&password=12345&useUnicode=true&characterEncoding=UTF-8";
Class.forName("com.mysql.jdbc.Driver");
Connection conn=DriverManager.getConnection(url);
String sql="select *from person where zh=?";
PreparedStatement pstmt=conn.prepareStatement(sql);
pstmt.setString(1,(String)session.getAttribute("ZH"));
ResultSet rs=pstmt.executeQuery();
rs.beforeFirst();
while(rs.next()){
out.print("<center><font class='font15'>"+"個人資訊列表"+"</font><br><br>");
out.print("<font class='font12'>"+"賬號："+"</font>"+rs.getString("zh")+"<br><br><br><br>");
out.print("<font class='font12'>"+"姓名："+"</font>"+rs.getString("name")+"<br><br><br><br>");
out.print("<font class='font12'>"+"年齡："+"</font>"+rs.getInt("age")+"<br><br><br><br>");
out.print("<font class='font12'>"+"性別："+"</font>"+rs.getString("sex")+"<br><br><br><br>");
out.print("<font class='font12'>"+"出生地："+"</font>"+rs.getString("dz")+" "+rs.getString("dz1")+"<br><br><br><br>");
out.print("<font class='font12'>"+"自我描述："+"</font>"+rs.getString("js"));
out.print("</center>");
}
%>
<a href="Update.jsp" class="font12"><h3>修改</h3></a>
<a href="Land.jsp" class="font12"><h4>重新登陸</h4></a>
<a href="Register" class="font12"><h4>重新註冊</h4></a>
</body>
</html>
6.登陸失敗顯示的介面程式碼（Display2.jsp）
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<center><h2>登陸失敗！！</h2>
2秒後自動轉到登陸介面~~
</center>
<%response.setHeader("refresh", "2; URL = Land.jsp"); %>
</body>
</html>7.註冊介面輸入判斷的javascript程式碼（judge.js）
function validate(){
var name=document.forms[0].Zhanghao.value;
var pwd=document.forms[0].Mima.value;
var pwd1=document.forms[0].Mima1.value;
var reg=/[a-zA-Z]\w*/;
if(name.length<=0)alert("使用者名稱不能為空！");
else if(!reg.test(name))alert("使用者名稱格式不正確！");
else if(pwd.length<6)alert("密碼長度必須大於6！");
else if(pwd!=pwd1)alert("兩次密碼不一致！");
}
function show(){
var url="jdbc:mysql://localhost/student?user=root&password=12345&useUnicode=true&characterEncoding=UTF-8";
Class.forName("com.mysql.jdbc.Driver");
var conn=DriverManager.getConnection(url);
var sql="select zh from person";
var pstmt=conn.prepareStatement(sql);
request.setCharacterEncoding("UTF-8");
var rs=pstmt.executeQuery();
rs.beforeFirst();
var i=0;
while(rs.next()){
subMenu.style.display=rs.getString("zh");
}
}
8.更新介面的程式碼（Updat.jsp）其實和註冊頁面差不多
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="Page.css" type="text/css" rel="stylesheet">
<script language="javascript" src="judge.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>更新個人資訊頁面</title>
<script language=javascript>
cities = new Object();
cities['臺灣']=new Array('臺北','臺南','其他');
cities['河北省']=new Array('石家莊', '張家口', '承德', '秦皇島', '唐山', '廊坊', '保定', '滄州', '衡水', '邢臺', '邯鄲');
cities['山西省']=new Array('太原', '大同', '朔州', '陽泉', '長治', '晉城', '忻州', '呂梁', '晉中', '臨汾', '運城');
cities['遼寧省']=new Array('瀋陽', '朝陽', '阜新', '鐵嶺', '撫順', '本溪', '遼陽', '鞍山', '丹東', '大連', '營口', '盤錦', '錦州', '葫蘆島');
cities['吉林省']=new Array('長春', '白城', '松原', '吉林', '四平', '遼源', '通化', '白山', '延邊');
cities['黑龍江省']=new Array('哈爾濱', '齊齊哈爾', '黑河', '大慶', '伊春', '鶴崗', '佳木斯', '雙鴨山', '七臺河', '雞西', '牡丹江', '綏化', '大興安');
cities['江蘇省']=new Array('南京', '徐州', '連雲港', '宿遷', '淮陰', '鹽城', '揚州', '泰州', '南通', '鎮江', '常州', '無錫', '蘇州');
cities['浙江省']=new Array('杭州', '湖州', '嘉興', '舟山', '寧波', '紹興', '金華', '台州', '溫州', '麗水');
cities['安徽省']=new Array('合肥', '宿州', '淮北', '阜陽', '蚌埠', '淮南', '滁州', '馬鞍山', '蕪湖', '銅陵', '安慶', '黃山', '六安', '巢湖', '池州', '宣城');
cities['福建省']=new Array('福州', '南平', '三明', '莆田', '泉州', '廈門', '漳州', '龍巖', '寧德');
cities['江西省']=new Array('南昌', '九江', '景德鎮', '鷹潭', '新餘', '萍鄉', '贛州', '上饒', '撫州', '宜春', '吉安');
cities['山東省']=new Array('濟南', '聊城', '德州', '東營', '淄博', '濰坊', '煙臺', '威海', '青島', '日照', '臨沂', '棗莊', '濟寧', '泰安', '萊蕪', '濱州', '菏澤');
cities['河南省']=new Array('鄭州', '三門峽', '洛陽', '焦作', '新鄉', '鶴壁', '安陽', '濮陽', '開封', '商丘', '許昌', '漯河', '平頂山', '南陽', '信陽', '周口', '駐馬店');
cities['湖北省']=new Array('武漢', '十堰', '襄攀', '荊門', '孝感', '黃岡', '鄂州', '黃石', '咸寧', '荊州', '宜昌', '恩施', '襄樊');
cities['湖南省']=new Array('長沙', '張家界', '常德', '益陽', '岳陽', '株洲', '湘潭', '衡陽', '郴州', '永州', '邵陽', '懷化', '婁底', '湘西');
function set_city(province, city)
{
var pv, cv;
var i, ii;
pv=province.value;
cv=city.value;
city.length=1;
if(pv=='0') return;
if(typeof(cities[pv])=='undefined') return;
for(i=0; i<cities[pv].length; i++)
{
ii = i+1;
city.options[ii] = new Option();
city.options[ii].text = cities[pv][i];
city.options[ii].value = cities[pv][i];
}
}
</script>
</head>
<body>
<form action="UpdateConnect.jsp" method="post">
<table border="0" align="center" width="900" cellspacing="5">
<tr><td colspan="3" align="center" height="40"><h1><font color="red">更改個人資訊</font></h1></td></tr>
<tr><td align="right" class="font-b"><b>賬號：</b></td>
<td><input type="text" name="Zhanghao" ></td>
<td class="font12">*使用者名稱必須以字母開頭，後跟下字母、劃線或數字！</td>
</tr>
<tr><td align="right" class="font-b"><b>密碼：</b></td>
<td><input type="password" name="Mima" size="21"></td>
<td class="font12">*登入密碼，至少6位！</td>
</tr>
<tr><td align="right" class="font-b"><b>確認密碼：</b></td>
<td><input type="password" name="Mima1" size="21"></td>
<td class="font12">*請再輸入一次密碼！</td>
</tr>
<tr><td align="right" class="font-b"><b>姓名：</b></td>
<td><input type="text" name="Name"></td>
</tr>
<tr><td align="right" class="font-b"><b>年齡：</b></td>
<td><input type="text" name="Age"></td>
</tr>
<tr><td align="right" class="font-b"><b>性別：</b></b>
<td><input type="radio" name="Sex" value="男">男
<input type="radio" name="Sex" value="女">女</td>
</tr>
<tr><td align="right" class="font-b"><b>出生地 </b>
<td class="font-b">省份：
<SELECT name="Where" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();">
<option value=0>請選擇</option>
<option value=臺灣>臺灣</option>
<option value=河北省>河北省</option>
<option value=山西省>山西省</option>
<option value=遼寧省>遼寧省</option>
<option value=吉林省>吉林省</option>
<option value=黑龍江省>黑龍江省</option>
<option value=江蘇省>江蘇省</option>
<option value=浙江省>浙江省</option>
<option value=安徽省>安徽省</option>
<option value=福建省>福建省</option>
<option value=江西省>江西省</option>
<option value=山東省>山東省</option>
<option value=河南省>河南省</option>
<option value=湖北省>湖北省</option>
<option value=湖南省>湖南省</option>
</SELECT> - 市
<select id="city" class=login_text_input name="Where1">
<option value=0>請選擇</option>
</select> </td>
</tr>
<tr><td align="right" class="font-b"><b>自我介紹：</b></td>
<td><textarea name="Jieshao" cols="35" rows="6"> </textarea></td>
</tr>
<tr><td align="right"></td>
<td><input type="button" value="檢驗" onClick="validate()"></td>
<td></td>
</tr>
<tr><td></td>
<td><input type="submit" value="確定修改" >
<input type="reset" value="重置">
</tr>
</table>
</form>
</body>
</html>9.更新連線資料庫修改資料的程式碼（UpdateConnect.jsp）
<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.sql.*"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<% String url="jdbc:mysql://localhost/student?user=root&password=12345&useUnicode=true&characterEncoding=UTF-8";
Class.forName("com.mysql.jdbc.Driver");
Connection conn=DriverManager.getConnection(url);
String sql="update person set zh=?,pwd=?,name=?,age=?,sex=?,dz=?,dz1=?,js=? where zh=?";
PreparedStatement pstmt=conn.prepareStatement(sql);
request.setCharacterEncoding("UTF-8");
String zh=request.getParameter("Zhanghao");
String pwd=request.getParameter("Mima");
String name=request.getParameter("Name");
int age=Integer.parseInt(request.getParameter("Age"));
String sex=request.getParameter("Sex");
String dz=request.getParameter("Where");
String dz1=request.getParameter("Where1");
String js=request.getParameter("Jieshao");
String a=(String)session.getAttribute("ZH");
pstmt.setString(1, zh);
pstmt.setString(2, pwd);
pstmt.setString(3, name);
pstmt.setInt(4, age);
pstmt.setString(5, sex);
pstmt.setString(6, dz);
pstmt.setString(7, dz1);
pstmt.setString(8, js);
pstmt.setString(9, a);
int n=pstmt.executeUpdate();
if(n==1){
session.setAttribute("ZH",zh);
%>
<center><h1>修改成功！</h1><br>
<h4>2秒後返回個人資訊介面~~~~~</h4> </center>
<%response.setHeader("refresh", "2; URL = Display1.jsp");%>
<% }
else{%><center><h1>修改失敗！</h1><br>
<h4>2秒後返回修改介面！！！！！1</h4> </center>
<%response.setHeader("refresh", "2; URL = Update.jsp");%>
<%}
if(pstmt!=null){pstmt.close();}
if(conn!=null){conn.close();}%>
</body>
</html>
10.最後就是css程式碼了（Page.css）
@CHARSET "UTF-8";
body{
background-image:url(D:/image/4.jpg);
backgrounb-repeat:no-repeat;
background-size:100%;
}
.font11 {
font-family: "微軟雅黑","黑體";
font-size: 35px;
color: #000000;
vertical-align: top;
position:relative;
font-style:italic ;
font-weight:300;
text-shadow:-6px -6px 4px gray
}
.btn01 {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
background-image: url(D:/image/login.gif);
height: 21px;
width: 49px;
background-repeat: no-repeat;
background-position: center center;
}
.input01 {
height: 21px;
width: 220px;
border: 1px solid #666666;
}
.font-b {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #003366;
}
.font12 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: red;
}
.font13 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: black;
}
.name01{
width:180px;
height:20px;
border:none;
}
.name02{
outline-color: #c0c0c0;
outline-style: groove;
outline-width: medium;
width:200px;
height:20px;
}
.font15 {
font-family: Arial;
font-size: 35px;
color: #0000ff;
vertical-align: top;
position:relative;
font-style:italic ;
font-weight:900
}
input[type="text"]:focus,input[type="password"]:focus{
border:1px solid gray;
background-color:#FEC0DC;
}
.font16 {
font-family: "微軟雅黑","黑體";
font-size: 24px;
color: red;
vertical-align: top;
position:relative;
font-style:italic ;
text-decoration: none;
font-weight: 900;
text-shadow: -6px -6px 4px gray;
}