JSP页面与JSP标记.docx
《JSP页面与JSP标记.docx》由会员分享，可在线阅读，更多相关《JSP页面与JSP标记.docx（19页珍藏版）》请在冰豆网上搜索。
JSP页面与JSP标记
第2章JSＰ页面与JSP标记（实验）
第２章共有3个实验。
要求将Tomcaｔ服务器的端口号恢复默认设置，即端口号为８08０。
要求在webaｐps目录下新建一个Wｅｂ服务目录:
ｐracｔｉce２。
除特别要求外,实验中涉及的 ＪSP页面均保存在pracｔｉcｅ2中。
实验1 ＪＳP页面的基本结构
1．相关知识点
一个JSP页面可由普通的HTMＬ标记、ＪSP标记、成员变量和方法的声明、Javａ程序片和Jａｖａ 表达式组成。
ＪSＰ引擎把JＳP页面中的HTML标记交给客户的浏览器执行显示;ＪＳＰ引擎负责处理JSＰ标记、变量和方法声明;ＪＳP引擎负责运行Java程序片、计算Ｊava表达式,并将需要显示的结果发送给客户的浏览器。
ＪSP页面中的成员变量是被所有用户共享的变量。
Java程序片可以操作成员变量,任何一个用户对JSP页面成员变量操作的结果，都会影响到其它用户。
如果多个用户访问一个JＳP页面,那么该页面中的Jaｖa程序片就会被执行多次,分别运行在不同的线程中,即运行在不同的时间片内。
运行在不同线程中的Javａ程序片的局部变量互不干扰,即一个用户改变Ｊava程序片中的局部变量的值不会影响其他用户的Javａ程序片中的局部变量。
2．实验目的
本实验的目的是让学生掌握怎样在ＪSＰ页面中使用成员变量、怎样使用Jａva程序片、Javａ表达式。
3.实验要求
编写两个JSP页面,名字分别为inpuｔName和pｅople．ｊsp。
1.inputNamｅ.jsｐ的具体要求
该页面有一个表单，用户通过该表单输入自己的姓名并提交给pｅople．jsｐ页面。
2.people.jsp的具体要求
（1）JＳP页面有名字为persｏn、类型是SｔriｎgBｕfｆeｒ以及名字是count，类型为int的成员变量。
（2）JSP有publicvoｉdjudｇｅ（）方法。
该方法负责创建person对象，当count的值是０时,juｄge（）方法创建perｓｏn对象。
（3）JＳP有publｉcvoｉｄaｄdPｅrｓon（Stringp）的方法，该方法将参数p指定的字符串尾加到操作成员变量pｅrson，同时将cｏｕnt作自增运算。
（4）JSP页面在程序片中获取iｎputName.jｓp页面提交的姓名,然后调用judｇｅ （）创建person对象、调用ａｄdPeｒｓon方法将用户的姓名尾加到成员变量person。
（5）如果iｎputNamｅ.jsp页面没有提交姓名,或姓名含有的字符个数大于10，就使用<ｊsｐ:
forwarｄｐagｅ＝＂要转向的页面＂ ／＞标记将将用户转到iｎｐutNamｅ.jsp页面。
（6）通过Java表达式输出peｒson和ｃount的值。
4．JＳＰ页面效果示例
inpｕtName.jsp（效果如图2-１）
图２-1输入姓名
people.jsp（效果如图2－2）
图2-1显示姓名和人数
5.参考代码
代码仅供参考,学生可按着实验要求,参考本代码编写代码。
JＳＰ页面参考代码
inputNamｅ．jsｐ
<％@pagecontentTypｅ="text/html；ｃhaｒsｅt=ＧB231２"%＞
<ＨTＭL>
<ＦONT ｓiｚe=3>
请输入姓名：
＜/ＢODＹ＞
<／HTML>
ｐeoｐle.ｊsp
<%@ｐagｅcontｅｎtTyｐe="teｘt/hｔｍl；cｈarset=ＧB2３12"%>
<ＨＴＭL>
<ＦONTＳize＝３＞
<%!
inｔ ｃount;
ＳｔriｎgBｕffer ｐerｓｏn;
pｕblicvoidjudge（）
{
ｉf（ｃoｕnt=＝0）
perｓｏn=new StringBuffeｒ（）;
}
publｉｃｖoｉdａddＰｅrson（Stｒiｎgp）
{
if（coｕnt==0）
{
perｓon.aｐpｅnd（p）;
}
else
{
persｏn.aｐpｅnd（","+ｐ）;
}
counｔ+＋;
}
％>
<%
Strｉｎgname=reqｕｅsｔ.gｅtParaｍeter（"ｎａme"）;
byteｂb[]＝ｎame.getBｙｔeｓ（＂iｓｏ－８859-1"）;
nａme=ｎewString（bb）;
if（nａme.leｎgth（）==0||nａme．length（）>１0）
{
%> forwarｄ ｐage=＂inｐutName．ｊsp" />
<％ }
juｄge（）；
addPerｓoｎ（naｍe）;
%>
目前共有＜%=couｎt%>人浏览了该页面，他们的名字是：
＜BR>＜%=ｐeｒson%>
实验2JＳP指令标记
1.相关知识点
page指令：
<％@pagｅ属性１=＂属性1的值" 属性2= "属性2的值"…%>用来定义整个JＳP页面的一些属性和这些属性的值。
比较常用的两个属性是contentTyｐe和iｍｐoｒｔ。
pａge指令只能为contentTｙｐe指定一个值，但可以为impoｒｔ属性指定多个值。
ｉnclｕdｅ指令标记：
<%＠incｌuｄefiｌe="文件的URL" %>的作用是在ＪSＰ页面出现该指令的位置处，静态插入一个文件。
被插入的文件必须是可访问和可使用的,如果该文件和当前JＳP页面在同一Web服务目录中，那么＂文件的ＵRL"就是文件的名字；如果该文件在ＪSP页面所在的Ｗｅｂ服务目录的一个子目录中，比如子目录中，那么"文件的ＵＲL"就是"文件的名字"。
ｉｎcludｅ指令标记是在编译阶段就处理所需要的文件，被处理的文件在逻辑和语法上依赖于当前ＪSP页面,其优点是页面的执行速度快。
２.实验目的
本实验的目的是让学生掌握怎样在JSP页面中使用pａge指令设置contｅntＴｙpe的值；使用iｎｃlude指令在JSP页面中静态插入一个文件的内容。
3.实验要求
编写三个JSP页面:
ｆirst.jsｐ 、second.jsｐ和tｈird．ｊsp。
另外，要求用“记事本”编写一个tｘt文件helｌo.ｔxt。
heｌlｏ.ｔxｔ的每行有若干个英文单词，单词之间用空格分隔，每行之间用“
”分隔,如下所示：
helｌo.txt
paｃｋageaｐplevｏidbaｃk pｕblic
pｒivａte ｔｈｒowclaｓs hｅllo welcome
1.first．jsp的具体要求
ｆｉrst.jsp使用ｐagｅ指令设置contentＴype属性的值是"texｔ／ｐlain"，使用iｎcluｄe指令静态插入helｌo．txt文件。
2.second.jsｐ的具体要求
seｃond．sp使用pａgｅ指令设置conｔentTｙpe属性的值是"apｐlicatｉon/ｖnd．mｓ-powｅｒpｏinｔ＂,
使用include指令静态插入hellｏ.ｔxt文件。
3.ｔhｉrd.ｊsｐ的具体要求
thｉrd.jｓp使用page指令设置coｎtｅntType属性的值是＂aｐplicａtion/msｗｏｒd",
使用inclｕｄe指令静态插入ｈeｌlo.tｘt文件。
4.ＪSP页面效果示例
first.jsｐ（效果如图2-3）
图2-3 contentTｙｐe的值是texｔ/plain
secoｎd.ｊsp（效果如图2-４）
图2-４cｏntenｔTyｐe的值是vｎｄ.ms-pｏｗeｒｐoiｎt
ｐeｏple.jsp（效果如图2－5）
图2－5contenｔTyｐｅ的值是apｐlicａｔｉoｎ/mswｏrd
5．参考代码
代码仅供参考，学生可按着实验要求,参考本代码编写代码。
ＪSP页面参考代码
ｆirst.jsp
<%＠ pagｅ contｅntＴypｅ=＂texｔ/plaｉｎ"%>
<％@inｃludefｉle="hello.tｘt＂％＞
＜/FＯNT>
＜/BＯDＹ>
＜／HTMＬ＞
second．jsp
<％＠pａgeconｔenｔTyｐｅ=＂applｉcation/ｖnd.ｍs-poｗerpｏint"%>
＜HTML＞
<ＢODＹ>
<%@iｎｃlｕdefiｌｅ=＂hello.ｔｘt"%>
thirｄ.jｓｐ
＜%＠ｐagecontentTyｐe="appliｃation/mswｏrd"%>
<％@iｎｃｌudｅｆiｌe="ｈｅlｌo.txt"%>
＜/FONＴ＞
＜/BODY>
实验３JSP动作标记
１．相关知识点
iｎcｌｕdｅ动作标记：
ｉncludepage="文件的URL"／>是在ＪSP页面运行时才处理加载的文件，被加载的文件在逻辑和语法上独立于当前JＳＰ页面。
ｉnｃlｕde动作标记可以使用paｒａm子标记向被加载的JＳP文件传传递信息。
frward动作标记foｒwａrdpagｅ="要转向的页面" ／>作用是:
从该指令处停止当前页面的继续执行,而转向执行paｇe属性指定的JＳＰ页面。
forｗａｒd标记可以使用ｐaｒａm动作标记做为子标记，以便向要转向的ＪSＰ页面传送信息。
2．实验目的
本实验的目的是让学生掌握怎样在ＪSP页面中使用iｎclｕdｅ标记动态加载文件;使用fｏrwａrｄ实现页面的转向。
３.实验要求
编写四个JＳP页面:
one.jsp、ｔwo．jｓｐ和tｈrｅe．jsｐ和ｅrrｏr.jsｐ。
one.jsｐ、ｔwo．ｊsp和three.ｊsp页面都含有一个一个导航条，以便让用户方便地单击超链接访问这三个页面，要求这三个页面通过使用ｉｎclｕdｅ动作标记动态加载导航条文件:
heａd.txt。
导航条文件head.txｔ的内容如下所示:
heａd.txt
＜%@ pagecontentTｙpe＝"text/ｈtml;cｈarset＝GＢ２312＂％>
＜tｒvalign="ｂｏttｏｍ">
＜A hｒef＝"oｎe.ｊsp"><ｆｏnｔ ｓiｚe=3＞onｅ.ｊsp页面＜/font>＜/td> ＜td＞<ｆoｎtｓize＝3>ｔwo．ｊsp页面＜/font>＜/A>＜/td＞ ＜ｔd>＜ｆonｔsiｚe=3>ｔhreｅ.jｓｐ页面 ＜/Font> ＜／table> 1.ｏｎe.ｊｓp的具体要求 要求oｎe.ｊｓp页面有一个表单,用户使用该表单可以输入一个1至１0０之间的整数，并提交给被页面；如果输入的整数在50至１０0之间（不包括50）就转向tｈｒee.jsp，如果在1至５0之间就转向two.ｊsp;如果输入不符合要求就转向ｅrrｏr.ｊsｐ。 要求forwarｄ标记在实现页面转向时,使用paｒａｍ子标记将整数传递到转向的ｔwo.jｓｐ或ｔｈrｅe.jsp页面,将有关输入错误传递到转向的ｅｒror.ｊsp页面 2.two.ｊsp、three.jsp和error.jsp的具体要求 要求ｔwｏ．jsp和tｈｒee.jsp能输出ｏnｅ．jsｐ传递过来的值,并显示一幅图像,该图像的宽和高刚好是oｎe.jsｐ页面传递过来的值。 erroｒ页面能显示有关错误信息,和一幅图像。 4.ＪSP页面效果示例 oｎe.jsp（效果如图２-６） 图2-6 使用include动作标记加载导航条 ｔｗｏ．jsp（效果如图2-7） 图2－７ 得到ｐａｒam子标记传递来的值 tｈｒee.jsｐ（效果如图2－8） 图2-8 得到param子标记传递来的值 erｒor.jsp（效果如图２－9） 图2-9显示错误信息 5．参考代码 代码仅供参考，学生可按着实验要求,参考本代码编写代码。 JSP页面参考代码 one.jsp ＜％＠ pａge conｔentType=＂teｘｔ/html;chａｒset＝ＧB2312" %>
iｎcｌｕｄｅｐage="heaｄ.tｘt"/> ＜HTML> ＜BＯDYbgｃｏlｏr＝ｙeｌlow> <ＦＯRMacｔiｏn=＂" metｈod=getname=ｆorm> 请输入１至１00之间的整数：
<ＩＮPＵTＴYPE=＂subｍit"ｖａｌue＝＂送出＂nａｍe＝ｓｕｂmit> ＜% Stringnum＝requｅst．ｇeｔPａｒaｍeｔｅr（"number"）; ｉf（num＝＝ｎuｌl） { num="０"; ｝ ｔrｙ ｛ inｔn＝Integer.pａｒseInt（num）; if（n＞=1&&n<=50） { %> ＜jsp： forwarｄ page=＂tｗo.jｓp"> ＜jsp: ｐａｒam naｍe="nｕｍｂer"vaｌue="<％=n%＞"/> ＜／ｊsp: forward＞ <％ } ｅlseif（n>５0&&ｎ<=100） { ％> <ｊｓp： forwardpａge="three.jsp＂ > paraｍnamｅ="nuｍber"value="<%=n％>" ／>
forwａｒd> <% ｝ } ｃaｔch（Exceptioｎe） { ％＞ ｆorward page="erｒor.jｓｐ"> paramｎaｍe="ｍｅss"value=＂<%=e.toSｔrｉｎg（）%>"/> <／jｓp: fｏrwａrd> ＜%} %＞ |