Struts下拉框的实现

Struts下拉框的实现

 

 

[目标]

本例是在上一个例子“最简单的Struts程序”的基础上（见《如何实现最简单的Struts程序》）进行扩展的，其目标是在输入页中实现一个下拉输入框，在输出页中显示下拉输入框被选的值。

   本项目在前面的Simple项目的基础上进行扩展，那当然也可以建立一个新的项目。

 

[效果]

输入页面：

输出页面：

 

 

 

[背景知识]

 

 

[步骤]

 

1、运行JavaWebStudio、打开Simple项目：

选择菜单：“文件”----“打开项目”，选择最简单的Struts程序项目Simple目录，通过Simple.prj项目文件打开项目。

2、打开HelloWord.jap文件：

   从JavaWebStudio文件管理器中打开HelloWord.jap文件，然后切换到工具栏中，选择Struts标签，把“Select标签”拖动到代码编辑窗口（或Web可视化编辑窗口）中。

 

 

在代码编辑窗口点击鼠标右键：

选择刷新视图，Web可视化编辑窗口得到刷新，结果如下图所示：

 

 

3、加入Bean变量：

 

在Web可视化编辑窗口中，鼠标光标移到下拉列表框上并点击鼠标右键，选择“添加Bean变量”，加入变量名称为“select”的Bean变量（也可在HelloWordForm.java中点击鼠标右键进行同样的操作）：

 

HelloWordForm.java自动加入了select变量及setSelec()和 getSelect()函数（黑体字部分的代码）。

package  emptyprj;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts.action.ActionError;

import org.apache.struts.action.ActionErrors;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionMapping;

public final class HelloWordForm extends ActionForm 

{

                private String select;

                private String mybeanvariable1;

    //myfiledata;

        public String getMybeanvariable1()

        {

            return (this.mybeanvariable1);

        }

        public void setMybeanvariable1(String mybeanvariable1)

        {

            this.mybeanvariable1=mybeanvariable1;

        }

                public void setSelect(String newselect)

                {

                select=newselect;

                }

                public String getSelect()

                {

                return select;

                }

                }

}

 

补充完HelloWord.jsp文件中黑体字部分的代码（其它代码都是自动产生的）：

<%@ page contentType="text/html;charset=GB2312" language="java" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<%@ taglib uri="/WEB-INF/struts-template.tld" prefix="template" %>

<html:html >

<head>

<title>

</title>

< META http-equiv=Content-Type content="text/html; charset=gb2312">

</head>

<body bgColor=white>

<html:base />  <html:form  method="post"

action="/HelloWordAction.do">

<html:text property="mybeanvariable1"   />

<html:select property="select">

   <html:option value="第一项">第一项</html:option>

   <html:option value="第二项">第二项</html:option>

   <html:option value="第三项">第三项</html:option>

</html:select>

 <html:submit  value="提交"   />  <html:reset  value="重写"   /> 

</html:form >

</body>

</html:html >

 

 

在HelloWordOut.jsp文件中加入select变量输出标签<bean:write name="HelloWordForm"          property="select" />，即补充完HelloWordOut.jsp文件中黑体字部分的代码（其它代码都是自动产生的）：

<%@ page contentType="text/html;charset=GB2312" language="java" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<%@ taglib uri="/WEB-INF/struts-template.tld" prefix="template" %>

 

<html:html>

<head>

<title></title>

<html:base/>

</head>

<body bgcolor="white">

<html:html>

<head>

<title></title>

<html:base/>

</head>

<body bgcolor="white">

<bean:write  name="HelloWordForm"          property="mybeanvariable1" />

<p></p>

<bean:write  name="HelloWordForm"          property="select" />

</body>

</html:html>

</body>

</html:html>

 

看一下配置文件struts-config.xml的内容，在JavaWebStudio集成开发环境中，struts-config.xml一般是自动配置的，所以不用我们自己写代码：

<?xml version="1.0" encoding="ISO-8859-1" ?>

 

<!DOCTYPE struts-config PUBLIC

          "-//Apache Software Foundation//DTD Struts Configuration 1.0//EN"

          "http://jakarta.apache.org/struts/dtds/struts-config_1_0.dtd">

<struts-config>

  <form-beans>

   <form-bean  name="HelloWordForm"        

                         type="emptyprj.HelloWordForm"          />

</form-beans>

  <action-mappings>

<action  path="/HelloWordAction"        

                     type="emptyprj.HelloWordAction"        

                              name="HelloWordForm"                  

            scope="session"

                     input="/HelloWord.jsp">

       <forward name="success"          path="/HelloWordOut.jsp"         /></action>

</action-mappings>

</struts-config>

 

4、编译、启动服务器：

       

5、启动服务器：

点击工具条上的启动服务器按钮或选择菜单“运行”—“ 启动服务器”启动服务器jakarta-tomcat服务器。内容如下：

点击工具条上的编译按钮或选择菜单“生成”—“编译”开始项目的编译。编译过程和结果在输出栏中显示出来。

    输出结果表明利用ant 编译build.xml所设置的项目已成功。把编译结果拷贝到tomcat服务器webapps目录下，并生成打包文件Simple.war。

 

 

 

6、运行：

  打开HelloWord.jap文件，点击工具条上的运行按钮或选择菜单“运行”—“ 运行（web浏览）”这时打开显示出HelloWord.jsp的运行结果。

 

在运行结果页面中的输入框中输入“选择”，并选择下拉框中“第二项”，然后点击“提交”按钮，这时转发到HelloWordOut.jsp文件，HelloWordOut.jsp页面中输出“选择”一词，第二行输出了选择结果“第二项”。

 

 

*********************************************************************************

[扩展部分]

上面是通过手工编写<html:option/>的value数据来实现下拉列表框的数据填充的，这种方法容易理解，容易实现，但缺点一是不能从服务器中动态填充数据（例如从数据库中读取数据进行填充），二是当有多个输出页面使用同样的下拉列表框时，每个地主都要手工写一次数据填充，也不好维护。下面将采用Bean数据的方式填充下拉列表框，解决上述问题。

 

修改HelloWordAction.java文件：

首先加入：

import java.util.List;

import java.util.ArrayList;

然后再加入：

  List myList = new ArrayList();

     myList.add("第一项");

     myList.add("第二项");

     myList.add("第三项");

     request.setAttribute("myList",myList);

 

修改HelloWord.jsp文件：

把原来的内容：

<html:select property="select">

   <html:option value="第一项">第一项</html:option>

   <html:option value="第二项">第二项</html:option>

   <html:option value="第三项">第三项</html:option>

</html:select>

改写成：

<html:select property="select">

    　<html:options name="myList"/>

</html:select>

 

最后编译，启动服务器，运行HelloWord.jsp文件，但出现如下错误：

 

是何道理？Cannot find bean under name myList。原来是没找到myList，没找到的原因就是因为我们是直接运行HelloWord.jsp文件，地址栏上显示http://localhost:8080/Simple/HelloWord.jsp，把它改写成http://localhost:8080/Simple/HelloWord.jsp，并按“Enter”键盘，这回正确了，并且与前面手工编写<html:option/>的value数据来实现下拉列表框的数据填充的运行效果完全一样：