JSP应用开发(Java方向)实验指导书

JSP应用开发（Java方向）

Java课程组

姓名: 班级: 学号:

淮安信息职业技术学院

计算机与通信工程学院

23 24 25

实验一实验二实验三实验四实验五实验六实验七实验八实验九实验十

实验十 Web 项目的创建 ........ 房屋交易系统的原型设计 JSP 基本语法 . ........... 系统中用户注册的实现

JSP 隐式对象 ........... 个人房屋信息管理的实现使

用使用使用使用 Servlet 实现 BBS 论坛登录 Servlet 实现论坛版块显示 Servlet 实现论坛主题帖显示 Servlet 实现论坛主题帖发表

使用 EL 表达式实现页面欢迎语 12 13 14

.. 15 ... 17 19 20 21 22 实验十二实验十三实验十四

使用 EL 表达式重构主题帖页面分页的实现 ....................... 过滤器的使用 ...................

【实验目的】

1熟悉WEB 项目的目录结构; 2、熟悉WEB 应用程序的部署运行; 3、熟悉Eclipse 和Tomcat 的部署运行; 【实验准备】

、复习配套教材相关章节的内容; 、预习本次实验; 【实验内容】

1熟悉Web 项目的环境配置（推荐采用MyEcIi pse 作为开发环境）。 1）在配置WEB 开发环境之前，首先确保你的机器上安装有JDK （ 1.6 及以上和Tomcat6.0及以上）。打开MyEcIipse ，进入windows 菜单, 选P refere nee 选项进入如下界面。

I I AlVT

I J TC B B^i aaft ■日*L tar 」pi .w Bs^-d p n-vpa c-t ■ -v* c Ha —a 尊 a^t-n

LISh 叶 h*姬 Xl.tUX

OptXi e 打

OS-iTicl* cli ch

■n 丄c ： Ttti I e 砂 noi. on 411 vi 栉,

2）打开MyEcIipse 选项后，再打开Serve 选项，接着打开Tomca 选项。

实验

Web 项目的创建

I -I- Knt

审P 【■丄u

1+ Ins I. *11/

tb 丁 I 土. J- Flui n D rri

Gd Kvui/Ii.bac

General

点击Tomcat 6.x 选项。指定你的Tomca 的安装路径。 * ----------- 0 丁― 州丁却空?1驴空心 ciE 驱旦亘亜更

HTg eg 蠡艺二2 i+i

AJH IlA.tiLlju.Ea Fil" UL

J. 1-d.L t-arx Inturnul. T-d-aL±

J KVK

Znl arjir L

i-a Fm N ■.! ■ a a ■'IHyZ -cL L

pv-fl/S N

KVBn-tnyZ cl L

pi-a

Fra J ■ c I C 咛IH I IL L L L L .

Hap nr I. H

■ E

■ R

■

■t. ±j . 国

jfi aJ . k

5. K

ODbibltL*

To ■亡 H

A hxin-* Alt ■亡 L?*F

：

7 on c ■.!. L -anp J i. r?ci.&r p ：

|e ： □ I 匚：\Tw*u.lE. 口 I 匚：S T

mrH.lE . □ \ I. anp

Hr Dv■ ■

][E ：■■

口宵"

Oplh-dhAl *rfWiUR-Lx.:

[e?xtc^t S + f?TlItxJ

ipply 1

曲

3“

3）点开Tomcat 6.x 后，点击JDK 选项，配置JDK 。

? Preferences JTX

Dat^bis 卑 Esplgr^r rilfrs inl Edi lorz In-^MTRi-t TfloTi

Jiya Enterprise Project Rati II f-^HyEdipT■■/Swine (lafyen4WyEcLipBe Project C*|]Bibili ti IS Report Design S^v*ri + Germumt 壬 g 乱"Fizsh

壬

主 ± T Inte^atfd Sandfc 刚 JB?is

Mty JQitAS Or Ad* Ori g les in

Sw Jiv^ Sritsm Appli c

Temcal T TmeZ A. X + Toncal 5. ■ 3 Tone" S. X

Falhs

? L IT ?■■： ■

Mil ..

Optional Java VU areiments ：：

Notes

Toncit JDK AUb? :

I jdk 】.6

JDK Virtail H ■匚hin* mart Ep*c ：Ey ■ full JDK iivst*lli.ti nn Sptiifyiltg A. nE will in ut slu^lup tKCiplitit.

A TOI

i use of the -cp, -ela-sspatl^ or -Djava. library path JVM optiorns. C Q 口百迅t th? Cla^sp^th f^r praper path Qmti un

加

ply IZaiEl I

4）点击ADD 按钮。进入JDK 配置界面，指定JDK 安装路径，完成JDK 配置。

LcrtLl > Adil J VI

St-Euidu-d. VW

JKE xhb^nu

Eefa.ixLt 卵 Ai-er^nents:

5）元成配置后，MyEcIipse 工栏的Tomcat X 栏出现你所配置的Tomcat 菜单项。

a Enter 卫rise - f irst/TebRoot/index- jsp — lyEclipse Blue Edi

凉’、tS Ki er arcKyJ 口 HyEclipse Derby HyEclipse Tomcat

H _____

-匸爲

卜

1 耳 Tcmcat 6. x

>2 ]

斧 Ccnfigrure Server

?? ■ 05

百弓 Md 岂駅 Dtployments...

題 Conf i gur ?

F= request.getS

6）点击start 后,启动Tomcat,在控制台输出如下信息，则表明Tomcat 正常启动。

jjtx

■ r DT-y

|L \」肛I E 口 Qs j ：rc 旳垃浜略磴

Ha- aw ■亡

由

iJJ Jb jt iJ

: ■

? \ j *] :\ J d-kl :\J tiki :\j dltl .\j dJtl .\j dlzl :\j dkl

:\j ._6_ ￡^字 \j

芟仝??丄i 主 Yy 至些壬芒.__j 戈打）

?飞 ijS!込 v]二:\1孑6亍2二亏二：

Fl ni_ns \ J ■-■ Il i. h \ j 化 V j jiT- b U_C12\JE -?\.1X b\J C? _| U- .fi . □_□￡ \jr w\li L\chiN k bl L ■ . J u .0- □_□￡\j±-*\Ti b\Qjct\dxi￡n -=. j y

.S. I? □￡\jir*\Xi b\ssct.\loc*l*d-fl.-L-4. j -ar

.6. Ci_O2 \. j JT c \T i "b S. C5t t'K sunj < c_pr ^vi d.c JT . j mr .6. Oi __ □￡ V j IT c VT i "b h cat t \ SUUTPT : C op i . j cj." .6 Oi_CJZ V j V e VT i b \ t \ suxipkc s 11 . j ar

J A HJ ~E K L

u-r n s L ~J Ul-a..

Hcwri.

Ef=t ore D 亡 fwlt

.* frnbl^ni & J^Tidoc Dt-clarftlioci S Console ￡3「帮咯口匸 Kistorr ■ X 二it ，空[戸兰 S 怙皿也怙丁心*一麻^口債*"讯1] C- FaU-iUivtXJdk] 6 01 祈tA 」时"瞅* U* 勺￡009 T AOJB PN)

信"9、： X14L validation disabled

2009-1-9 19;40:25 org .apache ,coyote .httpll ,HttpllBasePj 信息、：starting Coyote HTTP/1.1 on http-00&0

2009-1-9 19:40:25 org.a pache ,j k ,common .Ch 丑nnelSocket ir 信息：JK: ajpl3 listening on /O. 0< 0 * 0: 3009

2009-1-9 19:40:25 org.apache.jk.server .JkMain start 信"息、： Jk running ID=0 tiine=0/125 config-null

2009-1-9 19:40:26 org * apache.cata 丄ins*storeconf ig ?StorE 信息、：Find registry server-registry . xml at classpath re 200S-1-9 19:40:26 org.apache .catalina .startup .Catalina 信息、：Server startup in 4640 ms

2、第一个WEB 应用程序。

1）点击File 菜单栏，新建WEB 工程。

Qp 佃 Fil J.

二 Id mm

吕 Save As

Enterpri st AppLicati ofit hroject

童

V 包b Service frcj^ct

A 让n

Kevert

M 空也.. Rename ..

Ed-€r?=K

F￡

萌 F K I C ...

.CI AZ S I

I Interface

住 Eiuim 矽

^nnotati on

2）输入工程名，完成工程的创建。

了解开发环境自动给我们创建的

ILbAn Uilp

* ” 0 ” <1

|1 r*tk*ct T H f ； Jluju-dhyj D jmu. 述I 3』fLt&l.

』irr

卜 JFl Syi-i H Li br-vT :■yShp + ■ jzn L 1 LblLtfjtl S :站■■皿P L

厨 UK rm IF 白lib

X, 沁

『ST /J M jip

■ I- I ?

: __ Lk_

I-jw ■-

Hanil *■ I UHuilM

4 5 e 7 ]：<@ paqe language='M ava" iTnport=" java . util . <

String path = request 亠getConteKtPath(};

String base Path = request-getscbeme 0 +" Z/^'+re %>

Z I nnCTV 口 TT HTMI. PrTRT.TL " - / /WTr / /nTFi HTMI. dm T

目录结构和第一个JSF页面，index.jspo

3) MyEcIipse 给我们创建工程是一个简单的可能运行的小程序。首

F Proj cc± PcplayKcnts

Manage Deployments

Deploy uid. imdeploy J2EE prnjEela-

氏町"I wn

Location

4) 选取要部署的工程，后点击 ADD 按钮。进入如下界面。

IICT PcplorBCZirt

n?w Deploygueiit

Crcbtf cie^ projtet dtpLc^cnl far firnt

(^Exflodd-d. 虹chivA (dAwIopnATit nedd) OFu:Udg?d IrcKLvd (^oduclioot

D?pl?y Loettian. ^Fr^p -tfi JilA=\ApbcKA SdEtwtr* Ftomdati on^Iw^ctt 5.5\nfib-ippE\first

先部署应用程序。点击部署工具栏

a ，进入如下界面。

\*h rrdj?c -l

ScTvitr :

firTt

Tanc-il

6）点击0K 按钮回到主界面。启动 Tomcat 。

7）

在 IE 地址栏中输入：http ：//localhost:8080/first/index.jsp 出现运行结果。

>7 JSP "indcjrjsp" st art xng page - Tindovs Inter

文件⑥褊辑⑥查看遡收嚴夹工具（X ）帮助00

戏喰 fHy JST ' iiukjc-jsp' starting page This is ny JSP page.

3、理解应用服务器的作用。JSP 应用程序运行需要应用服务器（也

就是Tomcat ）的支持。所有运行的项目都需安装在Tomcat 安装目录下的webappsi 录。在MyEclipse 中部署完成后，其实际是将应用程序拷贝到该目录。

Tchapps

电站?〕Id C:\Pros74in

SMt 書ars unVTflncat 5?5\"山的匚

￡irit

tincat-dics

选取你所采用的应用服务器。点击finish 按钮，完成部署。

T Project Deplay>ents

Manage D 皀ployments

Deploy and undeploy J2EE projects.

Froj ect fir^t Deployments

5) Strvtr Typa /倉 Tomcat 5. s Exploded

Lacfttion

C ：VProgram Files\Apache Sdftvaz

『—&話]?…

-J

f Remove ]

空件和空件夹tt 冬

耳它&a

r nncit. 5.

我的文

s 共拿

文咎我的电脑

打开我们刚建的工程first目录，内容如下。

文件电J诉辑他）査吾迪收藏⑧ 工且① 帮助却?后退h Q 护」披索L文件與囲”

地址@)O C:\Frep-am F订沾'Apauhe Sofl>aye FflundAtieitMoflcat 5.SV-fre-b^ps^firsl

二/遒彈I二/叫旳

通过以上了解一个WEB应用程序的开发过程。了解应用服务器的作用。

【总结与体会】

实验二房屋交易系统的原型设计

【实验目的】

1熟练掌握页面设计流程，掌握页面布局;

3 ?能够根据系统需求，设计项目原型Demo

【实验准备】

、复习配套教材相关章节的内容;

、预习本次实验；

【实验内容】

房屋交易系统的页面文件如下表所示。

静态界面文件列表

各页面具体如下描述（在界面设计过程中，只要保证页面的框架一

致，所用图片等要求不一致。）：

1系统主界面图。主界面命名为zf.html,左侧登录界面和右侧登录界面通过iframe嵌入，分别命名为left.html 和ma in .html 。

;屋冬夢丁言冷: I 一

用户壬:

1 1Ei: TW- - 7 HL M:Tffl——*

■m：丨S Hrt 户a；平叩--7 B不眼--■厅

1 1BUflB匚不廉一一5 S打曰W酿-一7

【换］4巧严] 1氓切科尸

■-- 一

2.点击图1中的注册用户超链接，打开注册用户界面如图界面命名

为register.html。

2所示。注册用户

用尸若：用P疙■：

用戸苦

网上房屋宏莓T窑惡平舜

ixst^

3.点击图1中的查询按钮，查询结果显示如图3所示。查询结果显示界面命

名为searchlist.html。

fflFA !

"U :

4.点击图1中的登录按钮,名为afterlog in. html。

laaME

■F I申」■.鼻w吉1^3

雪ig

腳区■rnun返1厅

弼思?雋嚴9运1厅

S?l厅

3*1厅

花a理1厅

,110 f

版祝所有

登录成功界面如图

■记日則

a123

123

Z1L1-I-Z3

31LJ-I-Z?

aiL|-i-j3

-F-g

4所示。登录成功后的界面命

力—

E严严-=4盲 1

______ ■ ■'■

__ IT __ '.；：H 1

JSfJUSlt fl出rftflf■记日HS ji冏区■“花n3liJr133w

■河区《m茏93IIJT la ft

润河区■n花因123T3Z]]l-1-Z3

渚河匡?闇花0爼片皿V njihi-n

渚河直■所転Q潼|厅IB W同iij ■厨

■W—

更

上一更~F—3T ■后一更

5.点击图4中的管理我的售房信息超链接，信息显示界面如图售房信息显

示界面命名为myinfolist.htm

l 。

5所示。个人

【总结与体会】

?t t

■m 花s

It mKS

当

n 用户：NKx 官觀曲g 如■ s 扎昔酹wa g 岀廉驶

玄IM )1$

6.点击图4中的发布售房信息超链接，信息发布界面如图 6所示。售房信息

发布界面命名为 sendinfo.html 。 SJ*

'■ 瘡当＜t 用戶:XXX g 理紳

BWWQ 宴尊缈色！

??■丨丨

區县：根--* 省4：

尸ir

7 1:6 1 P 1厅

KfF ：

单方米

年

隸￡呂務：

鹽业9旳：

V flVf ：

|才无

n*jRi|：

(fSA ：

SM 升帶：

_凹

【总结与体会】

实验二JSP 基本语法

【实验目的】

1. 能够正确规划web 项目的结构；

2. 能够使用JS 实现客户端数据校验;

3. 能够合理使用CSS 样式表。【实验准备】

」、复习配套教材相关章节的内容; 二、预习本次实验；【实验内容】

1. 实现用户登录的过程。在left.jsP 页面中输入用户名、密码，登录

成功后进入 afterlogin.jsp 页面。

Http ?求 -- ?

W||W

Jeft.jsp 登录

页面

enorihfb &信息 afleilogih.jsp 用尸管理面

【总结与体会】

实验四系统中用户注册的实现

【实验目的】

1. 掌握JSP 的基本语法;

2. 熟悉JSP 的工作原理。【实验准备】

」、复习配套教材相关章节的内容; 二、预习本次实验；

【实验内容】 1实现用户注册功能，在页面输入相关信息，注册成功后给出相应的提示信息。

Microsoft rnternel Exp …匸兰關

!\注册成功￥

S 户注冊：

用P 名：

Sts - ■”

用户注册过程简单示例:

实验五JSP 隐式对象

实验目的】1、了解隐式对象的分类及组成；

2、运用requestjespons和out 进行JSP 编程；

3、运用sessi on;app licati on 和p ageC on text 进行JSP 编程;

【实验准备】1、复习配套教材相关章节的内容；2、预习本次实验；【实验内容】

1、编写一个JSP页面，要求提供一个包含各省份名称的下拉列表框, 让用户选择其籍贯，提交后，判断用户的籍贯是否是北京，如果是，则跳转进入一个欢迎页面，如果不是，则在页面上显示该用户的籍贯。

2、编写一个JSP页面，产生随机数作为用户幸运数据（1位），将其

保存到会话中，并重定向到另一个页面，并将用户的幸运数据显示出来。

3、利用隐式对象为某一网站编写一个JSP程序，统计该网页的运行次数。

提示：用户每打开一次窗口运行该网页，或在同一窗口刷新该网页都算运行一次，可利用application 对象去实现。

总结与体会】

实验六个人房屋信息管理的实现

【实验目的】 1 使用request、Session在页面间传递数据2.熟悉JSP页面中的多种导航方式

【实验准备】

、复习配套教材相关章节的内容;

、预习本次实验;

【实验内容】

1.在afterlogin.jsp 页面中点击“管理我的售房信息” 在右侧界面中以表格形式显示当前用户发布的房屋信息。

当前用户:wrb

曽避我的售房信息

退出系统

发布日期

20]￡-04-30超链接,

200 o(no

2、在图2所示界面中，点击“增加”按钮，打开图3所示的界面。

输入相关信息后点击“提交”按钮，数据保存到数据库中。发布售房信息:

不限—

不限--

不限--联系电话；联系人:

房屋介貂:

【总结与体

会】