《JavaEE项目实践》教案Word下载.docx
《《JavaEE项目实践》教案Word下载.docx》由会员分享，可在线阅读，更多相关《《JavaEE项目实践》教案Word下载.docx（27页珍藏版）》请在冰豆网上搜索。
“演示、讲解、练习、辅导”相结合：
演示页面最终效果；
讲解页面元素的功能和实现方法；
让学生自己实现页面效果；
对学生的练习进行辅导。
四、实训注意事项
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（document.form1.zczh.value=="
"
）
{
window.alert（"
请输入注册帐号"
）;
document.form1.zczh.value="
;
document.form1.zczh.focus（）;
returnfalse;
}
if（document.form1.zhmm1.value=="
请输入帐号密码"
document.form1.zhmm1.value="
document.form1.zhmm1.focus（）;
if（document.form1.zhmm2.value=="
请输入确认密码"
document.form1.zhmm2.value="
document.form1.zhmm2.focus（）;
if（document.form1.zhmm1.value!
=document.form1.zhmm2.value）
两次密码不一致，请重新输入"
if（document.form1.zhmm1.value.length<
6||document.form1.zhmm1.value.length>
20）
密码长度范围必须在6和20之间"
returntrue;
}
/script>
六、实训结果提交与成绩评定
1、提交用客户端验证的表单页面
七、实训小结
表单客户端验证可以减轻服务器负担，使得客户端反应更快。
第6周周六1—6、周日1—8
14
把前两章的内容做综合讲解
通过讲解使同学们更加清晰牢固的掌握所学知识点，并能够灵活运用到现实中。
知识点在实际中的应用
知识点的综合运用
对页面进行细化
实训2：
JavaScript综合实例
1、掌握使用JavaScript的时间函数制作简单的时钟
2、掌握跑马灯效果的实现方法
3、掌握使用JavaScript实现客户端换头像的方法
1、制作简单的时钟
（1）显示当前时间
body>
/body>
中加入如下代码:
<
script>
varnow=newDate（）
document.write（"
现在是"
+now.getYear（）+"
年"
+（now.getMonth（）+1）+"
月"
+now.getDate（）+"
日"
+now.getHours（）+"
时"
+now.getMinutes（）+"
分"
+now.getSeconds（）+"
秒"
）
（2）让页面每秒刷新一次
metahttp-equiv="
refresh"
content="
1"
/>
2、实现跑马灯效果
在<
中入如下代码:
varmessage="
欢迎光临我的个人主页......"
varloc=0;
functionpmd（）{
len=message.length;
window.status=message.substring（0,loc）;
loc++;
if（loc>
len）loc=0;
window.setTimeout（"
pmd（）;
300）;
pmd（）;
3、使用JavaScript实现头像变换
1）找到8个头像图片文件（gif或jpg），命名为:
1.jpg—8.jpg.存放在face文件夹中。
2）新建一个基本页，插入一个表单，在表单中插入一个列表框，命名为“txSelect”，增加8个选项，格式如下：
optionvalue=“1”>
头像1<
/option>
；
…
3）在表单中插入图像“1.jpg”，并命名为“tx”。
4）在列表框中添加onChange事件
onchange="
htx（）"
5）在<
中写htx（）函数
functionhtx（）
{document.form1.tx.src="
face/"
+document.form1.txSelect.value+"
.jpg"
}
完整代码如下：
html>
title>
使用JavaScript实现头像变换<
/title>
{
document.form1.tx.src="
formid="
form1"
name="
method="
post"
action="
label>
divalign="
center"
请选择你的头像：
selectid="
txSelect"
<
optionvalue="
2"
头像2<
3"
头像3<
4"
头像4<
5"
头像5<
6"
头像6<
7"
头像7<
8"
头像8<
/select>
imgsrc="
face/1.JPG"
width="
48"
height="
tx"
id="
/>
/div>
/label>
/form>
/html>
1、提交有简单的时钟的网页
2、提交跑马灯效果的网页
3、提交有换头像功能的网页
第7周周二3—8、周三3—4、周四5—10、周五1—2
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的计算机、Dreamweaver8.0、MyEclipse7.0
演示JSP的作用；
讲解使用JSP的过程，对学生的练习进行辅导。
四、实训注意事项
1、编写一普通HTML页面（getuser.html），此页面将调用JSP页面（Customer.jsp），将这些文件置于TOMCAT的webapps\myprog文件夹中。
启动TOMCAT后，在浏览器中输入http:
//localhost:
8080/myprog/getuser.html后，点击超级链接，观察输出结果。
Customer.jsp代码：
bodybgcolor=wheat>
%
Stringname=request.getParameter（“text1”）;
Stringid=request.getParameter（“text2”）;
%>
fontcolor=red>
b>
WelcomeToJSP<
%=name%>
youridis<
%=id%>
/b>
/font>
getuser.html代码：
bodybgcolor=”wheat”>
formaction=”http:
8080/myprog/Customer.jsp”>
CustomerName:
inputtype=textname=text1>
CustomerId:
inputtype=textname=text2>
inputtype=submitvalue=Enter>
inputtype=resetvalue=Clear>
2、作为练习，理解如下JSP代码。
在浏览器中多次调用后，结果如何？
Count.jsp<
h1>
Thisisascriptletexample<
/h1>
%!
IntI=0;
%>
%I++;
Helloworld!
%=”ThisJSPhasbeenaccessed“+I+”times”%>
JSPPredefinedVariables（预定义变量）
3、阅读代码并作相应的上机练习，理解在JSP中各种变量的定义、使用。
1）<
%@pagecontentType=”text/html;
charset=GBK”%>
bodybgcolor=”#ffcccc”>
Country:
%=request.getLocale（）.getDisplayCountry（）%>
br>
Language:
%=request.getLocale（）.getDisplayLanguage（）%>
2）<
bodybgcolor=”#ffccac”>
HTTPmethod:
%=request.getMethod（）%>
IPAddress:
%=request.getRemoteAddr（）%>
DNSName（orIPAddressagain）:
%=request.getRemoteHost（）%>
4、阅读下面代码并作相应的上机练习，理解在JSP中动作的产生及处理。
First.jsp<
HTML>
HEAD>
TITLE>
first.jsp<
/TITLE>
/HEAD>
BODY>
P>
H1>
Thisisthemaindocument<
/H1>
Includingsecond.jspfileusingjsp:
include<
BR>
jsp:
includepage=”second.jsp”flush=”true”/>
/BODY>
second.jsp<
second.jsp<
HR>
H3>
Thisistheseconddocument<
/H3>
Intvisits=0;
%visits++;
%=“VISITORS:
“+visits%>
1、学生要理解JSP工作机制及特点。
第7周周六1—6、周日1—8
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的使用方法。
演示内置对象的优点；
讲解各个内置对象的区别和使用方法，对学生的练习进行辅导。
1、request对象
客户端的请求信息被封装在request对象中，通过它才能了解到客户的需求，然后做出响应。
它是HttpServletRequest类的实例。
参考源代码：
%@pagelanguage="
java"
import="
java.util.*"
pageEncoding="
GBK"
bodybgcolor="
#FFFFF0"
formaction="
inputtype="
text"
qwe"
submit"
value="
提交"
请求方式：
%=request.getMethod（）%>
请求的资源：
%=request.getRequestURI（）%>
请求用的协议：
%=request.getProtocol（）%>
请求的文件名：
%=request.getServletPath（）%>
请求的服务器的IP：
%=request.getServerName（）%>
请求服务器的端口：
%=request.getServerPort（）%>
客户端IP地址：
%=request.getRemoteAddr（）%>
客户端主机名：
%=request.getRemoteHost（）%>
表单提交来的值：
%=request.getParameter（"
）%>
%Stringstr="
if（request.getParameter（"
）!
=null）{
Enumerationenumt=request.getParameterNames（）;
while（enumt.hasMoreElements（））{
str=enumt.nextElement（）.toString（）;
out.println（str+"
:
+request.getParameter（str）+"
}}%>
2、response对象
response对象包含了响应客户请求的有关信息，但在JSP中很少直接用到它。
它是HttpServletResponse类的实例。
本例演示如何进行客户端重定向。
index.jsp代码如下：
（mypage.jsp代码略，请同学们自己编写）<
gbk"
%Stringaddress=request.getParameter（"
where"
if（address!
=null）{if（address.equals（"
sohu"
））response.sendRedirect（"
elseif（address.equals（"
avceit"
mypage"
mypage.jsp"
}%>
Pleaseselect:
GET"
selectname="
selected>
gotosohu
gotoavceit
gotomypage
go"
3、session对象
session对象指的是客户端与服务器的一次会话，从客户连到服务器的一个WebApplication开始，直到客户端与服务器断开连接为止。
它是HttpSession类的实例。
pageEncoding="
session的创建时
间:
%=session.getCreationTime（）%>
&
nbsp;
%=new
Date（session.getCreationTime（））%>
session的Id号:
%=session.getId（）%>
客户端最近一次请求时
%=session.getLastAccessedTime（）%>
java.sql.Time（session.getLastAccessedTime（））%>
两次请求间隔多长时间此SESSION被取消
（ms）:
%=session.getMaxInactiveInterval（）%>
是否是新创建的一个SESSION:
%=session.isNew（）?
是"
"
否
session.setAttribute（"
name"
"
火星人"
nmber"
1234567"
%Stringstr;
Enumeration<
String>
enum1=session.getAttributeN
升级会员 