首页 理论教育创建第一个Web应用程序-JavaWeb应用开发

创建第一个Web应用程序-JavaWeb应用开发

【摘要】:下面通过在这个强大的J2EE 集成开发环境Eclipse 中创建第一个Web 应用程序,你将会体会到其便利性。图1.8主界面要建立Web 应用程序可按下列步骤:1.创建Web 项目在菜单栏选择“FileNewDynamic Web Project”弹出添加对话框,如图1.9 所示。图1.11新建Web 项目窗口在添加新项目窗体中,需要填写项目名称,其余的比如项目存储路径、服务器、web 版本等均有默认值,可以保留,不作更改。图1.12项目默认的目录结构因为是第一个Web 项目,所以非常简单,案例会输出“Hello World!”。

下面通过在这个强大的J2EE 集成开发环境Eclipse 中创建第一个Web 应用程序,你将会体会到其便利性。首先确保计算机已安装Eclipse 并且已正确配置Java 环境后,然后从开始菜单启动Eclipse。如图1.5 所示为Eclipse 启动界面。

图1.5 Eclipse 启动界面

在Eclipse 的启动过程中会弹出一个选择WorkSpace Launcher(工作空间)的对话框,如图1.6 所示。工作空间是用于存放一个或多个项目的一个文件夹。

图1.6 选择工作空间

也可以勾选下方的复选框,以后就可以不再选择工作空间,而把当前选定的工作空间设置为默认的工作空间。

成功启动Eclipse 之后首先看到的是欢迎页,如图1.7 所示。

图1.7 欢迎页

在欢迎页中单击WorkBench 进入主界面,也可以直接关闭欢迎页进入主界面,主界面如图1.8 所示。

图1.8 主界面

要建立Web 应用程序可按下列步骤:

1.创建Web 项目

菜单栏选择“File➔New➔Dynamic Web Project”弹出添加对话框,如图1.9 所示。

图1.9 选择新建Web 项目

也可以右键单击包资源管理器视图的空白部分,在弹出的快捷菜单中选择“New➔Dynamic Web Project”,如图1.10 所示。

图1.10 选择新建Web 项目

然后弹出“New Dynamic Web Project”窗体,如图1.11 所示。

图1.11 新建Web 项目窗口

在添加新项目窗体中,需要填写项目名称,其余的比如项目存储路径、服务器、web 版本等均有默认值,可以保留,不作更改。然后点击“Next”,最后勾选“Generate web.xml”并单击“Finish”完成项目的新建。

完成项目的建立之后,在包资源管理器视图中可以看见项目的目录结构如图1.12 所示。在后面会对目录结构作详细介绍,这里不做赘述。

图1.12 项目默认的目录结构(www.chuimin.cn)

因为是第一个Web 项目,所以非常简单,案例会输出“Hello World!”。在项目创建之后,在WebContent 新建一个index.jsp 文件。“.jsp”是JSP 文件的后缀名,JSP是本书将重点讲解的技术。双击打开该文件,会发现和HTML 文件相似,index.jsp 文件内容如下:

JSP 的语法会在后续章节中讲解,这里不做介绍。找到body 标签,写上“Hello World!<br />This is my first Java Web Application!”。现在项目已经创建好了,接下来就是发布项目了。

2.发布项目

在Eclipse 下方找到“Servers”视图,如图1.13 所示。在“Servers”视图中,可以看见当前Eclipse 中配置的服务器列表。

图1.13 Servers 视图

将项目发布到Tomcat 服务器中,选中Tomcat v7.0 服务器,单击右键弹出快捷菜单,选择“Add and Remove..”,如图1.14 所示。

图1.14 选择添加发布项目

弹出发布的窗体,选择将要发布的项目添加到右边的“Configured”中,然后单击“Finish”按钮,如图1.15 所示。

图1.15 添加发布项目

项目发布之后,在“Servers”视图中Tomcat 服务器的下方就可以看到刚发布的项目。要让项目运行起来,还需要启动Web 服务器。接下来启动Tomcat 服务器。选中Tomcat服务器,单击右键选择“Start”,或者单击“Servers”视图工具条的绿色图标,如图1.16 所示。

图1.16 启动Tomcat 服务器

启动Tomcat 服务器的时候,Eclipse 默认会切换到Console 视图。在Console 视图中会输出一些启动日志信息,若最终启动成功,将会输出类似如图1.17 所示的信息“Server startup in xxx ms”。

图1.17 启动Tomcat 服务器过程中输出日志信息

在Servers 视图工具条中共有5 个图标,这些图标提供了发布项目时常用功能的快捷方式,见表1.3。

表1.3 Servers 视图工具条中的快捷图标

3.测试项目

打开浏览器,在地址栏键入http://localhost:8080/web01/index.jsp,然后敲回车,将输出如图1.18 所示的效果。

图1.18 测试项目