我的J2EE成功之路
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

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目录下,则不能通过浏览器直接访问,这样也增强了代码的安全性。