福建信息职业技术学院软件工程系实验报告.doc

福建信息职业技术学院软件工程系实验报告2011 2012 学年第 2 学期 任课老师： 余先锋 课程名称JavaWEB程序设计班级座号姓名实验名称JSP表单实验时间第 周星期 第 节实验目的掌握表单的结构及设计方法；掌握表单组件的使用方法；掌握表单内容的提交与接收方法。实验环境PC/windows2000/2003/XP/Tomcat6/Eclipse/Jcreator Pro/Dreamweaver MX。实验内容安排必做题：【实验3-1】建立一个用户登录表单。表单包含一个用户名文本框，一个密码框以及一个登录按钮。表单form的action属性指定Experiment3_1a.jsp来接收并显示所输入的用户名和密码的内容。程序显示如下。表单及表单接收程序分别保存为：Experiment3_1.jsp和Experiment3_1a.jsp。【示例链接】程序提示：Experiment3_1.jsp： 表单： 用户名文本框： 密码文本框： 提交按钮：程序显示： Experiment3_1a.jsp：接收用户名与密码的命令为： user = request.getParameter(user); pass = request.getParameter(pass);程序显示 用户名：abc 密 码：12345【实验3-2】建立一个学生信息资料表单，表单包含以下内容。程序保存为Experiment3_2.jsp。同时编写程序Experiment3_2a.jsp接收并显示表单所提交的全部内容。【示例链接】要求表单包括以下控件：1、 文本行：学号，姓名、出生年月2、 单选按钮：性别3、 下拉菜单：班级4、 复选框：可以为爱好、选修课程等5、 文本区：个人简介6、 按钮：重写，提交。Experiment3_2.jsp程序运行显示： 提交后，Experiment3_2a.jsp程序显示表单所提交的内容： 学号：091111 姓名：李四 出生年月：88年8月 性别：女 班级：网络信息0912 选修：Java SQL 个人简介：个人简介：个人简介个人简介个人简介个人简介个人简介个人简介个人简介提示：1、 单选按钮组：男女单选按钮值的读取方式：String sex = request.getParameter(sex);2、 下拉菜单： 网络信息0911 网络信息0912 网络信息1011 网络信息1012下拉菜单内容读取方式：String bj = request.getParameter(bj);3、 复选框组：JavaC#SQL复选框读取方式：String xx = request.getParameterValues(xx); /读取的内容为一个字符串数组for(int i=0; ixx.length; i+)/ xxi.value为被选中的复选框数组元素xxi的值。;选做题：【实验3-3】修改【实验3-2】程序Experiment3_2.jsp，班级名称在数组String bj当中，选修课内容在数组当中，使用程序将这两个数组内容分别放到下拉菜单bj和复选框组xx当中去。程序保存为Experiment3_3.jsp。程序Experiment3_3.jsp运行提交后，同样由Experiment3_2a.jsp读取并显示表单内容。【示例链接】提示：String bj = 网络信息0911,网络信息0912,网络信息1011,网络信息1012;String xx = Java,C#,SQL,Linux;/将数组加入下拉菜单：%for(int i=0; ibj.length; i+)out.println(+bji+);%/将数组加入复选按钮组：%for(int i=0; ibj.length; i+)out.println(+xxi);%【实验3-4】修改【实验3-1】程序Experiment3_1.jsp，添加JavaScript程序代码，当输入的用户名或密码为空时不能提交，并弹出对话框告警。程序保存为Experiment3_4.jsp。【示例链接】【实验3-5】修改【实验3-3】程序Experiment3_3.jsp，添加JavaScript程序代码，当输入的学号、姓名为空时不能提交，并弹出对话框告警；如果选修课少于两门时，也不能提交并弹出对话框告警。程序保存为Experiment3_5.jsp。【示例链接】提示（JavaScript程序）：1、 判定文本框不能为空：修改“提交”按钮（submit）为普通按钮（button），并加入onClick事件：JavScript方法test()的处理程序：function test()if (document.form1.user.value.length = 0) alert(用户名不能为空！); return; if (document.form1.pass.value.length = 0) alert(请输入密码！);return;document.form1.submit(); /提交2、 判定复选框xx选取状态for (i=0; idocument.form1.xx.length; i+) /遍历xx所有复选框if (document.form1.xxi.checked)/第i个复选框被选中;3、 判定单选按钮sex选取状态for (i=0; idocument.form1.sex.length; i+) /遍历sex所有单选按钮if (document.form1.sexi.checked)/第i个单选按钮被选中;完成以上实验题后，上传到ftp空间，并修改你的作业的主页index.jsp程序，增加上面程序的运行链接。实验要点编写程序时，注意以下几点：1、 要对表单form和表单下的控件设定name属性，如、等； 2、 注意表单的结构，表单控件要放在之内，一个页面中最好不要超过一个；3、 表单内可以使用表格进行布局设计；4、 注意form的提交对象action属性，以确定接收表单内容的程序；5、 理解并使用上面所给出的提示方法，能够读取表单中各控件的状态、值等内容；6、 接收程序使用request.getParameter();方法读取表单提交的数据，所提取的内容是字符串类型，如果是其他数据类型要进行类型转换；7、 使用request.getParameter();方法读取数据以及进行数据类型转换时，应该进行异常处理；8、 使用JavaScript可以在客户端对数据进行简单的预处理，这样减少服务器端的程序工作量。9、 可在表单接收程序前面加入以下代码，确定汉字编码格式：实验过程记录（学生写出实验步骤及中间的结果与现象，在实验中做了什么，怎么做，发生的现象和中间结果）实验结果分析与总结1、程序运行结果（请提供你所完成的各道题页面的网络链接）：2、你在实验过程中遇到的问题与解决方法：3、实验过程中的发现与收获，未解决或需进一步解决的问题：总结与思考（答题内容请用蓝色字体）1、 页面是如何提交信息数据的？2、 如果在表单中设定接收表单数据