综合实验指导书Word文件下载.docx
《综合实验指导书Word文件下载.docx》由会员分享，可在线阅读，更多相关《综合实验指导书Word文件下载.docx（21页珍藏版）》请在冰点文库上搜索。
通过Jframe,HTML，CSS，javascript,jquery等技术实现
新用户注册界面：
整体上是一个DIV然后里面有一个form表单采用HTML，CSS，javascript,jquery等技术
管理员登录界面：
基本同上
车辆管理界面后台：
使用Jframe框架，一共分为三个部分，头部，列表栏，还有内容区采用HTML，CSS，javascript,jquery等技术
车辆管理管理员界面：
3、代码
用户登录界面实现：
UserLogin.jsp
<
%@pagelanguage="
java"
contentType="
text/html;
charset=UTF-8"
pageEncoding="
UTF-8"
%>
<
%@taglibprefix="
c"
uri="
%>
>
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
"
http:
//www.w3.org/TR/html4/loose.dtd"
html>
head>
metahttp-equiv="
Content-Type"
content="
charset=ISO-8859-1"
linkrel="
stylesheet"
type="
text/css"
href="
%=request.getContextPath（）%>
/User/css/userlogin.css"
scripttype="
text/javascript"
src="
c:
urlvalue='
/jquery/jquery-1.5.1.js'
/>
"
/script>
/User/js/Login.js'
title>
用户登录<
/title>
/head>
body>
divid="
divbg"
>
divtb"
formaction="
../filter/UserLoginServlet"
method="
post"
tableid="
table"
tr>
tdclass="
tdText"
/td>
tdid="
title"
span>
/span>
tdError"
/tr>
用户名:
tdInput"
inputtype="
text"
name="
username"
class="
inputClass"
labelclass="
errorClass"
用户名不能为空<
/label>
密码:
password"
userpassword"
image"
/images/login1.jpg"
id="
dl"
atarget="
_blank"
../register/Register.jsp"
imgsrc="
/images/zc2.jpg"
zc"
/a>
/table>
/form>
/div>
divsj"
border:
3px;
table>
td>
ahref="
/Driver/DriverRegister.jsp"
traget="
/images/sjrz.jpg"
sjrz"
../../Driver/DriverLogin.jsp"
/images/sjdl.jpg"
sjdl"
span1"
_BLANK"
../../Admin/AdminLogin.jsp"
:
admin<
/body>
/html>
用户注册界面实现：
UserRegister.jsp
import="
java.util.*"
%
Stringpath=request.getContextPath（）;
StringbasePath=request.getScheme（）+"
//"
+request.getServerName（）+"
+request.getServerPort（）+path+"
/"
;
DOCTYPEHTMLPUBLIC"
basehref="
%=basePath%>
用户注册<
pragma"
no-cache"
cache-control"
expires"
0"
keywords"
keyword1,keyword2,keyword3"
description"
Thisismypage"
--
styles.css"
-->
/User/css/userregister.css"
/>
Charset="
GB2312"
/User/js/register.js'
divMain"
divTitle"
spanid="
spanTitle"
新用户注册<
divBody"
../filter/UserRegisterServlet?
tableForm"
用户名<
loginname"
loginnameError"
密码<
loginpass"
loginpassError"
确认密码<
reuserpassword"
reloginpass"
reloginpassError"
Emile<
useremile"
loginemile"
loginemileError"
电话号码<
usertelePhone"
loginphone"
loginphoneError"
验证码<
usercode"
logincode"
logincodeError"
td>
divVerifyCode"
imgid="
imgVerifyCode"
/carSystem/VerifyCodeServlet"
label>
javascript:
_hyz（）"
换一张<
/images/regist1.jpg"
submitBtn"
用户注册CSS实现：
UserRegister.css
@CHARSET"
#divMain{margin-left:
240px;
}
#divTitle{line-height:
30px;
width:
880px;
height:
1pxsolid#d0d0d0;
background:
url（/carSystem/images/bg_btns.png）repeat-x0px-132px;
#spanTitle{margin-left:
18px;
font-weight:
900;
#divBody{width:
400px;
border-left:
border-bottom:
border-right:
.tdText{width:
300px;
text-align:
right;
.tdError{width:
#tableForm{line-height:
40px;
.inputClass{width:
32px;
1pxsolid#7f9db9;
line-height:
padding-left:
10px;
#imgVerifyCode{width:
100px;
#divVerifyCode{text-align:
center;
1pxsolid#e2e2e2;
.errorClass{background:
url（/carSystem/images/error.png）no-repeat;
color:
#f40000;
font-size:
10pt;
1pxsolid#ffb8b8;
background-color:
#fef2f2;
padding:
8px8px8px35px;
用户注册javascript实现：
/*
*验证码换一张
**/
function_hyz（）{
$（"
#imgVerifyCode"
）.attr（"
src"
"
/carSystem/VerifyCodeServlet?
a="
+newDate（）.getTime（））;
*切换注册按钮的图片
$（function（）{
.errorClass"
）.each（function（）{
showError（$（this））;
}）
$（"
#submitBtn"
）.hover（
function（）{
$（"
/carSystem/images/regist2.jpg"
）;
},
/carSystem/images/regist1.jpg"
}
）
/*
*输入框得到焦点隐藏错误信息
*/
$（"
.inputClass"
）.focus（function（）{
varlabelId=$（this）.attr（"
id"
）+"
Error"
#"
+labelId）.text（"
showError（$（"
+labelId））;
}）
）.blur（function（）{
varid=$（this）.attr（"
varfunName="
valitade"
+id.substring（0,1）.toUpperCase（）+id.substring
（1）+"
（）"
eval（funName）;
}）
*登陆名校验*/
functionvalitadeLoginname（）{
varid="
varvalue=$（"
+id）.val（）;
/*
*1进行非空校验
*/
if（!
value）{
+id+"
）.text（"
用户名不能为空!
showError（$（"
））;
returnfalse;
}
*2长度校验
if（value.length<
3||value.length>
20）{
用户名长度必须在3~20之间!
*3是否注册校验
returntrue;
*密码校验
functionvalitadeLoginpass（）{
密码不能为空!
密码长度必须在3~20之间!
*确认密码校验
functionvalitadeReloginpass（）{
确认密码不能为空!
if（value!
==$（"
#loginpass"
）.val（））{
两次输入不一致"
*Emile校验
*
functionvalitadeLoginemile（）{
邮箱不能为空!
/^（[a-zA-Z0-9_-]）+@（[a-zA-Z0-9_-]）+（（\.[a-zA-Z0-9_-]{2,3}）{1,2}）$/.test（value））{
邮箱格式错误!
*电话号码校验
functionvalitadeLoginphone（）{
电话号不能为空!
if（value.length!
==11）{
不是正确的电电话号码!
returnfa
升级会员 