Java Web程序设计与项目案例 实验指导 清华 实验01 WEB开发基础-实验16 SSM框架整合

JavaWeb程序设计与项目案例实验指导

实验一WEB开发基础

一、实验目的

1.了解JSP、Servlet运行环境，熟悉Tomcat服务器的配置。

2,会运行一个JSP程序，能够完成简单的JSP程序的编写。

二、实验要求

1.编写一个Hello.jsp的JSP程序，它在浏览器界面上输出一个字符串"Hello"。

2.使用Eclipse集成开发环境和Tomcat服务器完成本次实验。

三、实验步骤

1.创建动态WEB项目

启动Eclipse。Eclipse启动后，可以看到的界面如图1-1所示。

图1-1Eclipse界面

在项目空白处单击右键，选择New->Project,创建一个新项目。如图1-2所示。

98wksp4mock-EclipseIDE□X

FileEditNavigateSearchProjectRunWindowHelp

r3Q0，一▼»*

JExplorerx

>b；hp8：

uexp8

—Servers

Project-

口springmvcNew

3test20ShowInAlt>Shift+W>ApplicationCliNewProject)

ConnectorProjecl

CopyCtrl+CDynamicWebProject

CopyQualifiedNameEJBProject

—PasteCtrl+V

aEnterpriseApplicationProject

XDeleteDeleteStaticWebProject

ImportWebFragmentProject

qExport-Example-

RefreshF5Other...Ctrl+N

•Markers-Propert...•=-Servers,JFDataSo...^"Snippets'Proble...□Consolex玉Progress'«junit0

e▼rs

Noconsolestodisplayatthistime.

0itemsselected

图1-2创建项目

SBNewProject□X

Selectawizard

CreateaDynamicWebproject

Wizards:

typefiltertext

>三Maven

>JPlug-inDevelopment

▼—Web

)DynamicWebProject

wStaticWebProject

GWebFragmentProject

Next>£ini$hCancel

图1-3创建动态Web项目

指定项目名字，其他的设置选择默认，点击Finish按钮完成创建。项目的名字用英文

（字母或字母数字组合），不要用中文。

2.创建JSP文件

新建项目的文件夹结构如图1-4所示。

*&aaa

QJAX-WSWebServices

>MJRESystemLibrary[JavaSE-11]

>src/main/java

>MServerRuntime[ApacheTomcatv10.01

>邑build

*&src

*main

bjava

*-webapp

>^META-INF

>&WEB-INF

•Servers

图1-4动态Web项目文件夹结构

可以在webapp文件夹处单击右键，选择New->JSPFile命令或选择New->Other命

令并在搜索框里填写jsp,选择JSPFile,填写JSP文件的名称，注意有扩展名。在文件编辑

窗口编写JSP文件的内容。文件编辑窗口如图1-5所示。

@Java-soft18/WebContent/aaa.)$p-Ldlp«e

£i»eEditSouiceRefMlotNavigateSearchE»oi«tBunWindowHelp

••••_loukkAcy、口口•：JawEE次JavaBrowsing

nP«fc«9«*FxplmwBH►--o*Mjsp

SchpJ1<%^pagelanguagesr,java*'contentType="text/htmL;charset=IS0-8859-l'

■PdeUivI

ocrop2pageEncoding="ISO-8859-1"%>

omyspb

>35etve»、3<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http

Owtt164<html>

“3C118

*wc5-<head>

»JRlSystemLibrary：clklHU121)6<metahttp-equiv="Content-Type"content="text/htmL;charset=IS0-885i

MApacheTomcatv801ApacheTomcatv8.0|

build7<title>Inserttitlehere</title>

,*.WebCootent8</head>

.-MFTA-INF

WLB-INF9<body>

aaaajsp10

taipb

■11</body>

utp4m

■vtw12</html>

©Comole

图1-5文件编辑窗口

在第10行写入一个单词，如Hello

3.部署项目

项目创建后，需要在Tomcat服务器上运行。因此，需要把项目的代码“移植”到Tomcat

上，这个过程叫做部署。

首先确保Tomcat这个时候没有启动。右键新建的JSP文件，选择RunAs->RunonServer

命令。在Console中可以看到Tomcat的启动日志，在自动打开的浏览器窗口会看到JSP文

件的运行结果，如图1-6所示。

⑥lava-http7Ax<ilhMt:8080/«on1fi/aaa-Eclipte

EileEditNavtgateSearchB'OfectBunWindowHelp

jickA<rz、]■,JMWCES'Mv»Bcowting—Java

hPackage{xpkxer**'*~0Majsp-Inserttitlehere

adeW

■emp

■myspbHello

»Se»ve«

vtoft16

BJRESystemUbraryWk18u12HOComole•7声YD

。

aApacheTomcat*8(ApacheTomcatvB.0|Tomcatv8.0Setvetatkxdlbost(ApacheTomut]CAProgramFilei(xS6)Vavd\)dk121\b«n\jw<jw.exe(2020年9月16日上午10:1924)

abuBd

•■-WcbCootenl信息：Initializationprocessedin1783ms

-MHAINF

7

,WEB-INF九月16,202010:19:271:|-org.apache.catalina.core.Standardservicestar

»tpb信息：StartingserviceCatalina

u九月16,202010:19:27上午org.apache.catalina.core.StandardEnginestart

«team

ovtw信息：StartingServletEngine:ApacheTomcat/8.0.41

元月16,202010:19:27上午org.apache.coyote.Abstractprotocolstart

信息：StartingProtocolHandler["http-nio-808e"]

九月16,202819:19:27上午org.apache.coyote.Abstractprotocolstart

信息：StartingProtocolHandler["ajp-nio-80e9"]

九月16,202010:19:27上午org.apache.catalina.startup.Catalinastart

信息：Serverstartupin382ms

加

图1-6JSP文件运行结果

4.查看运行结果

打开浏览器，在地址栏中输入相应的地址。可以看到编写的JSP文件在浏览器页面上的

展示效果。请求地址：http:〃localhost:8080/项目名/JSP文件名。

注意，控制台上有两个常用的按钮，如图1-7所示。当修改JSP文件的源代码并保存后，

无需重启Tomcat服务器，只要刷新浏览器页面即可看到修改后的JSP的显示效果。如果修

改的是项目中的Java代码或其他文件，则需要重启Tomcat服务器，重新运行程序查看结果。

2012-2-1216:53:43org.apache.catalina.core.AprLifecycleLiscenerinit

信息：TheApacheTomcatNativelibrarywhichallowsoptimalperformanceiiproductionenvironments

2012-2-1216:53:44org.apache.coyote.httpll.HttpllBaseProtocolinit

信息：InitializingCoyoteHTTP/1.1onhttp-9000

2012-2-1216:53:44org.apache.catalina.startup.Catalinaload

信息：Initializationprocessedin813ms

2012-2-1216:53:44org.apache.catalina.core.ScandardServicestart

信息：StartingserviceCatalina这个按钮可

2012-2-1216:53:44org.apache.catalina.core.StandardEnginestart以清除控制

信息：StartingServletEngine:ApacheTomcar/5.5.29

2012-2-1216:53:44org.apache.catalina.core.StandardHoststart台记录

信息：XMLvalidationdisabled

2012-2-1216:53:45org.apache.coyote.httpll.HttpllBaseProtocolstart

信息：StartingCoyoteHTTP/1.1onhttp-9000

2012-2-1216:53:45org.apache.tion.ChanneISocketinit

信息：JK:ajpl3listeningon/:8009

2012-2-1216:53:45org.apache.jk.server.JkMamstart

信息：JkrunningID«0time-0/32config-null这个按钮可

2012-2-1216:53:45org.apache.catalina.storeconfig.StoreLoaderload

信息：Findregistryserver-registry.xmlatclasspathresource以将tomcat

2012-2-1216:53:45org.apache.catalina.startup.Catalinastart

信息：Serverstartupin1484ms服务器停机

图T-7Eclipse控制台

四、实验报告要求

请同学们按照指导书的要求认真完成本次实验的四个步骤。每个步骤要有相关的运行截

图写入实验报告。最后附上JSP代码。

附录：EclipseforJavaEE与jdk和tomcat的整合

(1)整合JDK

在Eclipse中选择Window->Preferences,打开偏好设置对话框，如下图：找到或在红

圈中搜索java,选择InstalledJREs命令。如果蓝框处为空白，则点击右侧的Add按钮，如

果要更改当前配置，则选中该记录，点击右侧的Edit按钮。

SBPreferences□X

InstalledJREs9▼O▼

>GeneralA

Add,removeoreditJREdefinitions.Bydefault,thecheckedJREisadded

>AnttothebuildpathofnewlycreatedJavaprojects.

>CodeRecomr

>DataManageInstalledJREs:

>HelpNameLocationType

>Install/UpdabP]Bjdk...C:\ProgramFiles(x86)\Java\...Standard.

vJava

>Appearana

>BuildPath

>CodeStyle

>Compiler

>Debug

>Editor

>InstalledJR

JUnit

PropertiesI

>JavaEE

>JavaPersisten

>JavaScriptv

Apply

②⑥OK|Cancel

如果选择Add,则在弹出对话框中选择StandardVM,之后按向导提示设置，保存配置

即可。因为这里是用于开发，推荐指定jdk所在文件夹，而不是jre所在文件夹。

98AddJRE□X

JREType

SelectthetypeofJREtoaddtotheworkspace.

InstalledJRETypes:

ExecutionEnvironmentDescription

Standard1.1J(VM

StandardVM

©Next>Cancel

(2)整合Tomcat

选择Window->Preferences,选择或搜索Server,可看到如下对话框，选择Runtime

EnvironmentSo

96Preferences□X

typefiltertextServer6▼▼▼

>General0ShowServersviewwhenserverstatechanges

>Ant

>CodeRecommenders

>DataManagementDownloadableserveradapterscacheupdatepolicy

>HelpUpdatecachefrequency:Weekly7RefreshNow

>Install/Update

Lastupdatedon:WedSep04201919:08:20CST

>Java

>JavaEE

>JavaPersistence

>JavaScript

>Maven

>Mylyn

>Oomph

>Plug-inDevelopment

>RemoteSystems

>Run/Debug

▼Server

Audio

Launching

Overlays

Profilers

RuntimeEnvironments

>Team

>Terminal

Validation

>Web

WebServices

J|Apply

>XMLRestoreDefaults

②©OKCancel

可以看到如下图所示对话框。为避免冲突，请确保蓝框处只有一条记录，如果有多条,

保留一条，其余删除。如果蓝框处为空白，则点击右侧的Add按钮。

圄Preferences□X

typefiltertext________________ServerRuntimeEnvironments°▼▼▼

>General

Add,remove,oreditserverruntimeenvironments.

>Ant

>CodeRecommendersServerruntimeenvironments:

>DataManagementNameTypeAdd...

>HelpApacheTomcatv8.0ApacheTomcatv8.0也代

>Install/Update

>JavaRemove|

>JavaEE

>JavaPersistenceSearch™

>JavaScript

>MavenColumns...

>Mylyn

>Oomph

>Plug-inDevelopment

■RemoteSystems

>Run/Debug

vServer

Audio

Launching

Overlays

Profilers

RuntimeEnvironments

>Team

点击Add按钮后，可看到如下对话框。可在红框处输入关键词Tomcat搜索。

凰NewServerRuntimeEnvironment□X

NewServerRuntimeEnvironment

Defineanewserverruntimeenvironment

P]Showdownloadableserveradapters

Selectthetypeofruntimeenvironment:

tomcd]

7日ApacheA

..ApacheTomcatv3.2

:ApacheTomcatv4.0

3ApacheTomcatv4.1

找到要配置的Tomcat的版本，点击Next按钮。点击Browse按钮，选择Tomcat所在根

目录，填充红框的内容。从蓝色下拉框中选择刚刚整合的JDK,如果蓝框中选择默认设置，

则采用Eclipse自带的JDK。点击Finish完成设置。

SiNewServerRuntimeEnvironment□X

TomcatServer

Specifytheinstallationdirectory

Name:

|ApacheTomcatv8.0⑵|

Tomcatinstallationdirectory:

|c：\eclipse=javaEE\apache-tomcat-8.0.41|Browse...

DownloadandInstall...

IJRE:

WorkbenchdefaultJRE、installedJREs...

©<BackFinishCancel

常见问题：新建的JSP文件会报告错误。

解决方案如下：

右键单击项目，选择Properties。在弹出的属性对话框中选择“JavaBuildPath”

S3Propertiesforsoft18□X

>efiltertext|Resource

>Resource

Rath:/softl8

Builders

Type：Project

Location:C:\wksp=javaEE\soft18

C^JavaBuildPath

Lastmodified:2020年9月23日上午8:32:02

JavaCodeStyle

lextfileencoding

>JavaCompiler

>JavaEditor(♦)inheritedfromcontainer(UTF-8)

JavadocLocationOOtherUTF-8

>JavaScript口Storetheencodingofderivedresourcesseparately

JSPFragment

Newtextfilelinedelimiter

ProjectFacets

1•Inheritedfromcontainer(Windows)

ProjectReferences

RefactoringHistoryOOtherWindows

Run/DebugSettings

Server

RestoreDefaultsApply

1cr

②OKCancel

切换至Libraries选项卡

SBPropertiesforsoft18□X

typefiltertext_______JavaBuildPath

>Resource

**Source金ProjOrderandExport

Builders

DeploymentAssemblyJARsandclassfolders

JavaBuildPath,MApacheTomcatv8.0(ApacheTomcatv8.0]AddJARs...

•JavaCodeStyle>MEARLibraries

AddExternalJARs_.

，JavaCompiler-MJRESystemLibrary(jdk1.8.0_l2l]

>JavaEditor>■>WebAppLibrariesAddVariable.-

JavadocLocationAddLibrary...

>JavaScript

JSPFragmentAddClassFolder...

ProjectFacetsAddExternalClassFolder-

ProjectReferences

RefactoringHistoryEdit.

Run/DebugSettings

Remove

Server

ServicePoliciesMigrateJARFile.

TargetedRuntimes

TaskRf»nn$itorv

Apply

“KCancel

点击AddLibrary按钮

SBPropertiesforsoftl8□X

typefiltertextJavaBuildPath

>Resource

0Source二ProjectsLibrariesOrderandExport

Builders

DeploymentAssemblyJARsandclassfoldersonthebuildpath:

JavaBuildPathMApacheTomcatv8.0[ApacheTomcatv8.0]AddJARs...

>JavaCodeStyle>MEARLibraries

AddExternalJARs.

>JavaCompiler9kJRESystemLibrary[jdk1.8.0_121]

>JavaEditorMWebAppLibrariesAddVariable...

JavadocLocationAddLibrary...

>JavaScript

JSPFragmentAddClassFolder.

ProjectFacetsAddExternalClassFolder...

ProjectReferences

RefactoringHistory

Run/DebugSettings

Remove

Server

ServicePoliciesMigrateJARFile一

TargetedRuntimes

T水kRpnncitnrv

Apply

⑦OKCancel

选择ServerRuntime

88AddLibrary□X

AddLibrary

Selectthelibrarytypetoadd.

ConnectivityDriverDefinition

CXFRuntime

EARLibraries

JRESystemLibrary

JUnit

MavenManagedDependencies

Plug-inDependencies

ServerRuntime

UserLibrary

WebAppLibraries

©Next>Cancel

选择配置好的Tomcat

38AddLibrary□X

ServerLibrary

SelectaserverruntimetoaddtotheclasspathI

Selectaruntimetoaddtotheclasspath:

©<BackNext-|Einish|Cancel

点击Finish按钮关闭窗口，回到JavaBuildPath窗口,

5BPropertiesforsoft18□X

〔typefiltertextJavaBuildPath

>Resource人

*Source0Projects*LibrariesOrderandExport

Builders

DeploymentAssemblyJARsandclassfoldersonthebuildpalh:______

|»>ApacheTomcatv8.0[ApacheTomcatv8.0)

JavaBuildPathAddJARs...

>JavaCodeStyle■EARLibraries

AddExternalJARs.

>JavaCompiler■MJRESystemLibrary(jdk1.8.0_121)

>JavaEditor•MWebAppLibrariesAddVariable...

JavadocLocation|AddLibraryi]

>JavaScript

JSPFragmentAddClassFolder.”

ProjectFacetsAddExternalClassFolder...

ProjectReferences

RefactoringHistoryEdit...

Run/DebugSettings

Remove

Server

ServicePolicies