J2EE实验指导书10学时)计算机、网络专业.docVIP

《J2EE架构》 实验指导书 计算机、网络专业 实验1 jQuery编程（2学时） 实验目的 了解JS、jQuery语言的特点。 掌握JS、jQuery 实验任务 jQuery程序测试 style type=text/css p{cursor:pointer;} /style script src=scripts/jquery-1.7.1.min.js type=text/javascript/script script type=text/javascript $(document).ready(function(){ $(p).click(function(){ alert(Hello World!); }); }); /script p点击我/p 运行网页结果：Hello World! 上机编程题 1、分别用JS和jQuery两种方法来显示用户输入信息。 2、参考第4章第5节的例子完成： 说明： (1) 星号为必填项目，要求：用户名6-18个字符；邮箱符合邮箱格式串。 (2) 在输入框输入信息即时提示录入的要求信息，当不符合要求时即时显示错误信息。 (3) 提交要求使用ajax技术jsp进行简单正确性验证实验2 jQuery UI编程（2学时） 实验目的 了解jQuery UI编程方法。 掌握jQuery Easy UI一些重要可视化插件用法。 实验任务 1、jQuery Easy UI插件 link rel=stylesheet type=text/css href=themes/default/easyui.css link rel=stylesheet type=text/css href=themes/icon.css script type=text/javascript src=jquery-1.7.1.min.js/script script type=text/javascript src=jquery.easyui.min.js/script 2、上机编程题 使用jQuery UI技术实现下图所示框架。 实验3 JSP编程（2学时） 实验目的 通过使用MyEclipse来开发JSP+Servlet动态网页。 实验任务 JSP程序测试 创建 Web Project，修改index.jsp文件： %@ page language=java import=java.util.* pageEncoding=ISO-8859-1% !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleMy JSP MyJsp.jsp starting page/title /head body Hello JSP! br /body /html 浏览页面结果：Hello JSP! 上机编程题 1、使用Servlet技术获取用户提交的信息。用户录入信息如下图所示。 2、从input.jsp端输入a和b值（客户端验证，输入值必须为实数值，且可带+-号），然后传到add.jsp进行求和输出a+b值。 实验4 JavaBean编程（2学时） 实验目的 使用JavaBean提高JSP的代码重用性。 实验任务 JavaBean编程测试： 设计一个Box类的JavaBean： 属性：length/width/height double类型 方法：getXxxx和setXxxx方法 不带参数构造函数(使属性值均为0) 求体积函数getCV() 步骤： 新建Dynamic Web项目(testBean) 新建public class； ( Box.java，package javaBean， ) 输入属性变量； 在代码编辑区右键→Source→Generate Getters and Setters → select all 属性，public型→自动生成getXxxx和setXxxx； 不带参数构造函数和求体积函数手工输入： public Box() { length=0; width=0; height=0;} public double getCV() { return length*width*height; } 编译JavaBean：无错误后保存自动生成Box.class； 部署JavaBean： 此时会自动将javaBean包(box.class)放到Web-INF