java web应用和开发界面设计.docx

《java web应用和开发界面设计.docx》由会员分享，可在线阅读，更多相关《java web应用和开发界面设计.docx（11页珍藏版）》请在冰豆网上搜索。

javaweb应用和开发界面设计

实验报告

课程名称：

JavaWeb应用开发

实验项目：

界面设计

专业班级：

姓名：

学号：

实验室号：

实验组号：

实验时间：

2批阅时间：

指导教师：

成绩：

沈阳工业大学实验报告

专业班级：

计学号：

姓名：

实验名称：

javaweb应用和开发

一、实验目的

1熟悉编写javaweb的基本工具。

2设计并完成一定的界面设计

二、实验内容

1.制作用户登录和注册界面（布局和样式）。

2.制作成绩表格（oopwebjavadatdbaseaverage）。

三程序运行时的操作环境

windows操作系统下的Dreamweaver软件

四效果图

1初始界面（登录）

2注册界面

3响应事件效果图

4表格制作效果图

五相关代码

1主界面设计代码

functioncheck（）{

if（document.form1.username.value==""）{

alert（"用户名不能为空！

"）;

document.form1.username.focus（）;

returnfalse;

}

if（document.form1.password.value==""）{

alert（"密码不能为空！

"）;

document.form1.password.focus（）;

returnfalse;

}

else{

alert（"登录成功！

"）;

returntrue;

}

}

用户登录（带*为必填项）

用户名：

*

密码：

*

还没有账号?

点我

2注册界面代码

functioncheck（）{

if（document.form1.username.value==""）{

alert（"用户名不能为空！

"）;

document.form1.username.focus（）;

returnfalse;

}

if（document.form1.password.value==""）{

alert（"密码不能为空！

"）;

document.form1.password.focus（）;

returnfalse;

}

if（document.form1.repassword.value!

=document.form1.password.value）{

alert（"两次输入的密码不一致！

"）;

document.form1.repassword.focus（）;

returnfalse;

}

else{

alert（"注册成功！

请登录！

"）;

window.history.back（-1）;

returntrue;

}

}

用户注册（带*为必填项）

用户名：

*

密码：

*

密码确认：

*

3表格制作代码

functionhid_show（）{

varobj1=document.getElementById（"div1"）;

varobj2=document.getElementById（"div2"）;

if（obj1.style.display=="none"）{

obj1.style.display="block";

obj2.style.display="none";

document.getElementById（"button"）.value="添加成绩单";

}

else{

obj1.style.display="none";

obj2.style.display="block";

document.getElementById（"button"）.value="显示成绩表";

}

}