1、  建立一个web project项目【项目名:Demo】。

 步骤:从MyEclipse菜单中依次打开:File --> New --> Web Project,结果如下图所示:

 提示:【我的Tomcat服务器是:Apache Tomcat v7.0  也可选MyEclipse自带的,如:MyEclipse Tomcat v7.0 

  

mac的图形化mysql myeclipse图形化界面_Apache

  

mac的图形化mysql myeclipse图形化界面_struts_02

 

2、  给项目添加Struts2的兼容开发功能。

步骤:选中Demo工程名,再依次选中MyEclipse菜单的:

Myeclipse --> Project Facets[Capabilities] --> Install Apache Struts(2.x) Facet -->选[Finish]按钮;过程和结果如下图所示:

  

mac的图形化mysql myeclipse图形化界面_html_03

  

mac的图形化mysql myeclipse图形化界面_Apache_04

  

mac的图形化mysql myeclipse图形化界面_Apache_05

 

3、给项目添加所需的JSP文件:【HelloWorld.jsp

  步骤:

  A步骤:如上图所示,找到struts.xml双击打开。屏幕上会出现如下图的编辑窗口,当前出现的是[Source]编辑界面,我们选择  [Flow]图形编辑界面

  

    

mac的图形化mysql myeclipse图形化界面_struts_06

  B步骤:接着把上图的

mac的图形化mysql myeclipse图形化界面_mac的图形化mysql_07

图标拖放到左边的空白处,这时会出现一个【Create a new JSP page.】的对话框,按下图  修改相应的参数,完成后按【Finish】按钮。  

mac的图形化mysql myeclipse图形化界面_mac的图形化mysql_08

  

mac的图形化mysql myeclipse图形化界面_mac的图形化mysql_09

C步骤:给以上的JSP文件(即工程中的 HelloWorld.jsp)覆盖加入下列的代码,代码如下所示:

<%@page contentType="text/html; charset=UTF-8"%>
<%@taglibprefix="s" uri="/struts-tags"%>
<html>
  <head><title>Struts 2 Demo</title></head>
  <body>
   <h3>${message}</h3>
   <s:formaction="HelloWorld">
    <s:textfieldname="message"/><s:submit/>
   </s:form>
  </body>
</html>

4、给项目添加一个Package

  步骤:把上图的

mac的图形化mysql myeclipse图形化界面_html_10

拖放到左边的空白处,这时会出现一个【New Package】的对话框,按下图修改相应的参数,完成后按【Finish】按钮。   

mac的图形化mysql myeclipse图形化界面_struts_11

    

mac的图形化mysql myeclipse图形化界面_struts_12

 

5、给Package添加一个Action及Result

步骤:把上图的

mac的图形化mysql myeclipse图形化界面_Apache_13

拖放到左边的Package浅黄区域,这时会出现一个【New Action】的对话框,按下图修改相应的参数,完成后按【Finish】按钮。  

mac的图形化mysql myeclipse图形化界面_Apache_14

  

mac的图形化mysql myeclipse图形化界面_mac的图形化mysql_15

 

再按【Finish】按钮完成操作!

  

mac的图形化mysql myeclipse图形化界面_html_16

 

6、修改HelloWorld.java类文件 

package com.etop.struts2.action;
import com.opensymphony.xwork2.ActionSupport;
publicclass HelloWorld extends ActionSupport {
    private String message;
      public String execute() throws Exception {
       returnSUCCESS;
    }
    public String getMessage() {
       returnmessage;
    }
    publicvoid setMessage(String message) {
       this.message = message;
    }
}

添加工程到tomcat服务器:

  

mac的图形化mysql myeclipse图形化界面_html_17

  

mac的图形化mysql myeclipse图形化界面_html_18

启动tomcat服务器:

  

mac的图形化mysql myeclipse图形化界面_html_19

 

最后就可以在浏览器中测试了:

 输入网址:http://localhost:8080/Demo/HelloWorld.action   如下图所示

  

mac的图形化mysql myeclipse图形化界面_mac的图形化mysql_20

  

mac的图形化mysql myeclipse图形化界面_html_21

  

mac的图形化mysql myeclipse图形化界面_Apache_22