JSP程序设计实验教学大纲Word格式.docx
- 文档编号:22088028
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:34
- 大小:680.43KB
JSP程序设计实验教学大纲Word格式.docx
《JSP程序设计实验教学大纲Word格式.docx》由会员分享,可在线阅读,更多相关《JSP程序设计实验教学大纲Word格式.docx(34页珍藏版)》请在冰豆网上搜索。
/title>
/head>
bodybgcolor="
#00DDFF"
>
h1>
B>
I>
fontcolor="
#FF00FF"
marqueebgcolor="
#FFFF00"
direction=leftbehavior=alternate>
welcometoyou<
/marquee>
/font>
/I>
/B>
/h1>
hr>
h2align=center>
#0000FF"
AsimpleHTMLdocument<
/h2>
em>
WelcometotheworldofHTML<
/em>
p>
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLandhowthe
b>
markuptags<
/b>
workinthe<
HTML<
file<
/p>
Followingisthreechapters
ul>
li>
Thisisthechapterone<
/li>
Ahref="
#item"
Thisisthechaptertwo<
/A>
Thisisthechapterthree<
/ul>
Aname="
item"
Followingisitemsofthechaptertwo<
tableborder=2bgcolor=graywidth="
40%"
tr>
<
th>
item<
/th>
content<
/tr>
td>
item1<
/td>
font<
item2<
table<
item3<
form<
/table>
1<
2<
3<
4<
5<
6<
7<
i>
fontcolor=bluesize=4>
Endoftheexampledocument
/i>
/body>
/html>
运行结果:
)编写一个能输入如图所示界面的HTML文件。
1.<
!
--<
linkrel="
stylesheet"
type="
text/css"
href="
./styles.css"
-->
2.
3.<
4.
5.<
body>
6.<
H2>
PALIGN=center>
请留下个人资料<
BR>
/P>
/H2>
7.<
formaction="
serverx2.jsp"
METHOD=POST>
姓名:
inputtype=textNAME="
姓名"
br>
8.<
9.E-mail:
inputtype=textsize=50NAME="
邮箱"
10.<
电话:
电话"
11.<
P>
性别:
12.女<
inputtype=radioNAME="
性别"
checked>
13.男<
14.<
15.年龄:
16.<
selectsize=1name="
年龄"
MULTIPLE>
17.<
optionselected>
20以下<
/option>
18.<
option>
30以下<
19.<
40以下<
20.<
40以上<
21.<
/select>
22.<
table>
23.<
留言板:
24.<
TEXTAREANAME="
留言板"
rows="
5"
wrap="
hard"
cols="
50"
/TEXTAREA>
25.<
26.<
27.<
您的爱好:
28.<
inputtype=checkbox>
运动<
29.<
阅读<
30.<
听音乐<
31.<
旅游<
32.
33.<
34.<
35.<
inputtype=submitvalue=提交>
36.<
inputtype=resetvalue=全部重填>
37.
38.
39.
40.<
41.<
6.实验步骤
学生填写
7.实验中主要使用的仪器、设备
计算机
8.实验材料
无
9.实验安全和注意事项
学生实验完毕离开实验室需关闭电脑,并把凳子摆放整齐。
实验二JSP开发环境配置与测试
1)了解JSP开发环境安装与配置;
2)了解JSP开发的一般步骤。
1JSP开发环境配置
JSP编程使用的Java语言,所以运行JSP程序必须要有JVM的支持,还必须要有Java程序编辑、编译程序(JDK)的支持。
现在企业流行的集成开发环境是Eclipse或MyEclipse。
大多数应用程序都需要连接数据库,所以需要DBMS的支持。
JSP应用程序是运行在服务器上的,所以需要Web服务器的支持,在此以Java1.6Update21、Tomcat、MySQL、MyEclipse6.5为例,安装配置JSP开发环境。
1、安装JDK
从Java公司官方网站(SE6Update22,我们采用的JDK1.6Update21,只需要双击中下载到的EXE文件,点下一步即可安装。
JDK安装好后,需要配置Java的环境变量,步骤如下:
(1)我的电脑->
属性->
高级选项卡->
环境变量,打开“环境变量”对话框,在系统变量中新建以下环境变量:
①JAVA_HOME:
表示JavaSDK的安装目录,其值为:
D:
\ProgramFiles\Java\jdk1.6.0_21(根据自己的实际安装位置进行调整)。
②CLASSPATH:
表示Java要访问的jar文件所在的目录,其值为:
%JAVA_HOME%\lib;
%JAVA_HOME%\jre\lib。
③并修改Path环境变量,在其中增加%JAVA_HOME%\bin;
%JAVA_HOME%\jre\bin;
注意:
✧对于Path环境变量是添加,而不要删除原来的内容,否则很多Windows功能不能使用;
若有其他程序要用到自己的Java环境变量,请将第③步的内容添加到Path环境变量的最后,以免影响其他程序的运行。
✧字母不区分大小写,大写字母是遵照Java环境变量配置习惯。
(2)测试
打开Windows的命令行窗口(开始->
运行,在弹出的窗口中输入cmd回车),输入javac然后回车,若能显示javac的帮助信息,说明JDK安装成功,如下图所示。
2、安装Tomcat
在Tomcat官方网站(http:
//tomcat.apache.org/)上下载Tomcat,现在最新版本是7.x,但还没有Eclipse插件,因此不能集成到MyEclipse集成开发环境中,这里使用6.028这个版本。
安装时只需要一路next即可,安装完成后,也不需要设置环境变量,只要在IE浏览器地址栏中输入:
http:
//localhost:
8080回车,若能出现Tomcat界面说明安装成功,如下图所示。
3、安装MyEclipse
只需要一路Next即可,主要是进行相关配置。
通过Window->
Preferences…菜单打开配置对话框。
说明:
每设置一项要点“Apply”按钮,保存所做的更改。
(1)在General下找到workspace,将字符编码方式(Textfileencoding)设置为Otherutf-8。
如图1-1所示。
图1-1设置工作区字符编码方式
(2)设置常用文件的字符编码方式
找到“MyEclipseEnterpriseworkbench”->
FilesandEditors,将其下的常见文件字符编码方式统一设置为utf-8,如图1-2所示。
图1-2设置常见文件字符编码方式
(3)设置常用Web服务器
Servers,找到Tomcat->
Tomcat6.x,将其设置为启用,并指定Tomcat安装目录,点“OK”按钮保存设置即可。
4、安装MySQL
下载MySQL的安装文件,一路Next安装即可,并按下图进行设置,如图1-3至1-10所示。
图1-3选择详细配置
图1-4选择开发模式
图1-5选择多用途数据库
图1-6选择决策支持
图1-7设置MySQL的访问端口,并添加防火墙例外
图1-8设置MySQL字符编码方式,以处理中文
图1-9将MySQL设置为Windows服务
图1-10设置MySQL访问密码,并可以远程访问
以上设置是针对实验开发环境下的设置,若为实际应用,可根据需要进行相应的设置。
2JSP程序开发步骤
1、开发步骤
打开MyEclipse开发环境,选择File->
New->
WebProject,或在PackageExplorer中右击选择New->
WebProject,在打开的对话框中,输入项目名Demo,并选定JavaEE5.0规范支持,点击Finish。
如图1-11所示。
图1-11MyEclipse新建Web项目
(1)第一个JSP页面
右单击Demo项目的WebRoot目录,New->
JSP新建JSP页面。
如图1-12所示。
图1-12新建JSP页面
图1-13设置JSP模板和文件名
输入文件名HelloWorld.jsp,并选择“DefaultJSPtemplate”,点击确定。
在页面的<
标签中,输入以下代码:
%
out.println("
HelloWorld!
"
);
%>
并保存。
(2)部署Demo
点击部署按钮
,选择Demo项目,点“Add”按钮,在弹出的窗口中,选择Tomcat6.x服务器,点Finish。
(3)运行Demo项目
按
按钮启动Tomcat服务器,在IE或其他浏览器的地址栏中输入:
8080/Demo/HelloWorld.jsp,出现如下界面。
实验三JSP语法
3.学时6
1、掌握JSP变量/方法,表达式,代码段和注释的使用方法;
2、掌握JSP指令的语法格式及用法;
3、掌握JSP常用动作的语法格式及用法;
4、书写实验报告。
1JSP页面结构
以后代码如无特殊说明均写在<
标签中(JSP代码可以写在网页的任何位置)。
1.1声明变量与方法
新建一JSP页面,输入以下代码。
(1)声明变量
%!
inti=0;
i="
+i++);
%>
刷新你写的页面几次,观察到什么结果,从结果中你得到什么启示?
(2)输入以下代码
publicintmax(inta,intb){
if(a>
b){
returna;
}
returnb;
}
3和5中较大的是"
+max(3,5)+"
将上面变量和方法的声明,写在out.println();
代码段之后,再访问你写的JSP页面,观察结果,你得到什么启示?
1.2JSP表达式
在JSP页面中输入以下代码。
%=max(3,5)%>
%=(i+a+c)/3%>
%=date.toString()%>
inti=3,a=5,c=4;
Datedate=newDate();
通过上面的代码,你认为JSP表达式可以出现什么Java元素?
1.3JSP代码段
在JSP页面中输入以下代码,从以下代码的书写中,你发现了什么重要提示?
(<
%%>
中的代码段,无论写在多少个分离的<
标签中,都必须完整,即符合Java语法,比如大括号必须匹配等)
intgrade=80;
switch(grade/10){
case10:
;
case9:
<
你的成绩为优秀!
break;
case8:
case7:
你的成绩为良好!
case6:
你的成绩为及格!
default:
你的成绩为不及格!
%}%>
1.4JSP注释
输入以下代码,访问你的JSP查看页面源文件,你看到了什么?
说明什么问题?
--
%=newDate().toString()%>
%--
--%>
2JSP指令
2.1include指令
(1)新建Included.jsp页面,在页面中输入以下代码,而且只保留如下代码:
%inta=5,b=8,c=6;
out.println("
(2)编写Including.jsp页面,在其中输入以下代码:
%@includefile="
Included.jsp"
并在<
中输入以下代码:
%=a+b+c%>
(3)启动Tomcat服务器,访问Including.jsp,观察结果。
3JSP动作
3.1include动作
新建Including2.jsp页面,在其中输入以下代码:
jsp:
includepage="
/jsp:
include>
观察编辑器有什么提示?
并想一想,include指令和include动作有什么异同?
3.2forward动作
(1)新建ForwardDemo.jsp页面,并输入以下代码:
request.setAttribute("
userName"
"
JSPPracticeRefereceBook"
pageContext.setAttribute("
"
pageContext.PAGE_SCOPE);
forwardpage="
Forwarded.jsp"
forward>
(2)新建Forwarded.jsp,并输入以下代码:
Forwarded.jsp<
%=request.getAttribute("
)%>
br/>
%=pageContext.getAttribute("
pageContext.PAGE_SCOPE)%>
(3)访问ForwardDemo.jsp观察结果,你能得出什么结论?
3.3useBean动作、setProperty动作和getProperty动作
(1)在项目的src目录下新建com.phoenix.test包,并在该包在新建类Student,并输入以下代码
publicclassStudent{
privateLongid;
privateStringname;
//gettersandsetters……
}
(2)编写StudentInfo.jsp页面,输入以下内容。
StudentInfoHandle.jsp"
学号:
inputtype="
text"
name="
id"
/>
姓名:
name"
submit"
value="
提交"
/form>
(3)编写StudentInfoHandle.jsp,输入以下内容。
useBeanid="
stu"
class="
com.phoenix.test.Student"
useBean>
setPropertyname="
property="
*"
学生信息<
学号:
getPropertyname="
姓名:
(4)运行StudentInfo.jsp,输入学号和姓名并提交,观察结果。
(5)观察Tomcat服务器webapps目录下的Demo项目文件夹的结构,Student.class在什么文件夹下?
由此你得出什么结论?
注意:
为了能够输入中文,需要对Tomcat配置文件作修改,在Tomcat安装目录\conf\server.xml中找到以下内容,
Connectorport="
8080"
protocol="
HTTP/1.1"
connectionTimeout="
20000"
redirectPort="
8443"
,并在其中添加URIEncoding="
utf-8"
。
实验四Application对象Session对象
1.掌握JSP的Application对象Session对象的用法,基本掌握JSP的开发技巧。
2.在JDK和Eclipse环境下,完成下列实验。
3.独立完成实验
4.书写实验报告书
1.请仔细阅读下列程序语句,理解每条语句的作用。
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
%@pagelanguage="
java"
contentType="
text/html;
charset=GB2312"
pageEncoding="
GB2312"
metahttp-equiv="
Content-Type"
content="
网页计数器<
if(application.getAttribute("
counter"
)==null)
application.setAttribute("
1"
else{
Stringstrnum=null;
strnum=application.getAttribute("
).toString();
inticount=0;
icount=Integer.valueOf(strnum).intValue();
icount++;
Integer.toString(icount));
}
您是第<
%=application.getAttribute("
cou
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JSP 程序设计 实验教学 大纲