JavaEE项目实践教案_第1页
JavaEE项目实践教案_第2页
JavaEE项目实践教案_第3页
JavaEE项目实践教案_第4页
JavaEE项目实践教案_第5页
已阅读5页，还剩25页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《JavaEE项目实践》教案课程代码：030962总课时数：136适用专业：计算计应用技术系（部）名称：软件工程系教研室名称：软件技术修订时间：2011年9月

授课日期：第6周周二3—8、周三3—4、周四5—10、周五1—2授课类型：演示、讲解、练习、辅导课时：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="returncheck()"4、编写check函数 在<head></head>中插入客户端验证代码，主要保证1）“注册帐号”、“帐号密码”、“确认密码”非空；2）“帐号密码”和“确认密码”一致；3）“帐号密码”位数为6-20位代码如下：<scriptlanguage="javascript"> functioncheck() { if"") { ("请输入注册帐号"); ""; returnfalse; } if"") { ("请输入帐号密码"); ""; returnfalse; } if"") { ("请输入确认密码"); ""; returnfalse; } if { ("两次密码不一致，请重新输入"); ""; ""; returnfalse; } if { ("密码长度范围必须在6和20之间"); ""; ""; returnfalse; } returntrue; }</script>六、实训结果提交与成绩评定1、提交用客户端验证的表单页面七、实训小结 表单客户端验证可以减轻服务器负担，使得客户端反应更快。

授课日期：第6周周六1—6、周日1—8授课类型：演示、讲解、练习、辅导课时：14教学内容：把前两章的内容做综合讲解教学目标：通过讲解使同学们更加清晰牢固的掌握所学知识点，并能够灵活运用到现实中。教学重点：知识点在实际中的应用教学难点：知识点的综合运用教学过程：内容讲授学生实践作业布置新课内容预告教学手段：多媒体教学软件+个别辅导作业：对页面进行细化

实训2：JavaScript综合实例一、实训目的1、掌握使用JavaScript的时间函数制作简单的时钟2、掌握跑马灯效果的实现方法3、掌握使用JavaScript实现客户端换头像的方法二、实训环境Dreamweaver三、实训教学方法“演示、讲解、练习、辅导”相结合：演示页面最终效果；讲解页面元素的功能和实现方法；让学生自己实现页面效果；对学生的练习进行辅导。四、实训注意事项1、JavaScript不容易调试，在写代码时需格外注意2、JavaScript区分大小写五、实训内容及步骤1、制作简单的时钟 (1)显示当前时间在<body></body>中加入如下代码:<script>varnow=newDate()("现在是"+()+"年"+()+1)+"月"+()+"日"+()+"时"+()+"分"+()+"秒")</script> (2)让页面每秒刷新一次 在<head></head>中加入如下代码:<metahttp-equiv="refresh"content="1"/> 2、实现跑马灯效果 在<body></body>中入如下代码:<script> varmessage="欢迎光临我的个人主页"; varloc=0; functionpmd(){ len=; =(0,loc); loc++; if(loc>len)loc=0; ("pmd();",300); } pmd();</script> 3、使用JavaScript实现头像变换 1)找到8个头像图片文件(gif或jpg)，命名为:—.存放在face文件夹中。 2)新建一个基本页，插入一个表单，在表单中插入一个列表框，命名为“txSelect”，增加8个选项，格式如下： <optionvalue=“1”… 3)在表单中插入图像“”，并命名为“tx”。 4)在列表框中添加onChange事件onchange="htx()" 5)在<head></head>中写htx()函数<script>functionhtx(){ "face/"+".jpg";}</script>完整代码如下：<html><head><title>使用JavaScript实现头像变换</title><script>functionhtx(){ "face/"+".jpg";}</script></head><body><formid="form1"name="form1"method="post"action=""><label><divalign="center">请选择你的头像：<selectid="txSelect"name="txSelect"onchange="htx()"> <optionvalue="1">头像1</option> <optionvalue="2">头像2</option> <optionvalue="3">头像3</option> <optionvalue="4">头像4</option> <optionvalue="5">头像5</option> <optionvalue="6">头像6</option> <optionvalue="7">头像7</option> <optionvalue="8">头像8</option></select><imgsrc="face/"width="48"height="48"name="tx"id="tx"/></div></label></form></body></html> 六、实训结果提交与成绩评定1、提交有简单的时钟的网页2、提交跑马灯效果的网页3、提交有换头像功能的网页七、实训小结

授课日期：第7周周二3—8、周三3—4、周四5—10、周五1—2授课类型：演示、讲解、练习、辅导课时：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、MyEclipse三、实训教学方法“演示、讲解、练习、辅导”相结合：演示JSP的作用；讲解使用JSP的过程，对学生的练习进行辅导。四、实训注意事项 五、实训内容及步骤1、编写一普通HTML页面，此页面将调用JSP页面，将这些文件置于TOMCAT的webapps\myprog文件夹中。启动TOMCAT后，在浏览器中输入后，点击超级链接，观察输出结果。代码如下：代码：<html><bodybgcolor=wheat><%Stringname=(“text1”);Stringid=(“text2”);%><fontcolor=red><b>WelcomeToJSP<%=name%>youridis<%=id%></b></font></body></html>代码：<html><bodybgcolor=”wheat”><formaction=”CustomerName:<inputtype=textname=text1>CustomerId:<inputtype=textname=text2><inputtype=submitvalue=Enter><inputtype=resetvalue=Clear></form></body></html>2、作为练习，理解如下JSP代码。在浏览器中多次调用后，结果如何<html><body><h1>Thisisascriptletexample</h1><b><fontcolor=red><%!IntI=0;%><%I++;%>Helloworld!<%=”ThisJSPhasbeenaccessed“+I+”times”%></font></b></body></html>JSPPredefinedVariables(预定义变量)3、阅读代码并作相应的上机练习，理解在JSP中各种变量的定义、使用。1)<%@pagecontentType=”text/html;charset=GBK”%><html><bodybgcolor=”#ffcccc”>Country:<%=().getDisplayCountry()%><br>Language:<%=().getDisplayLanguage()%></body></html>2)<html><bodybgcolor=”#ffccac”><b>HTTPmethod:</b><%=()%><br><b>IPAddress:</b><%=()%><br><b>DNSName(orIPAddressagain):</b><%=()%></body></html>4、阅读下面代码并作相应的上机练习，理解在JSP中动作的产生及处理。<HTML><HEAD><TITLE></TITLE></HEAD><BODY><P><H1>Thisisthemaindocument</H1><P>Includingfileusingjsp:include<BR><jsp:includepage=””flush=”true”/><BR><P></BODY><HTML><HTML><HEAD><TITLE></TITLE></HEAD><BODY><P><HR><H3>Thisistheseconddocument</H3><%!Intvisits=0;%><%visits++;%><%=“VISITORS:“+visits%><P><HR></BODY><HTML>六、实训结果提交与成绩评定 1、学生要理解JSP工作机制及特点。七、实训小结

授课日期：第7周周六1—6、周日1—8授课类型：演示、讲解、练习、辅导课时：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、MyEclipse三、实训教学方法“演示、讲解、练习、辅导”相结合：演示内置对象的优点；讲解各个内置对象的区别和使用方法，对学生的练习进行辅导。四、实训注意事项 五、实训内容及步骤1、request对象客户端的请求信息被封装在request对象中，通过它才能了解到客户的需求，然后做出响应。它是HttpServletRequest类的实例。参考源代码：<%@pagelanguage="java"import=".*"pageEncoding="GBK"%><html><bodybgcolor="#FFFFF0"><formaction=""method="post"><inputtype="text"name="qwe"><inputtype="submit"value="提交"></form>请求方式：<%=()%><br>请求的资源：<%=()%><br>请求用的协议：<%=()%><br>请求的文件名：<%=()%><br>请求的服务器的IP：<%=()%><br>请求服务器的端口：<%=()%><br>客户端IP地址：<%=()%><br>客户端主机名：<%=()%><br>表单提交来的值：<%=("qwe")%><br><%Stringstr="";if("qwe")!=null){Enumerationenumt=();while()){str=().toString();(str+":"+(str)+"<br>");}}%></body></html>2、response对象response对象包含了响应客户请求的有关信息，但在JSP中很少直接用到它。它是HttpServletResponse类的实例。本例演示如何进行客户端重定向。参考源代码：代码如下：代码略，请同学们自己编写)<%@pagelanguage="java"import=".*"pageEncoding="gbk"%><html><body><%Stringaddress=("where");if(address!=null){if("sohu"))("");elseif("avceit"))("");elseif("mypage"))("");}%><b>Pleaseselect:</b><br><formaction=""method="GET"><selectname="where"><optionvalue="sohu"selected>gotosohu<optionvalue="avceit">gotoavceit<optionvalue="mypage">gotomypage</select><inputtype="submit"value="go"></form></body></html>3、session对象session对象指的是客户端与服务器的一次会话，从客户连到服务器的一个WebApplication开始，直到客户端与服务器断开连接为止。它是HttpSession类的实例。<%@pagelanguage="java"import=".*"pageEncoding="gbk"%><html><body><br>session的创建时间:<%=()%>  <%=newDate())%><br><br>session的Id号:<%=()%><br><br>客户端最近一次请求时间:<%=()%>  <%=new<br>两次请求间隔多长时间此SESSION被取消(ms):<%=()%><br><br>是否是新创建的一个SESSION:<%=()"是":"否"%><br><br><%("name","火星人");("nmber","1234567");%><%Stringstr;Enumeration<String>enum1=();while()){str=().toString();(str+":"+(str)+"<br>");}%><br></body></html>4、out对象out对象是JspWriter类的实例,是向客户端输出内容常用的对象参考源代码：<%@pagelanguage="java"import=".*"pageEncoding="gbk"%><html><body><%for(inti=0;i<2000;i++)(i+"{"+()+"}");%><br>缓存大小：<%=()%><br>剩余缓存大小：<%=()%><br>自动刷新：<%=()%><br><%();--%><%();--%></body></html>5、pageContext对象pageContext对象提供了对JSP页面内所有的对象及名字空间的访问，也就是说他可以访问到本页所在的SESSION，也可以取本页面所在的application的某一属性值，他相当于页面中所有功能的集大成者，它的本类名也叫pageContext。参考源代码：<%@pagelanguage="java"import=".*"pageEncoding="gbk"%><html><body><%("name","软件071");("name","软件072");("name","编程071");%>request设定的值：<%=().getAttribute("name")%><br>session设定的值：<%=().getAttribute("name")%><br>application设定的值：<%=().getAttribute("name")%><br>范围1内的值：<%=("name",1)%><br>范围2内的值：<%=("name",2)%><br>范围3内的值：<%=("name",3)%><br>范围4内的值：<%=("name",4)%><br><!--从最小的范围page开始，然后是reques、session以及application--><%("name",3);%>pageContext修改后的session设定的值：<%=("name")%><br><%("name","南博０８软件",4);%>pageContext修改后的application设定的值：<%=().getAttribute("name")%><br>值的查找：<%=("name")%><br>属性name的范围：<%=("name")%><br></body></html>六、实训结果提交与成绩评定1、调试各对象实例程序2、掌握各对象应用方法七、实训小结

授课日期：第8周周二3—8、周三3—4、周四5—10、周五1—2授课类型：演示、讲解、练习、辅导课时：16教学内容：1、JavaBean的作用2、JavaBean的编写方法教学目标：1、会编写JavaBean程序2、掌握JavaBean的编写方法教学重点：JavaBean的编写方法教学难点：JavaBean在一个网站中的作用教学过程：内容讲授学生实践作业布置新课内容预告教学手段：多媒体教学软件+个别辅导作业：处理客户端请求

实训5：JavaBean在JSP中的运用一、实训目的1、会编写JavaBean程序。2、掌握JavaBean的编写方法。二、实训环境 连接着Internet的计算机、Dreamweaver、MyEclipse三、实训教学方法“演示、讲解、练习、辅导”相结合：讲解JavaBean的作用以及使用方法，对学生的练习进行辅导。四、实训注意事项 五、实训内容及步骤以下用建立一个用户注册登陆小模块实例，来说明Javabean的编制过程。1、在SQLSERVER2000中建立数据库MYDB新建一个表user_Info，包含如下两个字段(字符型)：username及passwords。顺便添加一些记录。2、建立javabean类1）建立一个javabean类用来封装用户的信息（姓名和密码），以方便JSP传递获取数据。注意，这个类中建立起了一系列getXXX()和setXXX()方法。packageuser;;publicclassUserRegist{privateUserInfouserInfo;ewInstance();;conn=("jdbc:microsoft:;DatabaseName=MYDB",”sa”,””);}catch(Exceptione){();}}publicvoidsetUserInfo(UserInfouserInfo){=userInfo;}lass文件放至相应的目录中，1）放入web-inf\user下，2）放入web-inf目录中。3、做一个简单的表单html页面用以接受用户输入的信息。<formaction=""name="form1"><table><tr><td>username:</td><td><inputname="name"></input></td></tr><tr><td>userpassword:</td><td><inputtype="password"name="password"></input></td></tr><tr><td><inputtype="submit"value="go"></td><td><inputtype="reset"value="reset"></td><table></form>将此页面直接置于应用程序目录中。最后要做的事就是用一个简单的jsp页面让两个javabean工作起来<%@pagecontentType="text/html;charset=GB2312"%>;import.*;importpublicclassmemoextendsHttpServlet{publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{("text/html;charset=GBK");PrintWriterout=();("GBK");StringName=("Name");StringSex=("Sex");StringEmail=("Email");StringHomePage=("HomePage");StringSubject=("Subject");StringMemo=("Memo");if(Name＝＝null||("")||Email＝＝null||("")||Subject＝＝null||("")||Memo＝＝null||("")){("<BODYBGCOLOR='#FFFFFF'>");("<CENTER><fontsize='6'><B>请将表单信息填写完整！</B></FONT><BR>");("姓名、E-mail、留言主题、留言请务必填写！<br>");("<ahref=javascript:()>单击这里返回</a>");return;}if("Man"))Sex="男";elseSex="女";("留言成功！<br>");(Name);if("男"))("先生");else("小姐");("你的留言信息如下<br>");("<hr>");("主题是："+Subject+"<br>");("内容是："+Memo+"<br>");("<ahref="">再次留言</a>");}}2、编译servlet将放在c:\memo下，使用如下命令编译：C:\memo>javac然后在c:\memo下会产生一个编译后的servlet文件：将文件memo\剪切到webapps\myapp\WEB-INF\classes下。3、配置servlet修改webapps\myapp\WEB-INF\，添加servlet和servlet-mapping。编辑后的如下所示：<xmlversion=""encoding="ISO-8859-1"><!--<xmlversion=""encoding="GB2312">--><web-appxmlns=""xmlns:xsi=""xsi:schemaLocation=""version=""><servlet><servlet-name>memo</servlet-name><servlet-class>memo</servlet-class></servlet><servlet-mapping><servlet-name>memo</servlet-name><url-pattern>/memo</url-pattern></servlet-mapping></web-app>4、建立静态页面页面效果如下：5、调试程序 启动Tomcat，启动浏览器，输入调试程序。注意：修改了以及新加了class，都要重启Tomcat。六、实训结果提交与成绩评定1、学会使用servlet。2、理解servlet的运行机制及编程时常用方法。七、实训小结

授课日期：第9周周二3—8、周三3—4、周日1—8授课类型：演示、讲解、练习、辅导课时：16教学内容：1、JDBC工作原理2、JDBC中的主要对象和接口3、创建数据库连接4、执行简单SQL语句5、处理执行结果6、释放资源教学目标：1、掌握JDBC在与数据库相连时的步骤2、掌握JDBC与常用数据库的连接方法教学重点：JDBC在与数据库相连时的步骤教学难点：JDBC在与数据库相连时的步骤教学过程：内容讲授学生实践作业布置新课内容预告教学手段：多媒体教学软件+个别辅导作业：对数据库中的数据进行增、删、改、查实训7：JDBC访问数据库一、实训目的1、掌握JDBC在与数据库相连时的步骤;2、掌握JDBC与常用数据库的连接方法。二、实训环境 连接着Internet的计算机、Dreamweaver、Sql2005、MyEclipse三、实训教学方法“演示、讲解、练习、辅导”相结合：演示数据库的连接，讲解如何读取和操作各种数据，对学生的练习进行辅导。四、实训注意事项 五、实训内容及步骤1、掌握ODBC的使用通读下例并上机运行，掌握JAVA是如何通过ODBC操纵数据库的。import.*;import.*;publicclassProductDos{publicstaticvoidmain(Stringargs[]){try{Connectionconn;Statementstmt;BufferedReaderbr=newBufferedReader(newInputStreamReader);Stringinput;intprodID,prodPrice,discount;StringprodName;"ProductID:");input=();prodID=newInteger(input).intValue();"ProductName:");prodName=();"ProductPrice:");input=();prodPrice=newInteger(input).intValue();"Discount:");input=();discount=newInteger(input).intValue();"Connecting

人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论