实验2动态Web工程的建立..docVIP

实验二 动态Web工程的建立 首先，与所有编程过程一样，我们第一步是需要新建一个项目project，项目指明了包括哪些的源文件，这些源文件存放在本地硬盘的什么目录；以及项目相关配置，比如采用哪个jdk(假如一台电脑上安装了多个jdk版本)编译文件，采用哪个tomcat作为服务器，运行程序的server配置等等。 要开发jsp网页，我们要新建一个“Dynamic Web Project”。我们点击File-New-Dynamic Web Project，如图 1所示。 图 1 新建一个工程 Dynamic Web Project 之后，会弹出来工程的基本设置项，如图 2所示。包括工程名称(Project Name)，默认是在我们初始指定工作区的目录下建立一个同名的工程目录，以后把所有的源文件都存放在该目录下。比如我们打开Eclipse的时候，指定了使用C：\Project作为工作区（workspace）（错误！未找到引用源。所示），我们在此指定了project name为maiba，则Eclipse会自动在C：\Project下建立一个新目录maiba，以后关于此工程的所有源文件都将存放在C：\Project\maiba下。 我们还需要选择采用哪个Tomcat作为服务器，也就是图 2中的“Target Runtime”选项。如果我们之前选择过，则此处会自动填上给Tomcat版本。如果我们是第一次选择，则点击New，选择Tomcat。 图 2 填上工程名字，这里我们取名maiba 在弹出来的“New Server Runtime Environment”对话框中，首先选择Tomcat的版本，由前边按照Tomcat的时候，我们知道我们下载安装的Tomcat版本为Tomcat- 6.0.16，所以此处选择Apache Tomcat v6.0。如图 3所示。 图 3 选择Tomcat的类型v6.0 之后，我们可以修改我们新建的Tomcat服务器的名称，然后指明该Tomcat的安装目录，如图 4所示。 图 4 选择Tomcat的安装目录 新建一个Tomcat运行环境的结果如下图 5所示。 图 5 选择完tomcat，点击next 点击next，进入“New Dynamic Web Projec”（如下图 6所示），在此可以选择存放页面的目录（Content Directory）还有存放Java源代码的目录（Java Source Directory），我们强烈建议采用默认目录就可以，因为这是约定俗成，并且即使修改目录名称，也没有任何实质意义。 图 6 设置该项目存放网页还有java代码的目录，一般均不作修改，采用默认 至此，我们完成了工程地新建，结果如下图 7所示。按照我们前边所讲，我们可以随意拉动各个view，重新组合成我们喜欢的布局。也可以切换视角，一般默认是采用Java视角，也行你也可以尝试一下Resource视角。 图 7 如果需要，你可以切换跟适合自己的视图 新建了工程之后，我们就可以新建我们的java代码，jsp页面了。首先，我们可以新建一个新的jsp页面。我们前面已经提过，所有页面是存放在WebContent目录下，所以我们对着WebContent点击右键，选择“new”下的“jsp”，如下图 8所示。 图 8 新建一个jsp页面 写上jsp的名字index.jsp，便得到一个新的jsp文件。如下图 9所示。写上最简单的hello world，便得到我们的第一个jsp页面了。 图 9 修改jsp代码如上所示 我们需要使用tomcat来运行该jsp页面。方法如下：对着我们的jsp文件index.jsp，点击鼠标右键，选择Run As-Run on Server。 图 10 使用eclipse运行jsp页面 如果是第一次运行，则会弹出如下图 11所示的对话框，要求我们配置服务器。同样地，选择我们刚刚新建的Tomcat运行环境，Tomcat v6.0 Server。 图 11 选择运行jsp的服务器 点击下一步，我们可以看到我们的工程（maiba）已经加入了该Tomcat运行环境里边。如下图 12所示。 图 12 右边栏列出了该服务器运行的工程 我们完成了运行jsp所需的服务器的设置，就可以运行该jsp文件了，如果有防火墙，需要点击“解除阻止”。 图 13 如果安装了防火墙，会进行拦截，点击“解除阻止” 我们可以在Eclipse里看到我们的jsp页面，以及该页面的url。 图 14 hello world 页面 可以把该url拷贝至IE里，也同样的可以得到相同的结果。 图 15 在IE上运行 仔细看看Eclipse的工作区，