Struts下拉框的实现

类别:Java 点击:0 评论:0 推荐:

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数据来实现下拉列表框的数据填充的运行效果完全一样:

 

本文地址:http://com.8s8s.com/it/it16397.htm