交互式实验报告
学院：电气与信息工程学院
专业：电子信息科学与技术
班级：电子信息1002
姓名：向建军学号：10401701339
陈叙文学号：10401701327
指导老师：胡真华
实验名称：实验一机器人认识实验
实验任务：
认识能力风暴机器人的基本结构。
学会能力风暴机器人的连接、检测和程序下载等操作。
观察记录自检时的状态
观察记录表演时的状态
打开走正方形例程，观察记录
实验内容、步骤：
一、机器人自检
按下机器人电源开关，会听到“嘟”的一声，LCD 上显示出“ASOS2002 Grandar AbilityStorms”，同时右下角有太极状的图标在跳。太极图跳动表示AS-MII 的系统运行正常。按一下“运行”键，机器人就开始自检了，LCD 上会显示“ AS-MII Intelligent Robot Test”。自检内容共有九项，一项内容自检完成后，再按一下运行键，将进行下一项检测内容。下面就让我们逐项看一看：
1. LCD 液晶显示是否正常？
字符显示清晰，16×2 个字符不应有缺行、缺列现象。
2. 扬声器（喇叭）是否正常？
扬声器所播放的乐曲应清晰洪亮，无明显噪声。
3. 光敏传感器是否正常？
左右光敏传感器的感应数值随光强不同而变化，其范围为0～255。光强越弱，数值越大，光强越强，数值越小。在相同光强条件下，左右两光敏传感器数值偏差小于10。
如：（photo L172 R210 ）表示左边的光线强。
4. 红外传感器是否正常？
在前方10cm～80cm 范围内，有A4 纸大小的障碍物时，在LCD 上会有“<<<<”符号显示，并指明障碍物所在的方位（左前、右前或者正前）。
如： <<<<
IR Test
表示机器人左前方有障碍。
5. 话筒是否正常？
对着AS-UII 话筒槽孔（蜂窝状小孔）说话，看LCD 上的 > 是否增加。
6. 碰撞传感器是否正常？
按动机器人下部的碰撞环，在LCD 上能显示碰撞方位。
7. 运动系统是否正常？
机器人可移动、转弯，同时在LCD 上显示光电编码器累计计数值和瞬时电机转速。
如：Motor 30 L 100
Test 31 R 100
表示左电机速度100，右电机速度100，左轮转过30 个单位，右轮转过31 个单位。
8. 光电编码器是否正常？
机器人左、右轮子分别转动1 圈，轮子内侧码盘也随之转动1 圈，LCD 上显示光电编码器的计数值约为 33。轮子连续转动，LCD 上则显示光电编码器的累计计数值。。
自检程序全部完成后，按一下复位键，机器人就会停止运行。最后关闭电源开关。也可以不按复位键，直接关闭电源开关。
二、机器人表演
打开机器人电源开关，连接好数据线。单击菜单栏中“工具（T）”选项卡，在弹出的下拉菜单中单击“机器人表演程序”，运行表演程序下载成功后，把串口通信线从机器人下载口拔下来，就可以让机器人表演了。
机器人表演程序包含6 个程序，说明如下：
(1) 电子琴 Piano―――从不同的方位触动碰撞环，机器人会发出不同的声音。
(2) 声与光 I'm in dark―――在明暗不同的光线下，机器人会发出不一样的叫声。
(3) 跟我走 Follow―――机器人会跟着前方的物体走。能力风暴就像一个可爱的宠物。
(4) 回声 Echo―――您叫机器人一声，机器人就会回应一声。能力风暴是不是很听话？
(5) 走向亮光 Goto light―――如果房间里点着一支蜡烛，机器人就会向蜡烛走过去。
(6) 三步舞 I'm dancing―――机器人还会跳舞呢，欣赏一下吧。
把机器人带到一块空旷平坦的地方（有2 米×2 米大小即可）,按运行键，就可以运行表演程序了。一个程序结束，再按一下运行键，就可以运行下一个程序。现在就开始吧！
想一想：表演程序分别用到了什么传感器？
三、打开走正方形例程观察。
“文件”—“打开”在VJC1.0安装目录下找到“例程”文件夹选择例程，来查看程序流程或代码。以“走正方形”为例：
void main() %程序开头%
{
{int i_2; %定义整形变量i_2%
for(i_2=0;i_2< 4 ;i_2++) %循环结构，变量初值，循环条件，步长%
{
drive( 80 ,0); %以相对速度80，前进%
wait ( 0.800000 ); %持续0.8秒%
stop(); %停止，结合上两句，意为以相对速度80，前进0.8秒后停止%
drive( 0 , 50); %以相对速度50，右转%
wait ( 0.150000 );
stop();
}}
}
走正方形时的程序框图：
想一想：更改wait中的时间，出现什么情况？
若改变直行后面wait中的时间，则会使前进距离变小，改变转向后面wait中的时间，会使转向角度改变，最后不是走出正方形。
自己编写程序。在LCD上显示“HELLO”？
实验名称：实验二机器人直走实验
实验目的：
掌握简单的程序设计、了解流程图文件的使用。
实验任务：
使用流程图文件进行程序的编写，要求机器人直行或者避开障碍物前行。
*用红外线传感器判断障碍物，并且躲避发出警报。
*机器人可以绕过障碍物，回到原来的直线行走。
实验内容、步骤：
1、流程图程序的使用。
文件：“新建”、“打开”、“保存”、“关闭”这些都是对文档最基本的操作；“输出JC程序”
可以将编好的程序以JC代码的形式存储。
编辑：在编写复杂程序的过程中，经常会用到多个子程序服务于一个主程序，这时编辑菜单中的“主程序”、“删除子程序”就为编程带来了便利。“编辑JC代码”可以把流程图程序的JC代码转换到JC代码编辑窗口中进行编辑修改。
视图：可以隐藏/显示VJC1.0界面中的工具条、JC代码显示区；“连接指示”则可以在流程图生成区各个模块的可连接位置显示/隐藏指示红点，帮助初学者掌握模块连接的技巧；
可以用“流程图背景”为流程图生成区更换背景；通过“放大、缩小流程图”、
“全图缩放”来调整流程图大小。
工具：分为“下载当前程序”、“下载JC程序文件”、“机器人自检程序”、“机器人表演程序“更新操作系统”、“设置选项”六个功能项。“下载当前程序”指将当前流程图程序下载到机器人中去；“机器人自检程序”提供了检测机器人各部分功能的程序；“更新操作系统”
可以恢复机器人的操作系统ASOS。工具栏
工具栏上有若干快捷按钮，使用起来很方便。各快捷按钮的作用如下图所示：
JC代码显示区
VJC1.5可以根据流程图程序自动生成JC语言的源程序。流程图编好后，点击“JC代码”快捷按钮，在“JC代码显示区”中就会显示与流程图对应的JC代码。
垃圾箱
在编程的过程中，可以将不用的模块移到“垃圾箱”处，在“垃圾箱”上点击一下，即可删除此模块。JC代码程序编辑界面
任何时候，通过“窗口”菜单可以直接选择JC代码编辑界面或者流程图编辑界面。
使用键盘上的“F12”键可以快速地在两个界面之间来回切换。
(2) 模块的基本操作
模块是编程的基本单元，对模块的操作也是经常要用到的。
模块的新增、连接和插入
从模块库选择一个模块的图标，把它移入流程图生成区，你的程序就新增了一个模块。要使这个模块在程序中变为有效，就需要将模块连接到流程图中。
模块的移动
基本方法：点击所需的模块，这个模块就处于“拿起”状态，可以随鼠标移动，将模块移动到目标位置，再点击鼠标，即可将模块“放下”。
模块的复制
图形模块的使用方法：
使用流程图工具来编写程序，首先构思好要编写的程序的流程图，再从模块库中选择相应的模块，设置好该模块的参数（右键单击模块），再在流程图生成区进行号相应的连接。变量百宝箱：
提供对变量进行管理的环境，提供30个变量，分为10类：亮度、地面灰度、声音、电池电量、整形、浮点数、时间、转角、碰撞、红外检测。在“引用变量”这一选项中，打开变量百宝箱进行变量的选择。今天实验主要用到红外检测和碰撞检测。
2、编程、下载、运行及调试。
（1）机器人直走，要求以速度75，向前运动3秒，停止2秒，再以速度100，继续向前运动2秒，停止。
（2）机器人直走，应用循环，（1）动作中作为循环体，循环三次。
（3）机器人直走，前进若干秒后（速度100，时间0.75秒），转180度，返回原地。（速度50，时间1秒）
思考题：
1）机器人直走实验中，为什么机器人直走状态保持太久（走远了），行动轨迹会偏移，如何调校？
答：左右电机相对效率不同才会导致机器人行动轨迹会偏移，多次试验，进行调节
2）使得机器人转45度、90度、180度、270度时，速度和时间分别应为？
答：取速度为50，机器人对应时间分别为0.250, 0.500, 1.000, 1.500。
3）在行走过程中用红外线判断障碍物，有障碍物时声音报警并避开，继续行走。
实验名称：实验三机器人你叫我应
实验目的：
深入学习流程图，学会应用各种传感器。
实验要求：
使用流程图进行编译，要求机器人实现应答的功能。
使用流程图进行编译，要求机器人可以根据指令作运动。
实验内容、步骤：
（1）在较安静的情况下，机器人静止不动，当有人发出声音时，有节奏的回应。
（2）在较安静的情况下，机器人静止不动，当有人发出声音时，机器人开始前进（躲避路途中的障碍）。
（3）在LCD上显示光线强度值。计算运行时间并显示出来。
思考题：
1）画出机器人应答的程序流程图（见下图）
2）机器人应答时，麦克风检测值设置为多少时最合适。
麦克风检测值设置为mic>180
3）记录不同地点的光线检测值，具体位置和值。
4）如果把光敏传感器检测值，改平均值为左右偏差，数值如何改变。
注意：
1、光敏传感器使用平均值
2、声音检测，值不可太大，避免机器人无反映，也不可太小，使得识别过度灵敏。
3、时间变量为浮点型。（float）
实验名称：实验四机器人航天飞船实验
实验目的：
深入熟悉流程图的语法编译，学会光敏传感器的应用。
实验要求：
应用光敏传感器，使用JC代码编写程序，要逐步脱离对流程图编译的依赖。
实验内容、步骤：
（1）机器人有趋光性，应用左右光敏传感器来判断光线强度，要求能发现远处的光源。（2）机器人到达光源附近后，围绕光源做圆周运动。
思考题：
（1）写出实验内容中的JC源代码。
void main()
{
int r,l; /*定义变量r左光敏l右光敏*/
int a1,a2,a3; /*定义标志位a1找光源方向a2靠近光源a3围绕光源转*/
int d1,d2; /*定义参数d1靠近光源左右方向参数d2旋转参数*/
a1=1;a2=0;a3=0; /*标志位设处值，a1设1则先执行找光源方向*/
while(1)
{
while(a1) /*执行a1找光源*/
{
r=photo(2);
l=photo(1);
printf("a1:r=%d,l=%d\n",r,l);
if(r<240||l<240) /*发现光源方向的条件*/
{a1=0;a2=1;} /*转到a2执行，靠近光源*/
drive(0,20); /*原地转，寻找光源方向*/
wait(0.1);
}
while(a2) /*执行靠近光源*/
{
r=photo(2);
l=photo(1);
d1=(l-r)*2; /*设置d1参数*/
printf("a2:r=%d,l=%d,d=%d\n",r,l,d1);
if(r<150||l<150) /*到达光源附近的条件*/
{a2=0;a3=1;} /*转到a3执行，围绕光源转圈*/
else if (r>240&&l>240) /*远离光源的条件*/
{a1=1;a2=0;} /*转到a1执行，寻找光源方向*/
drive(80,d1); /*靠近光源移动*/
wait(0.1);
}
while(a3) /*执行围绕光源转圈*/
{
r=photo(2);
d2=(r-150)*2+30; /*设置d2参数*/
printf("a3:r=%d,d=%d\n,r,d2");
drive(80,d2); /*围绕光源转动，先调整轨道，停留在r=150的圆圈轨道上运动*/
wait(0.01);
}
}
}
（2）当机器人在教室日光灯下，光强度为多少，如何有效设置光敏传感器的参数。
注意：
1、光敏传感器的灵敏度较低，反馈值的变化不稳定，做试验时开始先查看试验场地各处的光敏传感器反馈值的情况（离开光源较远的地方，从较远的地方向光源移动的途中，在光源附近的地方。）
2、机器人运动分为三个步骤（1）发现光源方向。（2）向光源运动。（3）围绕光源转圈。
实验名称：实验五、六机器人灭火实验
实验目的：
接触比较大规模的编程，激发学习和创新能力。
通过灭火的程序对JC的知识进行全面的巩固，熟练应用各种传感器。
实验要求：
要求使用JC代码编程，脱离流程图的编译。
实验内容、步骤：
机器人巡查火场各个房间，不重复，发现火源，灭火。
分析：
安装灭火套件。灭火套件包括风扇、电机、远红外火焰传感器和地面灰度检测卡。风扇用于灭火（火源是蜡烛），电机用于驱动风扇，远红外火焰传感器用于检测火源，远红外火焰传感器对热光源敏感。当远红外火焰传感器对准蜡烛时，相应的检测值将急剧减小。地面灰度检测卡用于检测地下的白线。我们在做实验时，没有灭火套间，所以将火源用光源代替。
机器人的行为简化为，进入火场，巡查房间，发现光源，停留，声音报警，离开火场。
灭火场地亮度检测。检测出火场中各个房间的亮度值。
调节红外传感器。
调节红外检测距离的具体步骤如下：（注意红外传感器接线端子的方向。）
下载下面的“红外调节”程序（图二），然后按一下机器人的“运行”键。将机器人的前面正对着障碍物，并量好机器人和障碍物之间的距离。先调节左红外发射距离。此时将右红外发射器的接线端子拔下，拧动左边的调节电位器旋钮，同时观察显示屏。当显示的数字为1时，说明机器人检测到左方有障碍物；当显示的数字为0时，说明机器人没有检测到障碍物。当显示的数字在0和1之间跳动时，说明机器人处于检测到与未检测到之间的临界状态，此时左红外就调好了。
图二调节红外程序
拔下左红外发射器的接线端子，再插上右红外的接线端子。拧动右边的调节电位器旋钮，即可调节右红外发射距离。当显示的数字为2时，说明机器人检测到右方有障碍物；当显示的数字为0时，说明机器人没有检测到障碍物。当显示的数字在0和2之间跳动时，说明机器人处于检测到与未检测到之间的临界状态，右红外就调好了。
将两个接线端子都插上，前后移动机器人，显示的数字如果在0和4之间跳动，红外检测距离的调节就完成了。
灭火场地：
搜索方面策略。
固定路线模式：在机器人灭火比赛中，比赛场地是固定不变的。蜡烛按规则随机摆放在任一房间中，要求机器人从白圈出发，去寻找火源并将其熄灭。因此灭火机器人可按照所设计的路线去逐一搜索房间，发现火源并将其熄灭。
固定路线走模式，从理论上分析分非常简单，只要控制好机器人的直行和转弯，但在实际应用中，由于地面的摩擦、机器人惯性、机器人电机的转数差、齿轮箱与轮子的摩擦、电压变化等因素，控制机器人直行和转90度有一定的难度，要经过反复的调试、降低机器人的速度、通过传感器矫正等过程。
沿墙走（走弧线）。沿墙走，顾名思义，即机器人靠近墙壁行走。机器人灭火比赛中，在所有队伍中使用沿墙壁走模式是最多的一种方法，尤其是左手走规则。左手走规则是指机器人始终沿着左边的墙壁行走，一直走完全程。该方法要求机器人能实现沿着墙壁前进，当拐弯或是门口时，机器人能自动转过去。机器人如果前方发现有障碍物，一般说明正对着墙，就右转90度（79，0.3），如果发现左方有障碍物，一般说明左侧对着墙，就右转约60度（79，0.2），否则划弧前进。在门口拐角处要求机器人处理碰撞，程序中，让机器人一旦检测到碰撞，就后退一点，再右转约60度。
左手规则例程：
寻找光源例程：
寻找光源是机器人灭火过程中的一个重要内容，为了迅速把火灭掉，在搜索房间时，要
求机器人一旦发现光源，就立刻向光源走过去。
机器人趋光的方式
实验名称：实验七机器人走迷宫实验
实验目的：
学习使用地面检测传感器。
通过迷宫的程序对JC的知识进行全面的巩固，熟练应用已用的各种传感器。
实验要求：
调用地面检测传感器确认出发和结束地。
调试运动参数使得机器人使用最少的时间走完迷宫。
实验内容、步骤：
1）机器人从迷宫入口出发，用最少的时间走出迷宫，到达迷宫的出口。
2）走出迷宫后显示出行走的时间（行走时间越少越好）。
分析：首先需要检测地面传感器函数surface() 的返回值与不同地面颜色标志的关联，这样才能让机器人分辨出迷宫的出口。编写程序如下：（进行检测地面传感器函数surface() 的返回值的采集，可在“找地雷场地”中找到环境。）
一般出现的地面标志圆圈颜色有三种，白、红、橙，对应的检测地面传感器函数surface() 的返回值依次为：0、170、128。对应黑色地面surface() 的返回值为255。本次实验迷宫环境中迷宫出口的地面标志圆圈颜色为橙色，如果surf_1 =surface()；surf_1=128，的条件成立，则可说明机器人走出迷宫。
在迷宫中的行走模式可采用沿墙走（走弧线）。沿墙走，顾名思义，即机器人靠近墙壁行走。机器人可采用左手走（右手走）规则。左手（右手走）走规则是指机器人始终沿着左边（右边）的墙壁行走，一直走完全程。该方法要求机器人能实现沿着墙壁前进，当拐弯或是门口时，机器人能自动转过去。机器人如果前方发现有障碍物，一般说明正对着墙，就右转（左转）90度（79，0.3），如果发现左方有障碍物，一般说明左侧对着墙，就右转（左转）
约60度（79，0.2），否则划弧前进，就是前进+左转（右转）。在门口拐角处要求机器人处理碰撞，程序中，让机器人一旦检测到碰撞，就后退一点，再右转（左转）约60度。
在环境中修改“走迷宫场地”文件，去掉其中的光源，设置红外线距离10cm，点击显示轨迹按钮，显示出机器人运行的路线。场地环境如下：（每次修改程序，都必须退出环境，重新下载程序，再次运行环境却退出环境只能使用环境窗口最左上角的退出命令，每次重新进入环境需要重新修改环境参数：删除光源、设置红外距离、显示轨迹）
实验名称：实验八综合实验及测试
一、在较安静的情况下，机器人静止不动，当有人发出声音时机器人开始自由行走：机器人在行走的过程中分辨障碍物，遇到障碍物时发出声音报警并避开，继续行走。（30分）要求：（1）写出机器人从静止到运动的条件值。
（2）画出对应流程图。
（3）写出对应JC代码。
（4）回答机器人在运行时使用到哪些部件。
解：（1）机器人从静止到运动的条件值：mic=microphone（）；
if（mic>180）
drive（100,0）
（2）对应流程图见实验三所示
（3）对应JC代码如下图所示
（4）机器人在运行时使用到的部件：红外传感器、碰撞传感器、麦克风、直流电机
二、自由编写程序。（70分）
要求：（1）机器人运行程序使得其具有一定的行为模式，并详细说明它是怎样一种模式。
（2）至少使用到四种传感器。
解：设计的机器人在环境中自由行走，遇到障碍物时，避开继续行走，并发出警报声，遇到光源也发出警报声。这一行为模式需用到光敏传感器、红外传感器、碰撞传感器和麦克风。
该行为模式的流程图为：
WEB开发技术实验报告
实验一JSP开发环境构建 实验目的：了解动态页面技术及B/S系统 掌握开发环境的构建 理解Eclipse开发WEB应用 实验内容： 实训项目一：安装JDK并配置环境变量 请阐述配置环境变量的方法： 实训项目二：安装TOMCAT并配置Server.xml修改端口号为8090 问题一：如何测试TOMCAT是否已经成功启动？ 问题二：在浏览器地址栏输入什么地址可以访问到TOMCA T的测试页？ 请阐述配置Server.xml修改端口号为8090基本实验步骤： 实训项目三：应用Eclipse建立项目并浏览一个JSP页面 请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤： 实验心得：（遇到了哪些问题，如何解决的，有那些体会） 实验二JSP语法 实验目的：了解JSP程序的组成元素 掌握JSP中使用JA V A程序片段的方法 实验内容： 实训项目一：编写一个JSP页面输出26个小写英文字母表 实训项目二：编写页面实现九九乘法表 实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器 实训项目四：使用JA V A表达式输出系统当前时间 实训项目五：编写程序shijian2_9.jsp和computer.jsp两个页面，在第一个页面中使用include动作标记动态包含文件computer.jsp，并向它传递一个矩形的长和宽，computer.jsp 收到参数后，计算矩形的面积，并显示结果。 实训项目六：编写3个JSP页面：main.jsp,first.jsp和second.jsp，将3个JSP文件保存在同一个WEB工程中，main.jsp使用include动作标记加载first.jsp和second.jsp页面。First.jsp 页面可以画一张表格，second.jsp页面可以计算两个正整数的最大公约数。当first.jsp被加载时，获取main.jsp页面include动作标记的param子标记提供的表格行数和列数，当second.jsp 被加载时，获取main.jsp页面include动作标记的param子标记提供的两个正整数的值。 要求：上机编程完成上述实训项目，上机演示给教师检查，从中挑选三个程序的核心代码写在实训报告上 实验核心代码：
Web网页设计实验报告
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
Web应用程序设计综合实验报告材料
Web应用程序设计综合实验报告题目：网上购物系统 学生姓名： XXX 学号： XXXXXXXXXXX 院（系）： XXXXXXX 专业： XXXXXXXXXX 指导教师： XXXXXXXXXX 2014 年 7月 6 日
1、选题背景 随着计算机技术的发展和网络人口的增加，网络世界也越来越广播，也越来越来越丰富，网上商城已经成为网上购物的一股潮流。互联网的跨地域性和可交互性使其在与传统媒体行业和传统贸易行业的竞争中是具有不可抗拒的优势。在忙碌丰富的社会生活中，人们开始追求足不出户就能买到心仪的商品，是越来越多的上网爱好者实现购物的一种方式，对于企业来说，网络交易能大大提高交易速度、节约成本。在这种形势下，传统的依靠管理人员人工传递信息和数据的管理方式就无法满足企业日益增长的业务需求，因而开发了这样一个具有前台后台的网上商城系统，以满足购物者和企业的需求。 因此这次毕业设计题目就以目前现有的网上商城系统为研究对象，研究一般的网上商城的业务流程，猜测其各个功能模块及其组合、连接方式，并分析其具体的实现方式，最后使用Java加web服务器和数据库完成一个网上商城系统的主要功能模块。通过这样一个设计，可以提高自己Java编程的水准，也练习了怎样构建一个完整的系统，从系统的需求分析到设计，直至编码、测试并运行，熟悉并掌握一个完整的Web开发流程，为今后工作打下基础。 1.1设计任务 从以下几个方面实现网络商城的基本功能： 1、用户部分： （1）用户的登录和注册，用户必须注册才能购物，注册时系统会对注册信息进行验证，进入系统或是结账时，用户可以进行登录，登录时，如果密码错误，系统会进行验证并提示错误。 （2）浏览商品，实现用户可以在网络商店中随意浏览商品，商品按类别分类，方便用户查找不同类别的商品 （3）购物车管理，能实现添加商品、删除商品、更新商品的功能。 （4）生成订单，查看购物车后单击下一步则生成订单信息表，一旦提交订单，则购物车就不能被改变。 2、管理员部分：
太原理工大学web实验报告资料
本科实验报告 课程名称：Web开发实用技术基础 实验项目：HTML语言 网页程序设计Javascript Request与Response对象的应用 Application与Session对象的应用 实验地点：实验室211 专业班级：学号： 学生姓名： 指导教师： 2015年11月5日
学院名称学号实验成绩 学生姓名专业班级实验日期 课程名称Web开发实用技术基础实验题目HTML语言 一．实验目的和要求 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 3．独立完成实验。 4．书写实验报告书。 二．实验内容 1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下：
Example
A simple HTML document
Welcome to the world of HTML This is a simple HTML document.It is to give you an outline of how to write HTML file and how the
markup tags work in the
HTML file Following is three chapters
Following is items of the chapter two | item | content |
网页制作实验报告
网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1）执行“站点＼治理站点”命令，在弹出的“治理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中挑选“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹，完成后单击“确定”按钮，返回“治理站点”对话框。 4）在“治理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果
WEB实验报告
《WEB开发技术》实验指导书2014 / 2015 年第2 学期 姓名： 学号： 班级： 计算机科学与工程系 2015年6月
目录 实验一首页设计 (2) 实验二web数据库连接与访问 (4) 实验三小型图书管理系统设计与实现 (7)
实验一首页设计 一、实验目的: 1．掌握常见网页设计工具的使用； 2．掌握建立一个web站点的基本过程； 3．掌握网站设计的基本技术与技巧。 一、实验环境: 1．Frontpage2000/DREAMWEA VER，Windows XP/2000,Microsoft SQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具 2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验2）用来存放本次实验所建立的设计文件与文档。 二、实验预习与准备： 1．熟悉Windows XP或Windows 2000的操作环境，了解Frontpage2000/DREAMWEA VER 的用法。 2．熟悉有关图形图象处理软件如PhotoShop,FireWorks,Flash等. 三、实验内容与要求： 1、熟悉WEB站点的开发工具环境和使用方法 2、根据自拟的主题设计WEB站点的首页,主要注意一下几个方面 3、版面布局：主要是考虑导航、必要信息与正文之间的布局关系。 4、色彩搭配：色彩搭配应和网站的定位相一致，应衬托主题。 5、字体的设置和表格的嵌套。 6、网站上超媒体元素力求丰富，即应包含一些必要的动画、图形、图象以及 声音或流媒体文件（视频、音频）。 7、网站包含一些动态效果，可使用VBScript,Javascript语言来实现，用CSS 来实现一些统一的样式与显示效果。 8、网站链接自然，顺畅方便。 四、实验过程与结果：
网页制作综合性实验报告模板
“巴黎文化之旅”简介 华南师范大学大学网页制作基础课程综合设计性实验报告 年级专业：协作小组编号： 以小组名义写报告，一个小组一份。红字部分为提醒学生修改的部分。记得删除指导教师：李桂英 学号姓名（组长排名第一） 20080000001 张三 200802010301 李四 摘要：网页是当前Intetnet的最常见应用之一，是人们获取和发布 信息的主要途径，掌握网页制作的原理和方法，对今后工作生活有很 大的帮助。本综合实验是在了解了网页设计的原则方法，掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编 辑网页页面的操作技能后，运用所学过的所有相关知识综合设计制作 一个介绍巴黎文化和风光的网站。通过设计与制作，了解和掌握了网 站的设计建立流程与网页的制作方法。 关键词：图形图像处理、表格布局、网页模板、超链接、框架、音频、 视频 一、“巴黎文化之旅”设计要求
1、绘制网站结构图，将各模块关系用简明的图示描述出来 2、网站制作时需要使用Dreamweaver建立并管理站点，并在 站点根目录下建立images等文件夹。 3、网站至少包括10个以上的网页，每个同学至少制作2个以 上的网页。 4、要求至少要使用模板技术或框架技术中的一种来搭建网站 整体架构。 5、页面美观，包含多种媒体，如文字、图片、动画（GIF或 FLASH等）音频、视频等。 6、网站制作完成后采用压缩工具将整个网页文件夹转换成压 缩文件再上传。 二、“巴黎文化之旅”设计方案 ⑴网站标题：巴黎文化之旅 ⑵网站内容简介：本网站通过图片、视频、音乐、文字等多种媒体的形式展现花都巴黎的文化和城市风光、并为旅行者提供了旅游信息和建议。 ⑶网站结构图 网站首页 (FLASH) Index.htm 内文首页default.htm
web动态网页设计实验报告
武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平
利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求： 需要我们实现的功能有： 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理
3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员，注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店，通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。
完整word版,Javaweb项目实验报告
Javaweb项目编写 -----留言板的设计 指导教师：庄凯 小组成员：hx20090412 田磊 hx20090429 宋昭辉 hx20090430孔席超
1.归纳项目的功能(宏观)--UML的UseCase(用例图) 在本项目中，共有8个模块，小组成员分配如下： 孔席超：注册，登录，浏览； 田磊：发表主题，分页查看； 宋昭辉：删除主题，修改主题，发表评论。 2.根据用例图,确定功能所需要的信息(确定数据字典) 信息数据类型 用户编号Uid int 用户名username String 性别sex String 密码Password String 昵称Lovername String 创建时间Regtime Timestape 信息数据类型 主题编号tid Int 主题名称Tname String 主题内容Tcontext Text 发表时间Ttime Timestape
Context表 信息数据类型评论内容Ccontext Text 评论时间Ctime Timestape 评论编号cid Int 数据建模 数据模型之间的关系 将其转换成为真实的表
生成sql脚本 /*==================================================*/ /* DBMS name: MySQL 5.0 */ /* Created on: 2010/11/28 14:48:07 */ /*===================================================*/ drop table if exists Context; /如果存在context表将它删除 drop table if exists Topic; //如果存在topic表将它删除 drop table if exists User; //如果存在user表将它删除 /*======================================================*/ /* Table: Context */ /*======================================================*/ create table Context ( cid int auto_increment not null, //定义整形变量cid，非空tid int, //定义整形变量tid uid int, //定义整型变量uid ccontext text not null, //定义文本区ccontext，非空 ctime timestamp not null, //定义一个时间戳，非空 primary key (cid) //主键为cid ); /*====================================================*/ /* Table: Topic */ /*===================================================*/ create table Topic ( tid int auto_increment not null, //定义整形变量tid，非空uid int, //定义整型变量uid tname varchar(20) not null,//定义字符串tname，非空 tcontext text not null, //定义文本区，非空 ttime timestamp not null, //定义一个时间戳，非空 primary key (tid) //主键为tid ); /*====================================================*/ /* Table: User */ /*====================================================*/ create table User ( uid int auto_increment not null, //定义整形变量uid，非空username varchar(10) not null,//定义字符串username，非空 sex varchar(4) not null, //定义字符串sex，非空 password varchar(20) not null, //定义字符串password，非空 lovername varchar(10) not null, //定义字符串password，非空 regtime timestamp not null, //定义一个时间戳，非空 primary key (uid) //主键为uid );
web实验报告
中国矿业大学计算机学院2012 级本科生课程报告 课程名称Web技术 学生姓名周鹏 学号08123336 专业计科13-5班 任课教师赵莹 报告时间2015.11.12
任课教师评语 实验成果评价 各实验成果评分 成绩：任课教师签字： 年月日
目录 实验一、静态web页面设计实验 (1) 1.1、实验要求 (1) 1.2、实验目的 (1) 1.3、详细设计 (1) 1.3.1、实验内容 (1) 1.3.2、设计步骤 (1) 1.4、设计心得 (2) 实验二、动态web页面设计实验 (3) 2.1、实验要求 (3) 2.2、实验目的 (3) 2.3、详细设计与编码 (3) 2.3.1、实验内容 (3) 2.3.2、设计步骤 (3) 2.4、设计心得 (5) 实验三、Web数据库实验 (6) 3.1、实验要求 (6) 3.2、实验目的 (6) 3.3.1、实验内容 (6) 3.3.2、设计步骤 (6) 3.4、设计心得 (12)
实验一、静态web页面设计实验 1.1、实验要求 1、使用HTML 5 开发Web静态页面。按照HTML 5的规范设计与开发网站。 2、练习HTML 5的新HTML5新特性和效果。 3、练习使用Web页面开发工具。（MyEclipse、Dreamwear、https://www.doczj.com/doc/d41705438.html,或其它） 4、完成实验报告和实验成果。 1.2、实验目的 1.配置Web(TOMCAT)服务器，了解Web工作原理。 2.熟悉常用HTML 5标记的含义，能够熟练使用这些标记设计静态Web页面，实现Web页面上的各种元素的合理布局，如表单、表格、图片以及框架等标记的使用。 3.了解 CSS样式表的定义和使用方法，能够使用CSS美化和布局Web页面。 4.掌握JavaSript脚本语言的基本语法。 5.能够使用JavaScript 与浏览器对象进行交互。 6.能够使用JavaSript处理表单和表单元素事件。 1.3、详细设计 1.3.1、实验内容 1.能够独立安装Web服务器,TOMCAT，理解Web服务器的常用配置，并利用其搭建网站，设计一组静态的网页，至少5个页面，其中包括1个注册页面。 2.利用CSS技术布局并美化页面。 3.使用JavaScript脚本对注册页面进行验证，防止错误数据输入。 4.使用一些JavaScript脚本实现网面部分内容的动态显示，加入时钟等（不限于此）。 1.3.2、设计步骤 （1）搭建平台 在搭建平台过程中，由于自己开始用Eclipse开发过简单的JSP，自己就首选了Eclipse，自己的Tomcat在开始是也都配置完成了，主要就是主题选用。 （2）主题选择 在着手写网页之前，自己先构思一下，具体要以什么为主题，写一个什么风格的网页，最终决定写一个以矿大考研为主题的网页。 （3）网页搭建 在开发中，因为开始开发JSP时只是很简单的功能，自己对HTML语法并不熟悉，在同学帮助下先，然后通过百度以及课件知识，一步一步往框架中添加各个元素，图片、链接、文本框等等，最终形成现在这个页面。
网页设计实验报告
中南民族大学管理学院学生实验报告 课程名称：《网页设计设计与制作教程》姓名： 学号： 年级： 专业：信息管理与信息系统 指导教师： 实验地点：管理学院综合实验室 2012学年至2013学年度第2学期
目录 实验一HTML上机作业 实验二Dreamweaver上机1实验三Dreamweaver上机2实验四Dreamweaver上机5
实验（一）HTML上机作业 实验时间：同组人员： 实验目的： 熟悉基本的html语言的编写，利用文本编辑器能制作出简单的网页。 实验内容： 1.了解、掌握使用记事本创建web文件； 2.熟悉课堂例子； 3.利用html语言编写网页文件，达到以下效果：（背景图片已给出）
4.利用html语言编写网页文件，达到以下效果：（有 背景音乐，四个图标用表格来排列，且点击任意一图标均可链接进入相对应网站，所有素材均给出） 5.利用html语言编写网页文件，达到以下效果：（用框架标记将前面所做两个练习连接起来，分别在右边的窗口显示）
6.用记事本编辑html 语言创建一个网页（至少要有三页），内容为简单的自我介绍，要求使用到下列一些
功能：利用表格和框架进行合理布局、对页面进行合理排版、超级链接（本地链接和异地链接）、对页面字体进行大小颜色控制、在页面中插入图像或动画、对页面有一些整体控制（比如插入背景图片等）、在页面插入音乐和视频。 实验步骤: 先熟看书本上的相关知识点和例题，接着将课本上的例题重新操作一遍，然后再根据书上的例子，利用记事本打入相关代码再以html格式保存。 实验结果分析： Html是网页制作的基本语言，要熟悉html网页文件的基本构成和各个代码所能实现的效果，打入代码过程稍显繁琐，而且刚刚学习经常会出现各个代码所能实现的效果的记忆错误，还要经常翻书。但其中也有很多好处，它使我们更为了解各种网页效果实现的过程，它不会产生垃圾代码提高了网页的传输效率。 指导教师评阅 1、实验态度：不认真（），较认真（），认真（） 2、实验目的：不明确（），较明确（），明确（） 3、实验内容：不完整（），较完整（），完整（） 4、实验步骤：混乱（），较清晰（），清晰（）
网页设计实验报告 实验一
昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：
欢迎你! 我的朋友. 当你进入HTML编程世界的时候，你的
感觉是全新的！ (3)单击“文件”→“选择”→“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。 （4）用浏览器打开这个文件，看看效果吧！ 二．用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图： 代码： 班级主页 欢迎来到我们的班级主页 实验报告-Web技术
课内实验报告 课程名：Web 技术 任课教师：吴振宇 专业：物联网工程 成绩： 2015/2016学年第1学期 南京邮电大学
基于JSP的网上书城设计与实现 一、实验描述 1、需求分析 随着计算机网络技术的飞速发展和人们生活节奏的不断加快，电子商务技术已经逐渐融入了人们的日常生活当中，网上商城作为电子商务最普遍的一种形式，已被大众逐渐接受。因此开发一个网上商城系统，适合当今形势，更加方便人们在线购物。 2、分工： 负责实现图书选购、购物车功能、收藏功能、查看图书详细信息、用户注册、用户登录、查看用户的订单信息、修改用户个人信息。 负责实现现有图书管理：修改，删除，查看、用户管理：查看，修改，删除、订单管理：查看订单清单，更新订单付款，出货状态，删除订单、添加新图书、添加图书分类。 负责书写实验报告。 二、实验内容 1、总体设计 （1）系统设计 本系统采用三层架构设计，它的工作原理如下图所示。 三层架构模型 采用三层构架以后，用户界面层通过统一的接口向业务层发送请求，业务层按自己的逻辑规则将请求处理之后进行数据库操作，然后将数据库返回的数据封装成类的形式返回给用户界面层（2）系统流程
前台系统流程图 后台系统流程图
（3）数据库设计 数据库在一个信息管理系统中占有非常重要的地位，数据库结构设计的好坏将直接对应用系统的效率，以及实现的效果产生影响。合理的数据库结构设计可以提高数据存储的效率，保证数据的完整和一致。 数据库需求分析 针对一般在线书店的需求，得出如下需求信息。 1.用户分为未注册用户和已注册用户。 2.订单分为单张详细订单和总订单。 3.一个用户可以购买多本图书。 4.一个用户对应一张订单。 5.一个列表对应多张订单。 针对本系统功能分析，总结出如下的需求信息。 1.用户，包括数据项：用户ID、用户名、密码。 2.图书，包括数据项：图书编号、图书名、价格、图书介绍。 3.订单列表，包括数据项：订单编号、图书编号、购书数量。 4.订单，包括数据项：订单编号、用户编号、下单时间。 实体关系E-R图 商品实体E-R图
web实验报告
一，相关技术 为实现注册和登录功能，首先采用JSP和HTML分别设计regist和login页面，再采用servlet技术实现这两项功能。 为实现上传文件至服务器和下载自己上传的文件，也先JSP和HTML设计页面，再在页面中设计两按钮，点击时用调用JSP实现上传和调用servlet实现下载。 采用JSP和HTML设计result页面。是各种结果在result页面显示 二，系统需求分析 为实现登录和注册。设计一个包，包中包含User类。User中有账号，密码，昵称三类属性。 设计登录页面，输入账号和密码实现登录。当输入信息正确时，显示成功，否则失败。 设计注册页面，输入账号，密码，昵称三属性实现注册。 设计上传和下载页面，点击相应按钮实现相应动作。 三，系统设计和实验结果 1,显示结果页面核心代码 <% String message=(String)request.getAttribute("message"); %> <%= message %> 2,注册相关代码 A,注册界面核心代码
B，实现注册的servlet核心代码 driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver"; Class.forName(driverName); String name = request.getParameter("name"); String pwd = request.getParameter("pwd"); String call = request.getParameter("call"); Connection con=null; String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=student"; String userName="sa"; String userPwd="a693501"; con=DriverManager.getConnection(dbURL,userName,userPwd); PreparedStatement ps = null; String sql = "insert into admin (name,pwd,call)values(?,?,?)"; try{ ps = con.prepareStatement(sql); ps.setString(1,name); ps.setString(2, pwd); ps.setString(3, call); ps.executeUpdate(); C,结果截图Web网站设计实验报告
Web网站设计实验报告 学生： 学号： 班级： 系别： 学院：
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)
五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一．设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握
了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二．设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．结构设计 选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，
web网站开发实验报告
web网站开发实验报告 web本人站开发实验报告 西安理工大学实验报告 成绩1页（共4页）课程：Web本人站开发实验出厂日期：201*年 6月11日专业班号：组别：交报告日期：201*年6月14日姓名：学号：报告退发：（订正、重做）同组本人：教师审批签字：、实验性质 设计型实验（2学时） 二、实验目的 通过实验，使学生理解表单验证及本人页布局设计的基本思路， 掌握表单验证及本人页布局设计的基本方法，通过表单验证和本人页 布局的联系，进步概括本人站开发的基本思路，并能够根据应用需求 设计个合理的本人页解决目前来解决实际问题，量子力学提高学生的 动手能力以及理论与实践相结合的能力。 三、实验任务 1．掌握本人页布局的基本思路和多页方法。2．掌握表单验证的 基本思路和方法。 四、实验准备 复习教中有关本人页布局及表单验证的内容，仔细阅读和分析教 中的例子。 五、实验内容 1．本人页布局 应用Dreamweaver程序对本人页进行定位。
（1）选择“件”本人“新建”命令，在弹出的对话框中新建个本 人页，名为bd.html，在“档”工具栏控制面板中将本人页的标题设置为“表单应用”。（2）插入个2行1列表格（表格1），表格宽度为“98%”，边框为“0”。（3）在表格1的个单元格中输入古字“表单 应用”，设置该字字体为“隶书”，大本人为“36”像，前后都插入 图片logo_3.jpg。 （4）将进能定位在表格1的二个单元格中，选择“插入”本人 “表单”本人“表单”命令，在该单元格中插入个表单域。 （5）在表单域中才插入个15行2列的表格（表格2）。表格宽度为500像，边框为“1”，间距为“0”。将该表格的列所有单元格的 宽度设置为“90”像，前9行单元格高度设 置为“30”。 （6）将表格2的行合并为个单元格，设置单元格稳定度对齐方式 为“居中对齐”，背景颜色为“#DF3071”。在单元格中输入字“请完 成以下内容的填写”，设置字的大本人为“18”像，颜色为“白色”。 （7）将表格2的左边列各单元格的水平和垂直对齐方式都手段设 置为“居中”对齐，并分别输入本内部信息：昵称、密码、确认密码、性别、籍贯、出生日期、电子邮箱、联系电话、个人爱、照片和备注，如下图所示： （8）将光标定位在二行二个单元格中，单击“插入”工具栏上的“表单”类别，然后单击“本字段”按钮，在弹出的对话框中单击 “确定”按钮即在单元格中插入了个四格框。设置该本字段的字符宽 度为“24”。在本字段后输入“*”。效果如下图： （9）用同样的方式在“密码”和“确认密码”后插入本框。选中 本框，在“属性”面板中设置名称为psw，字符宽度设置为24，最多 字符数为12，类型设置为“密码”。属性如下图所示:
Java Web实验报告一
实验一开发环境配置及Servlet程序设计 一、实验目的 1、了解并熟悉编程环境、编程工具，包括Tomcat、MyEclipse和JDK； 2、学会配置环境变量； 3、掌握在MyEclipse中编辑简单源程序的方法、创建包和servlet类的方法； 4、掌握在Tomcat中手工创建可执行程序的方法； 5、加强对servlet的生命周期的理解；掌握servlet程序的实现方法。 二、实验内容及要求 本次实验内容分为两部分： 1、验证部分 1）通过手动的方式在Tomcat中建立工程my，在该工程中建立所需的文件夹以及文件web.xml。 2）在MyEclipse中建立一个名为TestLifeCycleServlet.java的servlet。 3）运行该servlet。 2、编程实现部分 编写一个页面程序（JSP程序）和一个后台程序（servlet程序），用户从页面中输入姓名、性别、年龄等信息，并提供一个查询按钮。当用户提交查询按钮时，执行servlet程序，该程序将用户输入的信息显示出来。用户界面的显示效果参见图1所示： 图1 表单显示效果示例 三、实现 1、验证部分 实现过程、必要的配置文件说明、实验结果等。 第一个实验 实验过程 第一步： 打开tomcat文件夹，在webapps中新建一个my的文件夹
第二步 在my文件夹中新建一个WEB-INF文件夹，并把web.xml放入 第三步 把TestLifeCycleServlet.java和index.jsp放入my文件夹中 第四步
让tomcat运行起来 第五步 输入http://localhost:8080/my/servlet/TestLifeCycleServlet web.xml代码 TestLifeCycleServlet TestLifeCycleServlet TestLifeCycleServlet /servlet/TestLifeCycleServlet index.jsp 运行结果 实验二 第一步 先建一个web project命名为wy，在src目录下新建一个Servlet命名为ThreeParams import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class ThreeParams extends HttpServlet{
