web程序设计实验二
web实验二
下面所有程序需要首先，建立一个在MyEclipse里的NEW-→JA V A project; 然后输入JA V A 工程的名字；第三，右键点击工程的名字，NEW-→package, 然后输入包的名字；第四，所有的工程都在这个包里完成实训一JA V A语言基础一、实训目的1.掌握标识符的定义规则。
2.掌握表达式的组成。
3.掌握Java 基本数据类型及其使用方法。
4.理解定义变量的作用，掌握定义变量的方法。
5.掌握各种运算符的使用及其优先级控制。
6.通过以上内容，掌握Java 语言的编程规则。
二、实训要求1.编写一个声明Java 不同数据类型变量的程序。
2.编写一个使用运算符、表达式、变量的程序。
3.编写表达式语句、复合语句的程序。
三、实验内容1.了解变量的使用范围（1）建立LX2_2.java 文件，通过本程序了解变量的使用范围，源代码如下。
public class LX2_2 {static int i=10;public static void main(String args[]) {{int k=10;System.out.println("i="+i);System.out.println("k="+k);}System.out.println("i="+i);System.out.println("k="+k);//编译时将出错，已出k 的使用范围}}（2）编译LX2_2.java此时会出现错误提示。
因为变量k 在方法中的语句块中声明，在方法块之外它是不存在的，所以编译时会出错。
（3）思考：LX2_2.java 程序说明了什么问题？3.使用关系运算符和逻辑运算符（1）建立使用关系运算符和逻辑运算符的程序文件，源代码如下。
class LX2_3 {public static void main(String args[]) {int a=25, b=20, e=3, f=0;boolean d=a<b;System.out.println("a=25,b=20,e=3,f=0");System.out.println("因为关系表达式a<b 为假，所以其逻辑值为："+d);if (e!=0 && a/e>5)System.out.println("因为e 非0 且a/e 为8 大于5，所以输出a/e＝"+a/e);if (f!=0 && a/f>5)System.out.println("a/f = "+a/f);elseSystem.out.println("因为f 值为0，所以输出f = "+f);}}（2）编译并运行该程序，请写出运行结果。
WEB程序设计上机实验二
北京服装学院商学院上机实验报告实验名称：学生信息管理网站的设计与开发学生姓名：Masoon指导教师：实验日期：实验二学生信息管理网站的设计与开发一、实验名称学生信息管理网站的设计与开发二、实验目的(1)理解MVC框架的具体含义.(2)掌握Java的基础语法和编程规范.(3)掌握SQL语言的语法.(4)掌握JSP和SERVLET的语法以及五个内置对象的使用.(5)掌握JSP的工作原理.(6)学会运用JSP+SERVLET+DATABASE进行网站的设计和开发.三、实验内容1．根据需求进行网站框架的设计2．根据模块设计进行数据库设计3．网站源代码开发和测试4．将工程部署到TOMCAT服务器上5．实验报告的书写四、实验要求与步骤(1)设计网站的框架(2)根据框架设计进行数据库的设计；(3)进行编码工作(4)测试i.进行用户页面数据的正确性测试（例如年龄是否为整数的测试；E-mail格式是否正确的测试等等）ii.对网页的调转方向是否正确进行测试；iii.对网页显示信息是否有乱码进行测试；iv.对网页显示信息是否符合业务逻辑进行测试.(5)部署i.配置部署环境(JDK+TOMCAT)ii.将开发的工程文件复制到$TOMCAT\webapps\iii.在IE浏览中打开http://localhost:8080/login.jsp(6)完成实验报告1．查询数据的分页显示功能；2．学生注册的照片上传和查询显示；3．部署环境的具体配置方法和系统是如何部署到Tomcat中的；在这里选择页面右键工程，之后导出，war文件，将war文件放入tomcat文件夹下的webapps文件夹中，之后运行tomcat在浏览器中输入http://localhost:8080/HH/index.jsp4．整个系统的使用说明；共有七个网页，组成一个网站，网站从index.jsp作为首页的开始，包括，login.jsp，sign.jsp，Download.jsp，delete.jsp，show.jsp，showResult.jsp，vote.jsp 等页面。
WEB程序设计实验二
WEB程序设计实验二WEB程序设计实验二武汉工程大学计算机科学与工程学院《Web系统与技术》实验报告专业班级学生学号学生姓名实验项目实验类别设计性实验时间实验地点指导教师实验二服务器控件实验学时4实验目的：熟悉标准控件、HTML控件、有效性验证控件的使用，学习用C#编写CodeBehind代码，以实现相应的功能。
实验内容和要求：1．参考实验指导书的实验步骤，完成实验4、实验5。
2．在1的基础上完成以下3项设计，并将实验主要代码、运行结果、收获和总结写入实验报告：1）计算器（改进功能）2）简单的考试（5题，自动评分，题目和答案存放在数组中）3）用户注册（仿照常见网站的注册页面）报告应在2周内完成，并以学号+姓名+实验二为名交电子文档。
实验目的及要求类别上机表现报告质量说明：成绩评定表评分标准按时出勤、遵守纪律认真完成各项实验内容填写内容完整、体现设计过程和结果，实验总结能体现问题和收获分值30分得分70分合计评阅教师：陈艳日期：年月日实验内容1．设计并实现一个简易的计算器，代码和WEB运行结果如下图所示：代码：WEB运行结果：《Web系统与技术》实验报告2．简单的考试（5题，自动评分，题目和答案存放在数组中），代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告WEB运行结果：《Web系统与技术》实验报告3.设计并实现一个带验证控件的用户注册页面，代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告WEB运行结果：实验总结通过本次实验，让我学会了如何去做一个简单地计算器、如何去实现一个单选题的测试页面和如何去设计一个用户注册页面，让我熟悉了标准控件、HTML 控件、有效性验证控件的使用。
在实验中遇到不少问题，有些代码不会写，也不知道如何去写，通过和同学们一起讨论，最后终于将代码运行成功了，在WEB界面实现了各种页面效果，与此同时，我学会如何去很好的使用C#编写CodeBehind代码，以实现相应的功能。
WEB程序设计实验指导书
10、修改服务端口。用记事本或其他文本编辑器打开server.xml文件，定位到93行，将94行的“8080”修改为需要的端口号，如“8090”。重新启动Tomcat，在浏览器地址栏输入90，可见类似图1-1的界面，说明端口修改成功。
6、安装下载的Tomcat V5.0.16程序。选择一个安装路径，这里假定安装路径为C:\Tomcat5.0，其他设置可用安装程序的默认设置。
7、安装完后启动tomcat。启动成功后，任务栏的托盘处可见一含有绿色三角标记的Apache Tomcat图标。
8、在浏览器地址栏输入，如果看见图1-1的界面，说明JSP运行环境配置成功。
3、接下来需要配置一些环境变量。右键单击“我的电脑”，在弹出菜单中选择“属性”，进入“高级”中的“环境变量”；新建一个系统变量JAVA_HOME，其值设为C:\j2sdk1.4.2；又新建一个系统变量CLASSPATH，其值设为.;%JAVA_HOME%\lib；修改系统变量PATH的值，在原值基础上加上%JAVA_HOME%\bin;。
实验2页面设计与HTML的使用
一、实验目的
1、掌握页面设计的基本技巧；
2、掌握使用HTML语言制作静态页面的技术；
3、了解网站的基本建立过程；
4、掌握使用Frontpage或者Dreamweaver制作网页的基本技术。
二、实验内容
1、简易静态网站页面设计与制作。围绕某一主题设计站点页面，并使用HTML制作。
5、实验前应该先选定所要创建网站的主题（如：个人网站、自我推荐网站、班级网站、某种专题网站等）和风格；
西交大web程序设计第2次上机实验报告
《Web程序设计》第2次上机作业1、创建网页，要求在浏览器中显示下面的结果：代码:<html><head><title>2-1</title><meta charset="utf-8" /></head><body><h1>   2-1 标记<font>的使用</h1><font size="5">该标记设置颜色的格式如下，<br><font color=颜色>文本</font><br>例如：<br><font color=red>红色文本</font>的结果如下：<br><font color="red" size="5">红色文本</font></font></body></html>运行结果:2、创建网页，网页中的内容如下，可以粘贴到记事本上：第二章HTML 基础2.1 HTML 文档的结构HTML标签告诉浏览器HTML文件的开始和结束,HTML文档中所有的内容都在这两个标签之间。
头部标签放置页面的标题以及文件信息等内容,这两个标签之间的内容统称作HTML的头部，位于头部的内容都不会在网页上直接显示。
主体标签放置绝大多数HTML的内容。
要求设置的网页格式如下：（1）章为标题h1，居中，黑体，红色（2）节为标题h2，居左，楷体，绿色（3）正文有三段，设置为宋体，蓝色代码:<html><head><title>2-2</title><meta charset="utf-8" /></head><body><h1 align="center"><font color="green" face="楷体">2.1 HTML 文档的结构</font></h1><h2 align="left"><font color="red" face="黑体">第二章HTML 基础</font></h2><font color="蓝色" face="宋体">  HTML标签告诉浏览器HTML文件的开始和结束,HTML文档中所有的内容都在这两个标签之间。
WEB技术基础实验指导书(实验2)
实验二、简单网页设计一、实验目的1．掌握JavaScript脚本的编写方法；2．掌握Javascript脚本操作DOM元素及常用方法调用；3．掌握HTML页面与Javascript脚本关联使用。
二、实验内容1．编写一个能够输入学生成绩的界面；2．编写Javascript代码，增加输入框并计算总成绩；3．编写一个显示当前时间的DIV文本块。
三、实验步骤1.编写一个能够计算学生成绩的界面；1)需要实现的界面如下：2)要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；<html><head><title>JavaScript 实例</title></head><script language="JavaScript">var num=10;var names=new Array(num);var scores=new Array(num);for (i=0;i<num;i++){names[i]="";scores[i]="60";}function init(){}function calculate(){var total=0;for (i=0;i<num;i++){names[i]=frmMain.txtName[i].value;scores[i]=frmMain.txtScore[i].value;total+=parseInt(scores[i])}frmMain.txtAverage.value=parseInt(total/num);frmMain.txtTotal.value=num;}function getStudents(n){var content="";for (i=0;i<n;i++){content+="学生姓名：<input type='text' id='txtName' size=8 value='"+names[i]+"'> ";content+="学生成绩：<input type='text' id='txtScore' size=5 value='"+scores[i]+"'><br>";}return content;}function increaseArray(arr){var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;i<arr.length;i++)arrTemp[i]=arr[i];return arrTemp;}function addStudent(){names=increaseArray(names);scores=increaseArray(scores);names[num]="";scores[num]="60";num++;document.getElementById("students").innerHTML+=getStudents(1);}</script><body onload="init()">学生成绩录入：<hr><form id="frmMain">学生平均分：<input type="text" id="txtAverage" size=4> 学生人数：<input type="text" id="txtTotal" size=4><br><hr><br><div id="students"><script language="JavaScript">document.write(getStudents(num));</script></div><hr><input type="button" value="计算" onclick="calculate() "> <input type="button" value="增加" onclick="addStudent() "> </form></body></html>3)下面是本界面的部分源代码，请将其补充完整；<!--单击、计算平均分、增加行、使用数组。
《Web程序设计》实验指导书
(3) 按 Ctrl +F5 运行网页，查看效果如图 T.2 所示。
图 T.2 运行效果
【练习 2】发布 Web 应用程序。 (1) 这里选择 Visual Studio 中的提供的预编译部署功能进行简单的网站部署测试。在 Visual Studio 2008 中选择【生成】菜单下的【发布网站】 ，弹出如图 T.3 所示的对话框，选择 网站发布的目标位置，点击确定。
Web 程序设计实验
2015-2016 第二学期
B130505/B130506
目
录
实验 1 创建与发布 应用程序 ............................................................................ 1 目的与要求 ....................................................................................................................... 1 内容和步骤 ....................................................................................................................... 1 实验 2 C#程序设计 ................................................................................................................ 3 目的与要求 ....................................................................................................................... 3 内容和步骤 ........................................................................................................................... 3 实验 3 内置对象的应用 ........................................................................................................ 4 目的与要求 ....................................................................................................................... 4 内容和步骤 ....................................................................................................................... 4 实验 4 服务器控件应用 ..................................................................................... 9
Web程序设计实验指导书
Web程序设计实验指导书杨松波2010.09实验一 C#和3.5一．实验目的(1)了解C#语言规范(2)掌握C#基础语法、流程控制和异常处理等。
(3)掌握创建C#类并应用于3.5 Web窗体中的方法。
二.实验内容及要求1.转换输入的成绩到相应的等级要求如下：（1）页面浏览效果如图1-1所示（2）成绩输入使用TextBox控件。
（3）点击Button控件时输出相应的等级信息，其中等级信息输出在一个Label上图1-1 成绩转换浏览效果2.在Web窗体上输出九九乘法表浏览效果如图1-2所示图1-2 “九九乘法表”浏览效果3.输入一组以空格间隔的共10个以内的整数，输出该组整数的降序排列要求如下：（1）页面浏览效果如图1-3所示。
（2）输入使用TextBox控件。
（3）单击Botton控件时输出所有整数的降序排列。
（4）必须使用数组。
图1-3 降序排列浏览效果4.计算两个数的商要求如下：（1）页面浏览效果如图1-4和图1-5所示。
（2）输入使用两个TextBox控件。
（3）单击Botton控件时输出两个数的商。
（4）必须包含异常处理。
图1-4 计算商浏览效果（1）图1-5计算商浏览效果（2）5.设计一个用户信息类UserInfo要求如下：（1）包括两个属性：姓名（Name）和生日（Birthday）。
（2）包括一个方法DecideAge（）用于判断用户是否达到规定年龄。
当年龄大于等于18岁时返回值“XXX，您是成年人了!”; 当年龄小于18岁时返回值“XXX，您还没长大呢!”。
6.将UserInfo类应用于Web窗体中页面浏览效果如图1-6和图1-7所示。
图1-6 UserInfo类浏览效果图（1）图1-7 UserInfo类浏览效果图（2）三.实验步骤1. 转换输入的成绩到相应的等级（1）设计Web窗体新建一个Web窗体，切换到设计视图。
如图1-8所示，向页面添加1个TextBox控件、1个Botton控件和1个Lable控件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验二HTML表单实验学号:092715206 姓名:崔兆文1.1 实验目的通过实验掌握HTML的table标签使用方法；利用table进行页面布局。
掌握html表单的基本制作方法。
1.2 实验要求请完成实验并将实验过程写在下面的实验内容部分，每题要求给出题目、源代码（带必要的注释）以及程序运行效果截图。
1.3 实验内容题1：利用表格实现如下登陆界面的布局（整体居中），并利用文本框控件制作用户名和密码输入框，利用按钮控件实现登陆按钮：备注：（1）整个网页有灰色背景（2）表格宽度由第二行图片宽度决定，第一和第三行高度35，第二行放置一个蒲公英的图片作为该行背景，行的高度由图片高度决定（3）第三行放置相应的控件实现类似效果即可。
源代码：<html><head><meta charset="UTF-8"><title></title><style>.align-center{text-align: center;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}</style></head><body bgcolor="#8B8386"><div class="align-center"><form><table border="1" cellspacing="1" cellpadding="1"align="center" ><tr><td height="35" bgcolor="blue"></td></tr><tr><td><img src="img/img1.jpg" height="100%"></td></tr> <tr><td height="35" bgcolor="blue" align="center"> <font color="white" >用户名：<input type="text" size="7"> 密码：<input type="password"size="7"></font> <input type="submit" value="登入"/></td></tr><tr><td bgcolor="dodgerblue" align="center"height="80px"><font color="white" >用户名和密码与作业提交系统一致<br/>copyringht ~***********</font></td></tr></table></form></div></body></html>运行效果截图：题2：制作如下图所示的居中登陆框效果。
备注：（1）表格整体宽度300像素，该表格位于一个div标签中，div有灰色的边框，表格分若干行（自己决定几行，做出类似效果即可）。
（2）点击登录按钮后跳转到如下页面。
（该页面使用了一个textarea控件），宽度差不多就行）（3）点击“继续”按钮跳转到如下页面，表格宽度和各列宽度自己定，做出类似效果即可。
提示：表格边框色可以在table中添加“bordercolor=…”属性实现将上面三个页面的源码，分别粘贴在下面，并将你最终的页面运行效果截图粘贴在下面。
源代码：第一个页面：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.align-center{text-align:center;width:300px;height:300px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}div{border:1px solid grey;}</style></head><body><div class="align-center"><form><table border="0" cellspacing="0" cellpadding="3"width="300px"><tr><td bgcolor="orange" align="center" height="55px">登入</td></tr><tr><td align="center" height="100px">账号 <input type="text" placeholder="账号/手机/邮箱"></br></br>密码 <inputtype="password" placeholder="请输入密码"></td></tr><tr><td align="center" height="100px"><ahref="pac2.html"><input type="button" value="登入" style="width: 200px; height: 30px;"></a></br></br><input type="button" value="创建新账号" style="width: 200px; height: 30px;"></td></tr><tr><td align="center"><font size="2">找回密码 注册账户</font></td></tr></table></form></div></body></html>第二个页面：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form><textarea cols="30" rows="10" wrap="hard" readonly="yes"readonly="readonly">欢迎注册一站网运维平台系统，请详细阅读本协议，需同意后方能继续。
</textarea></br>我同意：<label><input type="checkbox" id="yes" /></label><a href="pac3.html"><input type="button" id="继续" value="继续" disabled="true"></a><a href="题2.html"><input type="button" value="退出"></a></body><script type="text/javascript">(function(){var cb=document.getElementById("yes");cb.onclick=function(){if(cb.checked==true){document.getElementById("继续").disabled=false;}else{document.getElementById("继续").disabled=true;}}})();</script></html>第三个页面：<html><head><meta charset="UTF-8"><title></title></head><body><form method="post"><table border="1" bordercolor="#0099ff" cellpadding="10px" cellspacing="0"><tr><th colspan="3">注册页面</th></tr><tr><td>用户名：</td><td><input type="text" name="name" value="--请输入用户名--"/> </td><td><font color="#FF0000">*不能以数字、下划线开头</font></td> </tr><tr><td>密码：</td><td><input type="password" name="password" /></td><td><font color="#FF0000">*数字和字母的组合</font></td></tr><tr><td>确认密码：</td><td><input type="password" nam="password" /></td><td><font color="#FF0000">*重新输入上面的密码</font></td></tr><tr><td>性别：</td><td><input type="radio" name="sex" value="nan"checked="checked"/>Man<input type="radio" name="sex" value="nv" />Woman</td><td><font color="#FF0000">*要慎重选择</font></td></tr><tr><td>技术：</td><td><input type="checkbox" name="technology"value="java"/>java<input type="checkbox" name="technology"value="html"/>html<input type="checkbox" name="technology" value="php"/>php <input type="checkbox" name="technology"value="Python">Python<input type="checkbox" name="technology" value="运维">运维 </td><td><font color="#FF0000">*可以多选</font></td></tr><tr><td>国籍：</td><td><select name="country"/><option value="none">---选择国家---</option><option value="cn">China</option><option value="usa">American</option><option value="en">English</option><option value="jp">Japan</option></td><td><font color="#FF0000">*选择自己所在的国家</font></td></tr><tr><th colspan="3"><input type="button" name="submit" value="提交" /></a> <input type="reset" name="reset" value="重置" /><button>验证</button></th></tr></table></form></body></html>运行效果截图：图1.登入界面居中图2.未点同意时“继续”按钮为灰色，无法选中图3.选中同意点击继续后的跳转界面1.4 实验总结本次实验主要复习了HTML的table的各种标签，以及表单的制作方法（控件和属性）。