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

上传人:b****5 文档编号:7420783 上传时间:2023-05-11 格式:DOCX 页数:11 大小:60.83KB
下载 相关 举报
java web应用和开发界面设计.docx_第1页
第1页 / 共11页
java web应用和开发界面设计.docx_第2页
第2页 / 共11页
java web应用和开发界面设计.docx_第3页
第3页 / 共11页
java web应用和开发界面设计.docx_第4页
第4页 / 共11页
java web应用和开发界面设计.docx_第5页
第5页 / 共11页
java web应用和开发界面设计.docx_第6页
第6页 / 共11页
java web应用和开发界面设计.docx_第7页
第7页 / 共11页
java web应用和开发界面设计.docx_第8页
第8页 / 共11页
java web应用和开发界面设计.docx_第9页
第9页 / 共11页
java web应用和开发界面设计.docx_第10页
第10页 / 共11页
java web应用和开发界面设计.docx_第11页
第11页 / 共11页
亲,该文档总共11页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

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

《java web应用和开发界面设计.docx》由会员分享,可在线阅读,更多相关《java web应用和开发界面设计.docx(11页珍藏版)》请在冰点文库上搜索。

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

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="显示成绩表";

}

}



学生成绩表

姓名

OOP

Web

Java

Database

Average

小张

98

100

96

98

98

小王

96

100

97

99

98

添加成绩单

姓名

OOP

Web

Java

Database

Average

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 自然科学 > 物理

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2