综合实验指导书Word文件下载.docx
- 文档编号:5741175
- 上传时间:2023-05-05
- 格式:DOCX
- 页数:21
- 大小:808.51KB
综合实验指导书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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 综合 实验 指导书