《JavaEE项目实践》教案

JavaEE项目实践教 案课程代码： 030962 总课时数： 136 适用专业： 计算计应用技术 系（部）名称： 软件工程系 教研室名称： 软件技术 修订时间： 2011年9月 授课日期：第6周 周二38、周三34、周四510、周五12授课类型：演示、讲解、练习、辅导 课时：16 教学内容：1、如何使用图片代替提交按钮2、制作回车切换输入的特效和即时提示错误的特效3、制作内容动态改变的层特效教学目标：1、会使用图片代替提交按钮2、会使用OnKeyDown事件检查用户输入的特效字符3、会使用DIV的innerHTML或innerText动态显示内容4、会使用多个DIV动态隐藏或显示内容教学重点：1、OnKeyDown键盘事件2、会使用DIV的innerHTML或innerText动态显示内容教学难点：会使用多个DIV动态隐藏或显示内容教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：页面中加入动态效果实训1：使用JavaScript验证表单 一、实训目的1、掌握使用JavaScript验证表单的方法二、实训环境Dreamweaver三、实训教学方法“演示、讲解、练习、辅导”相结合：演示页面最终效果；讲解页面元素的功能和实现方法；让学生自己实现页面效果；对学生的练习进行辅导。四、实训注意事项1、JavaScript不容易调试，在写代码时需格外注意2、JavaScript区分大小写五、实训内容及步骤1、演示使用JavaScript制作的客户端验证的网页2、修改表单把注册帐号、帐号密码、确认密码对应的文本框名称分别改为：zczh、zhmm1、zhmm2。3、编写事件驱动代码在提交按钮的代码中加入事件驱动代码：onclick=return check()4、编写check函数在中插入客户端验证代码，主要保证1）“注册帐号”、“帐号密码”、“确认密码”非空；2）“帐号密码”和“确认密码”一致；3）“帐号密码”位数为6-20位代码如下：function check()if(document.form1.zczh.value=)window.alert(请输入注册帐号);document.form1.zczh.value=;document.form1.zczh.focus();return false;if(document.form1.zhmm1.value=)window.alert(请输入帐号密码);document.form1.zhmm1.value=;document.form1.zhmm1.focus();return false;if(document.form1.zhmm2.value=)window.alert(请输入确认密码);document.form1.zhmm2.value=;document.form1.zhmm2.focus();return false;if(document.form1.zhmm1.value!=document.form1.zhmm2.value)window.alert(两次密码不一致，请重新输入);document.form1.zhmm1.value=;document.form1.zhmm2.value=;document.form1.zhmm1.focus();return false;if(document.form1.zhmm1.value.length20)window.alert(密码长度范围必须在6和20之间);document.form1.zhmm1.value=;document.form1.zhmm2.value=;document.form1.zhmm1.focus();return false;return true;六、实训结果提交与成绩评定1、提交用客户端验证的表单页面七、实训小结表单客户端验证可以减轻服务器负担，使得客户端反应更快。授课日期：第6周 周六16、周日18授课类型：演示、讲解、练习、辅导 课时：14 教学内容：把前两章的内容做综合讲解教学目标：通过讲解使同学们更加清晰牢固的掌握所学知识点，并能够灵活运用到现实中。教学重点：知识点在实际中的应用教学难点：知识点的综合运用教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：对页面进行细化实训2：JavaScript综合实例 一、实训目的1、掌握使用JavaScript的时间函数制作简单的时钟2、掌握跑马灯效果的实现方法3、掌握使用JavaScript实现客户端换头像的方法二、实训环境Dreamweaver三、实训教学方法“演示、讲解、练习、辅导”相结合：演示页面最终效果；讲解页面元素的功能和实现方法；让学生自己实现页面效果；对学生的练习进行辅导。四、实训注意事项1、JavaScript不容易调试，在写代码时需格外注意2、JavaScript区分大小写五、实训内容及步骤1、制作简单的时钟(1)显示当前时间 在中加入如下代码: var now=new Date() document.write(现在是+now.getYear()+年+(now.getMonth()+1)+月+now.getDate()+日+now.getHours()+时+now.getMinutes()+分+now.getSeconds()+秒) (2)让页面每秒刷新一次在中加入如下代码: 2、实现跑马灯效果在中入如下代码:var message=欢迎光临我的个人主页.;var loc=0;function pmd() len=message.length;window.status=message.substring(0,loc);loc+;if(loclen)loc=0;window.setTimeout(pmd();,300);pmd();3、使用JavaScript实现头像变换 1)找到8个头像图片文件(gif或jpg)，命名为:1.jpg8.jpg.存放在face文件夹中。2)新建一个基本页，插入一个表单，在表单中插入一个列表框，命名为“txSelect”，增加8个选项，格式如下： 头像1； 3)在表单中插入图像“1.jpg”，并命名为“tx”。4)在列表框中添加onChange事件 onchange=htx() 5)在中写htx()函数function htx()document.form1.tx.src=face/+document.form1.txSelect.value+.jpg;完整代码如下：使用JavaScript实现头像变换function htx()document.form1.tx.src=face/+document.form1.txSelect.value+.jpg; 请选择你的头像： 头像1头像2头像3头像4头像5头像6头像7头像8 六、实训结果提交与成绩评定1、提交有简单的时钟的网页2、提交跑马灯效果的网页3、提交有换头像功能的网页七、实训小结授课日期：第7周 周二38、周三34、周四510、周五12授课类型：演示、讲解、练习、辅导 课时：16 教学内容：1、JSP工作原理与运行环境2、JSP页面的基本结构3、变量和方法的声明4、表达式教学目标：1、掌握JSP的工作原理及在JDK与TOMCAT下的环境配置2、掌握JSP页面的基本结构教学重点：掌握JSP程序片和方法的用法教学难点：JSP的运行原理和JAVA程序片的用法教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：页面引入内置对象实训3：JSP程序的编写一、实训目的1、会编写简单的 JSP程序 2、会用 JSP脚本及表达式的基本用法 3、会使用 URL向 JSP传递参数二、实训环境连接着Internet的计算机、Dreamweaver 8.0、MyEclipse 7.0三、实训教学方法“演示、讲解、练习、辅导”相结合：演示JSP的作用；讲解使用JSP的过程，对学生的练习进行辅导。四、实训注意事项五、实训内容及步骤1、编写一普通 HTML页面(getuser.html)，此页面将调用 JSP页面 (Customer.jsp)，将这些文件置于 TOMCAT的 webappsmyprog文件夹中。启动 TOMCAT后，在浏览器中输入 http:/localhost:8080/myprog/ getuser.html后，点击超级链接，观察输出结果。代码如下： Customer.jsp代码： Welcome To JSP your id is getuser.html代码： Customer Name: Customer Id : 2、作为练习，理解如下 JSP代码。在浏览器中多次调用后，结果如何？ Count.jsp This is a scriptlet example Hello world ! JSP Predefined Variables(预定义变量) 3、阅读代码并作相应的上机练习，理解在 JSP中各种变量的定义、使用。 1) Country: Language: 2) HTTP method: IP Address: DNS Name (or IP Address again): 4、阅读下面代码并作相应的上机练习，理解在 JSP中动作的产生及处理。 First.jsp first.jsp This is the main document Including second.jsp file using jsp:include second.jsp second.jsp This is the second document 六、实训结果提交与成绩评定1、学生要理解 JSP工作机制及特点。七、实训小结授课日期：第7周 周六16、周日18授课类型：演示、讲解、练习、辅导 课时：14 教学内容：1、内置对象的作用和实现效果2、如何使用各个内置对象教学目标：掌握request、response、session、outpageContext对象的属性、方法及应用教学重点：JSP内置对象的含义、属性、方法及使用教学难点：各对象的综合运用教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：页面引入内置对象实训4：JSP内置对象一、实训目的1、会应用 JSP内置对象进行程序设计。2、掌握 JSP内置对象的常用方法3、理解 JSP中 9个内置对象 request、reponse、 out、 session、 application、 config、 pagecontext、 page、 exception的使用方法。二、实训环境连接着Internet的计算机、Dreamweaver 8.0、MyEclipse 7.0三、实训教学方法“演示、讲解、练习、辅导”相结合：演示内置对象的优点；讲解各个内置对象的区别和使用方法，对学生的练习进行辅导。四、实训注意事项五、实训内容及步骤1、request对象客户端的请求信息被封装在 request对象中，通过它才能了解到客户的需求，然后做出响应。它是 HttpServletRequest类的实例。参考源代码： 请求方式： 请求的资源： 请求用的协议： 请求的文件名： 请求的服务器的 IP： 请求服务器的端口： 客户端 IP地址： 客户端主机名： 表单提交来的值： %String str = ; if (request.getParameter(qwe) != null) Enumeration enumt = request.getParameterNames(); while (enumt.hasMoreElements() str = enumt.nextElement().toString(); out.println(str + :+request.getParameter(str)+ );% 2、response对象response对象包含了响应客户请求的有关信息，但在 JSP中很少直接用到它。它是 HttpServletResponse类的实例。本例演示如何进行客户端重定向。参考源代码： index.jsp代码如下：(mypage.jsp代码略，请同学们自己编写) Please select: go to sohu go to avceit go to mypage 3、session对象 session对象指的是客户端与服务器的一次会话，从客户连到服务器的一个 WebApplication开始，直到客户端与服务器断开连接为止。它是 HttpSession类的实例。 session的创建时间:   session的 Id号: 客户端最近一次请求时间:   两次请求间隔多长时间此 SESSION被取消 (ms): 是否是新创建的一个 SESSION:%String str; Enumeration enum1=session.getAttributeNames(); while(enum1.hasMoreElements() str=enum1.nextElement().toString(); out.println(str+:+session.getAttribute(str)+); % 4、out对象 out对象是 JspWriter类的实例,是向客户端输出内容常用的对象参考源代码： % for (int i = 0; i 缓存大小： 剩余缓存大小： 自动刷新： 5、pageContext对象pageContext对象提供了对 JSP页面内所有的对象及名字空间的访问，也就是说他可以访问到本页所在的 SESSION，也可以取本页面所在的 application的某一属性值，他相当于页面中所有功能的集大成者，它的本类名也叫 pageContext。参考源代码： request设定的值： session设定的值： application设定的值： 范围 1内的值： 范围 2内的值： 范围 3内的值： 范围 4内的值： pageContext修改后的 session设定的值： pageContext修改后的 application设定的值： 值的查找： 属性 name的范围： 六、实训结果提交与成绩评定1、调试各对象实例程序 2、掌握各对象应用方法七、实训小结授课日期：第8周 周二38、周三34、周四510、周五12授课类型：演示、讲解、练习、辅导 课时：16 教学内容：1、JavaBean的作用2、JavaBean的编写方法教学目标：1、会编写 JavaBean程序2、掌握 JavaBean的编写方法教学重点： JavaBean的编写方法教学难点： JavaBean在一个网站中的作用 教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：处理客户端请求实训5：JavaBean在JSP中的运用一、实训目的1、会编写 JavaBean程序。2、掌握 JavaBean的编写方法。二、实训环境连接着Internet的计算机、Dreamweaver 8.0、MyEclipse 7.0三、实训教学方法“演示、讲解、练习、辅导”相结合：讲解JavaBean的作用以及使用方法，对学生的练习进行辅导。四、实训注意事项五、实训内容及步骤以下用建立一个用户注册登陆小模块实例，来说明 Javabean的编制过程。1、在 SQL SERVER 2000 中建立数据库 MYDB 新建一个表 user_Info，包含如下两个字段(字符型)：username及 passwords。顺便添加一些记录。 2、建立 javabean类 1）建立一个 javabean类用来封装用户的信息（姓名和密码），以方便 JSP传递获取数据。注意，这个类中建立起了一系列 getXXX()和 setXXX()方法。 UserInfo.java package user;/存放 UserInfo.java的包，该包中放在 web-inf目录下 public class UserInfo private String password; private String name; /获取信息 public String getPassword() return this.password; public String getName() return ; /设置信息public void setPassword(String p) this.password=p; public void setName(String n) =name; 2）建立另一个 javabean用以处理数据库操作以及一些简单的逻辑操作。 UserRegist.java import java.sql.*; public class UserRegist private UserInfo userInfo; /在此 javabean中把 UserInfo.java这个 javabean引进来 private Connection conn=null; /连接数据库 public UserRegist() try Class.forName(com.microsoft.jdbc.sqlserver.SQLServerDriver).newInstance(); conn=DriverManager.getConnection(jdbc:microsoft:sqlserver:/localhost:1433; DatabaseName=MYDB,”sa”,”); catch(Exception e) e.printStackTrace(); public void setUserInfo(UserInfo userInfo) this.userInfo=userInfo; /进行注册 public void regist()throws Exception String reg=insert into user_Info values(?,?); try PreparedStatement pstmt=conn.prepareStatement(reg); /create a preparestatement sentence ,then to set their name pstmt.setString(1,userInfo.getPassword(); pstmt.setString(2,userInfo.getName(); /excute update pstmt.executeUpdate(); catch(Exception e) e.printStackTrace();throw e; 将上述两个文件编译后，将相应的.class文件放至相应的目录中，1）放入 web-inf user下，2）放入 web-inf目录中。3、做一个简单的表单 html页面(login.html)用以接受用户输入的信息。 login.html username: userpassword: 将此页面直接置于应用程序目录中。最后要做的事就是用一个简单的 jsp页面让两个javabean工作起来regist.jsp /利用此标签来调用 UserInfo.java /利用此标签来用 UserInfo.java接受并保存表单中的信息 /来调用 UserRegist.java back 将此页面直接置于应用程序目录(假定为 myapps)中。4、调试启动Tomcat后，在IE中输入 http:/localhost:8080/myapps/login.html，在页面试着登录看看。六、实训结果提交与成绩评定1、设计一个 javabean 2、在 JSP页面中调用 javabean七、实训小结授课日期：第8周 周六16、周日18授课类型：演示、讲解、练习、辅导 课时：14 教学内容：1、servlet的作用2、servlet的编写方法教学目标：1、会编写 servlet程序2、掌握 servlet的编写方法教学重点：servlet的编写方法教学难点：servlet在一个网站中的作用 教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：处理客户端请求实训6：SERVLET编程一、实训目的1、会编写 servlet。 2、会在 tomcat下配置 WEB.XML。二、实训环境连接着Internet的计算机、Dreamweaver 8.0、MyEclipse 7.0三、实训教学方法“演示、讲解、练习、辅导”相结合：演示Servlet的作用；讲解使用JSP的过程，对学生的练习进行辅导。四、实训注意事项五、实训内容及步骤1、新建一个 servlet程序，文件名为 memo.java，文件内容如下： import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class memo extends HttpServlet public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException response.setContentType(text/html;charset=GBK); PrintWriter out = response.getWriter(); request.setCharacterEncoding(GBK); String Name = request.getParameter(Name); String Sex = request.getParameter(Sex); String Email = request.getParameter(Email); String HomePage = request.getParameter(HomePage); String Subject = request.getParameter(Subject); String Memo = request.getParameter(Memo); if(Name null | Name.equals() | Email null | Email.equals() | Subject null | Subject.equals() | Memo null | Memo.equals() out.println(); out.println(请将表单信息填写完整！ ); out.println(姓名、E-mail、留言主题、留言请务必填写！); out.println(单击这里返回); return; if(Sex.equals(Man) Sex = 男;elseSex = 女; out.println(留言成功！); out.println(Name); if(Sex.equals(男)out.println(先生); else out.println(小姐); out.println(你的留言信息如下); out.println(); out.println(主题是：+Subject+); out.println(内容是：+Memo+); out.println(再次留言); 2、编译 servlet 将 memo.java放在 c:memo下，使用如下命令编译： C:memojavac memo.java然后在 c:memo下会产生一个编译后的 servlet文件：memo.class将文件 memomemo.class剪切到 webappsmyappWEB-INFclasses下。3、配置 servlet 修改webappsmyappWEB-INFweb.xml，添加servlet和 servlet-mapping。编辑后的 web.xml如下所示： !- memomemo memo/memo 4、建立静态页面 memo.html 页面效果如下：5、调试程序启动 Tomcat，启动浏览器，输入 http:/localhost:8080/myapp/memo/ memo.html 调试程序。注意：修改了 web.xml以及新加了 class，都要重启 Tomcat。六、实训结果提交与成绩评定1、学会使用 servlet。2、理解 servlet的运行机制及编程时常用方法。七、实训小结授课日期：第9周 周二38、周三34、周日18授课类型：演示、讲解、练习、辅导 课时：16 教学内容：1、JDBC工作原理2、JDBC中的主要对象和接口3、创建数据库连接4、执行简单SQL语句5、处理执行结果6、释放资源教学目标：1、掌握 JDBC在与数据库相连时的步骤2、掌握 JDBC与常用数据库的连接方法教学重点：JDBC在与数据库相连时的步骤教学难点：JDBC在与数据库相连时的步骤教学过程：内容讲授 学生实践 作业布置 新课内容预告教学手段：多媒体教学软件 + 个别辅导作 业：对数据库中的数据进行增、删、改、查实训7：JDBC访问数据库一、实训目的1、掌握 JDBC在与数据库相连时的步骤; 2、掌握 JDBC与常用数据库的连接方法。二、实训环境连接着Internet的计算机、Dreamweaver 8.0、Sq