Java与J2EE实验指导书2013(10学时).doc

Java与J2EE架构实验指导书10学时张智，刘小明实验1 jQuery编程（2学时）实验目的了解jQuery语言的特点。掌握jQuery客户端编程。实验任务1、jQuery程序测试 pcursor:pointer; $(document).ready(function() $(p).click(function() alert(Hello World!); ); );点击我运行网页结果：Hello World!2、上机编程题参考第4章第5节的例子完成：说明：(1) 星号为必填项目，要求：用户名6-18个字符；邮箱符合邮箱格式串。(2) 在输入框输入信息即时提示录入的要求信息，当不符合要求时即时显示错误信息。(3) 验证通过后用alert显示结果。实验2 jQuery UI编程（2学时）实验目的了解jQuery UI编程方法。掌握jQuery Easy UI一些重要可视化插件用法。实验任务1、jQuery Easy UI插件2、上机编程题使用jQuery UI技术实现下图所示框架。实验3 JSP编程（2学时）实验目的通过使用MyEclipse来开发JSP+Servlet动态网页。实验任务JSP程序测试创建 Web Project，修改index.jsp文件： My JSP MyJsp.jsp starting page Hello JSP! 浏览页面结果：Hello JSP!上机编程题1、使用Servlet技术获取用户提交的信息。用户录入信息如下图所示。2、从input.jsp端输入start和end值（必须为实数值，可带+-号），然后传到servlet进行求和输出。实验4 JavaBean编程（2学时）实验目的使用JavaBean提高JSP的代码重用性。实验任务JavaBean编程测试：设计一个Box类的JavaBean：属性：length/width/height double类型方法：getXxxx和setXxxx方法 不带参数构造函数(使属性值均为0) 求体积函数getCV()步骤：n 新建Dynamic Web项目(testBean)n 新建public class； ( Box.java，package javaBean， )n 输入属性变量； n 在代码编辑区右键SourceGenerate Getters and Setters select all 属性，public型自动生成getXxxx和setXxxx； n 不带参数构造函数和求体积函数手工输入： public Box() length=0; width=0; height=0; public double getCV() return length*width*height; n 编译JavaBean：无错误后保存自动生成Box.class； n 部署JavaBean： 此时会自动将javaBean包(box.class)放到Web-INF/classes中 n 创建JSP程序：index.jsp： 在JSP中使用JavaBean长方体的长度为：长方体的宽度为：长方体的高度为：% out.println(长方体的容积为：+box.getCV()+); % 运行即可。上机编程题设计一个Triangle的JavaBean，并在JSP中进行测试。属性：三条边：a，b，c (double类型)方法：不带参数构造函数(使属性值均为0)；判断是否是三角形，求周长函数getC()；求面积函数getArea()。注意：录入的数据必须为非0正实数，需要验证。实验5 JDBC编程（2学时）实验目的掌握JSPMySQL数据库的连接及访问方式。掌握JSPMySQL数据库的查询、增加、删除和修改操作。实验任务JDBC编程测试JSP连接MySQL数据库并显示表记录。 % String url =jdbc:mysql:/localhost:3306/menagerie; /数据库连接字符串 Class.forName(org.gjt.mm.mysql.Driver).newInstance(); /加载驱动程序 Connection conn= DriverManager.getConnection(url,root,dba); /建立连接 Statement stmt=conn.createStatement(); /创建语句对象 String sql=select * from pet; /表为pet ResultSet rs=stmt.executeQuery(sql); /获得结果集 while( rs.next() ) /处理结果集 out.print(rs.getString(owner)+); rs.close(); stmt.close(); conn.close();%上机编程题1、首先创建一个数据库userdb，该库中有一个名为user的表，该表用于存放注册用户的信息，user ( id char(18) not null primary key, psd char(16)。完成用户注册功能：(1) 客户端reg