
2.4 使用Eclipse创建和发布Web应用
有了Eclipse之后,建立Web开发项目就变得非常简单了,尤其是在Eclipse和Tomcat整合之后。使用Eclipse和Tomcat来建立Web开发项目的具体步骤如下:
运行Eclipse,单击菜单栏中的“File”菜单,Eclipse将显示“File”菜单内容。
将鼠标移动到“New”,在出现的子菜单中单击“Project”,Eclipse将弹出“New Project”对话框,如图2.38所示。
选择列表框中“Java”下的“Tomcat Project”,然后单击“Next”按钮,将弹出“New Tomcat Project”对话框,如图2.39所示。

图2.38 “New Project”对话框

图2.39 “New Tomcat Project”对话框
在“New Tomcat Project”对话框中,在“Project name”文本框中输入“myHelloWorld”,然后单击“Finish”按钮,项目即建立成功,myHelloWorld的目录结构如图2.40所示。
从myHelloWorld的目录结构可以看到,有很多jar也显示在目录结构中,而这些jar对于开发人员编写代码来说,是没有多大用处的,因此可以隐藏起来。隐藏的方法如下:首先单击图2.40中所标识的下三角,会弹出一个菜单,隐藏的方法如图2.41所示。

图2.40 myHelloWorld的目录结构

图2.41 隐藏的方法
在菜单中选择“Filters”,则会弹出“Java Element Filters”对话框,如图2.42所示。
在“Java Element Filters”对话框中,选中“Name filter patterns”,然后在下面的文本框中输入“*.jar”,意思就是过滤掉所有的jar,最后单击“OK”按钮即可。
过滤掉jar的myHelloWorld的目录结构如图2.43所示。

图2.42 “Java Element Filters”对话框

图2.43 过滤掉jar的myHelloWorld的目录结构
右击myHelloWorld,在弹出的快捷菜单中选择“New”|“Package”命令,弹出“New Java Package”对话框,如图2.44所示。
在“New Java Package”对话框的“Name”文本框中输入“com.myHelloWorld.web”,然后单击“Finish”按钮,即可建立com.myHelloWorld.web包。
右击myHelloWorld,在弹出的快捷菜单中选择“New”|“Folder”命令,弹出“New Folder”对话框,如图2.45所示。

图2.44 “New Java Package”对话框

图2.45 “New Folder”对话框
在“New Folder”对话框的“Folder Name”文本框中输入“jsp”,然后单击“Finish”按钮,即可建立jsp文件夹。
最终配置好的myHelloWorld项目的目录结构如图2.46所示。

图2.46 配置好的myHelloWorld项目的目录结构
2.4.1 编写能输出HelloWorld的JSP文件
输入myHelloWorldOld.jsp的代码如下所示:
<%@ page contentType="text/html;charset=UTF-8" language="java" import="java.sql.*" errorPage="" %> <%@ page import="java.sql.*,java.util.*,javax.servlet.*, javax.servlet.http.*,java.text.*,java.math.*" %> <% //获取服务器传来的数据 String msg = (String)((request.getAttribute("msg") == null) ? "" : (String)request.getAttribute("msg")); %> <html> <head> <title>传统的Web开发方式</title> </head> <body> <form action="/myHelloWorld/myHelloWorld.do" method="get"> <span id='msg'><%=msg%></span><br> <input type="submit" value="单击此按钮"/> </form> </body> </html>
编写web.xml文件,这是Web程序开发所必需的,web.xml文件的示例代码如下:
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <!--设定Servlet--> <servlet> <servlet-name>Servlet</servlet-name> <servlet-class>com.myHelloWorld.web.HelloWorldOld</servlet-class> </servlet> <!--设定Servlet的对应关系--> <servlet-mapping> <servlet-name>Servlet</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> </web-app>
2.4.2 运行JSP文件
在Eclipse上启动Tomcat,然后在IE地址栏中输入http://localhost:8080/myHelloWorld/jsp/myHelloWorldOld.jsp,即可看到有“单击此按钮”提示的画面,如图2.47所示。

图2.47 有“单击此按钮”提示的画面
注意:如果将JSP页面放在WEB-INF目录下,则不能通过浏览器直接访问,这样也增强了代码的安全性。