java web应用和开发界面设计文档格式.docx
- 文档编号:18248658
- 上传时间:2022-12-14
- 格式:DOCX
- 页数:11
- 大小:60.83KB
java web应用和开发界面设计文档格式.docx
《java web应用和开发界面设计文档格式.docx》由会员分享,可在线阅读,更多相关《java web应用和开发界面设计文档格式.docx(11页珍藏版)》请在冰豆网上搜索。
一、实验目的
1熟悉编写javaweb的基本工具。
2设计并完成一定的界面设计
二、实验内容
1.制作用户登录和注册界面(布局和样式)。
2.制作成绩表格(oopwebjavadatdbaseaverage)。
三程序运行时的操作环境
windows操作系统下的Dreamweaver软件
四效果图
1初始界面(登录)
2注册界面
3响应事件效果图
4表格制作效果图
五相关代码
1主界面设计代码
<
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
title>
用户登录<
/title>
/head>
scriptlanguage="
javascript"
>
functioncheck(){
if(document.form1.username.value=="
"
){
alert("
用户名不能为空!
);
document.form1.username.focus();
returnfalse;
}
if(document.form1.password.value=="
密码不能为空!
document.form1.password.focus();
else{
登录成功!
returntrue;
/script>
body>
formaction="
name="
form1"
onSubmit="
returncheck()"
<
tablewidth="
421"
border="
1"
align="
center"
tr>
tdheight="
35"
colspan="
2"
bgcolor="
#00FF00"
&
nbsp;
/td>
/tr>
30"
fontcolor="
#FF0000"
size="
+1"
strong>
/strong>
/font>
(带<
*<
为必填项)<
tdwidth="
116"
height="
45"
用户名:
289"
inputtype="
text"
username"
19"
/>
*<
41"
密码:
td>
password"
20"
46"
submit"
Submit"
value="
登录"
reset"
重置"
/>
还没有账号?
ahref="
注册.html"
点我<
/a>
/table>
/form>
/body>
/html>
2注册界面代码
用户注册<
linkhref="
style.css"
rel="
stylesheet"
type="
text/css"
if(document.form1.repassword.value!
=document.form1.password.value){
两次输入的密码不一致!
document.form1.repassword.focus();
注册成功!
请登录!
window.history.back(-1);
密码确认:
repassword"
注册"
3表格制作代码
html>
style>
#div1{
border:
1pxsolid#FFFFFF;
width:
550px;
height:
70;
display:
block;
border-color:
#FF0000;
font-size:
14px;
}
#div2{
1pxsolid#FFF000;
none;
#FFFF00;
/style>
functionhid_show(){
varobj1=document.getElementById("
div1"
varobj2=document.getElementById("
div2"
if(obj1.style.display=="
none"
){
obj1.style.display="
block"
;
obj2.style.display="
document.getElementById("
button"
).value="
添加成绩单"
}
else{
显示成绩表"
body>
center>
onClick="
hid_show()"
id="
br/>
/div>
divid="
558"
114"
cellpadding="
0"
cellspacing="
captionalign="
valign="
top"
h1>
学生成绩表<
/h1>
/caption>
thheight="
36"
姓名<
/th>
th>
OOP<
Web<
Java<
Database<
Average<
tralign="
39"
小张<
98<
100<
96<
小王<
97<
99<
54"
添加成绩单<
price"
7"
>
10"
提交"
/center>
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- java web应用和开发界面设计 web 应用 开发 界面设计