《JSP程序设计》实验指导.docVIP

实验一: 动态网页设计基础 一．实验目的 1．掌握HTML常见标记 2．熟悉JavaScript脚本 3. 熟悉div+css布局 二．实验内容 1．编写一个个人简历页。 2．使用CSS对上述页面重新布局、美化 三．实验软件 JDK5.0、Tomcat5.0 四．实验步骤参考案例：用户注册表单实现 1．在Tomcat的Webapps/root下新建如下reg.html文件 html head title表单输入验证示例/title script type=text/javascript function validate(){ var userName=document.forms[0].userName.value; if(userName.length=0) alert(用户名不能为空！); else{ alert(验证通过，表单可以提交！); document.forms[0].submit(); } } /script /head body form action= method=post 用户名：input type=text name=userName/inputbr 密码：input type=password name=password/inputbr 重新输入密码:input type=password name=rePassword/inputbr 性别：input type=radio name=sex value=男男 input type=radio name=sex value=女女br 出生日期：select name=birth option value=0－请选择－/option option valueoption option valueoption option valueoption option valueoption option valueoption option valueoption /select年br 兴趣：input name=habit type=checkbox value=1音乐/input input name=habit type=checkbox value=2动漫/input input name=habit type=checkbox value=3电影/inputbr input type=button value=提交 onClick=validate()/ input type=reset value=取消 / /form /body /html 2．测试reg.htm文件 在IE浏览器中输入 :8080/reg.html 实验二: JSP基础语法 一．实验目的 1．掌握JDK的安装配置 2．熟悉Tomcat的配置 3．测试JSP的运行环境 4．掌握JSP的页面的基本结构 5.掌握JSP的指令标记和动作标记 二．实验内容 编写四个JSP 页面：one.jsp 、two.jsp、three.jsp和error.jsp。one.jsp 、two.jsp和three.jsp页面都含有一个导航条，以便让用户方便地单击超链接访问这三个页面，要求这三个页面通过使用include动作标记动态加载导航条文件head.txt。 导航条文件head.txt的内容如下所示： head.txt %@ page contentType=text/html;charset=GB2312 % table cellSpacing=1 cellPadding=1 width=60% align=center  border=0 tr valign=bottom tdA href=one.jspfont size=3one.jsp页面/font/A/td tdA href=two.jspfont size=3two.jsp页面/font/A/td tdA href=three.jspfont size=3three.jsp页面/font/A/td /tr /Font /table （1）one.jsp的具体要求 要求one.jsp页面有一个表单，用户使用该表单可以输入一个1～100之间的整数，并提交给该页面；如果输入的整数在50～100之间（不包括50）就转向three.jsp，如果在1～50之间就转向two.jsp；如果输入不符合要求就转向error.jsp。要求forward标记在实现页面转向时，使用param子标记将整数传递到转向的two.jsp或three.jsp页面，将有关输入错误传递到