Model-Driven（模型驱动）、配置表单验证

 

用登陆演示Model-Driven（模型驱动）、配置表单验证

本文主要在上一个视频（webwork初体验）的基本进行改动，所以在看本文之前，请先浏览上一个视频。

在webwork中Action根据Form的不同可分为二类：

一种是Field-Driven（字段驱动）Action；就是 Action用自己的字段来充当Form的角色，上一个视频给大家演示的例子就是采用了这种方式。本人感觉有点像struts中的动态Form。

当然这只是我自己的一些看法。还有一种是Model-Driven（模型驱动）Action。它很像Struts的Form,但在struts中Form必须继承org.apache.struts.action.ActionForm;或是org.apache.struts.validator包下的几个Form.在WebWork中有所不同，只要普通JavaBean就可以充当模型部分。只要我们在Action中实现com.opensymphony.xwork. ModelDriven接口就可以了，它有一个方法：Object getModel();，这个方法用于返回模型对象。

我们改动上个视频的LoginAction类。代码如下：

java 代码

package com.lyx.web.action;
import com.lyx.bo.User;
import com.opensymphony.xwork.Action;
import com.opensymphony.xwork.ActionSupport;
import com.opensymphony.xwork.ModelDriven;
public class LoginAction implements Action,ModelDriven {
//注意这里的User一定要初始化
    private User user=new User();

    public User getUser() {
        return user;
    }
    public String execute() throws Exception {
        if(user.getUserName().equals("lyx")){
            return this.SUCCESS;
        }else{
            return this.ERROR;
        }
    }
    public Object getModel() {
        // TODO Auto-generated method stub
        return user;
    }

}

红色字体部是我们后加部分。

然后我们就可以将index.jsp页面的代码修改如下：

<form action="login.action">

 

username:<input type="text" name="userName"/>

password:<input type="password" name="userPwd"/>

<input type="submit" value="login"/>

form>

也就是我们去掉了原有的表达式语言。

然后我们修改xwork.xml配置文件如下：

xml 代码

<!---->>
<xwork>
    <include file="webwork-default.xml" />
    <package name="default" extends="webwork-default">
        <action name="login" class="com.lyx.web.action.LoginAction">
            <!---->
            <result name="success" type="dispatcher">
                <param name="location">/success.jspparam>
            result>
            <!---->
            <result name="error" type="dispatcher">
                <param name="location">/error.jspparam>
            result>
            <interceptor-ref name="model-driven"/>
            <interceptor-ref name="params"/>
        action>
    package>
xwork>

也就是在原有的基础上加了一行模型驱动的拦截器。作用就是将模型对象保存到值堆栈中。

就样就ＯＫ了。这里要注意，model-driven拦截器要在params的上面。可以测试一下看看。

整过过程，非常像struts中，Action与ActionForm的关系。

通过测试，功能和以前的一样。很简单吧。就不在多述了。

第二个重点我们来配置一个表单的验证：

在 src 目录下新建 validators.xml 文件，文件内容如下：

xml 代码

<validators>
    <validator name="required" class="com.opensymphony.xwork.validator.validators.RequiredFieldValidator"/>
    <validator name="requiredstring" class="com.opensymphony.xwork.validator.validators.RequiredStringValidator"/>
    <validator name="int" class="com.opensymphony.xwork.validator.validators.IntRangeFieldValidator"/>
    <validator name="date" class="com.opensymphony.xwork.validator.validators.DateRangeFieldValidator"/>
    <validator name="expression" class="com.opensymphony.xwork.validator.validators.ExpressionValidator"/>
    <validator name="fieldexpression" class="com.opensymphony.xwork.validator.validators.FieldExpressionValidator"/>
    <validator name="email" class="com.opensymphony.xwork.validator.validators.EmailValidator"/>
    <validator name="url" class="com.opensymphony.xwork.validator.validators.URLValidator"/>
    <validator name="visitor" class="com.opensymphony.xwork.validator.validators.VisitorFieldValidator"/>
    <validator name="conversion" class="com.opensymphony.xwork.validator.validators.ConversionErrorFieldValidator"/>
    <validator name="stringlength" class="com.opensymphony.xwork.validator.validators.StringLengthFieldValidator"/>
validators>

这个文件可以在网上下得到。也可以在webwork的源码中得到。不是不想起了struts中有个valiator-rules.xml文件。这个文件在struts中是描述着验证的规则，里面有好多已经写好了的验证，我们可以很方便的调用。这里的这个文件功能和struts中的类似。

   要启动表单验证，需要增加一个拦截器，还有就是我们在struts的struts-config.xml配置文件中Action的配置有个input属性，它是用来当验证失败时所在跳到的页，在这里如果登陆失败我们应该跳到index页，显示失败的原因，重新登陆。在webwork中我们也用input来描述这个功能。在一个result.

对xwork.xml 文件进行修改，增加<interceptor-ref name="validationWorkflowStack" />

修改后xwork.xml代码如下：

xml 代码

<include file="webwork-default.xml" />
    <package name="default" extends="webwork-default">
        <action name="login" class="com.lyx.web.action.LoginAction">
            <!---->
            <result name="success" type="dispatcher">
                <param name="location">/success.jspparam>
            result>
            <!---->
            <result name="error" type="dispatcher">
                <param name="location">/error.jspparam>
            result>
            <result name="input" type="dispatcher">
                <param name="location">/index.jspparam>
            result>

            <interceptor-ref name="model-driven"/>
            <interceptor-ref name="params"/>
            <interceptor-ref name="validationWorkflowStack" />
        action>
    package>

我们已经用到了success，他指成功所要跳到的页。Error是错误所要跳到的页。Input是指失败时所要返回来登陆的页。在webwork中还有几个。以后我们会看得到，用到的时候在详细讲解。

   建立验证规则

 

      对 LoginAction 进行验证规则的配置，需要新建一个配置文件，文件名起名是以Action 的名称开头以validation结尾，中间用”-”隔开.xml并保存到 LoginAction.java 文件所在的目录中

        

   代码如下： LoginAction-validation.xml

xml 代码

<!---->>
<validators>
    <field name="userName">
        <field-validator type="requiredstring">
            <message>username is required!message>
        field-validator>
    field>
    <field name="userPwd">
        <field-validator type="requiredstring">
            <message> password is required!message>
        field-validator>
    field>
validators>

这个文件很像struts中的validation.xml。功能和他是一样的。配置表单的验证。这里我们只验证也用户名和密码为必须填写。注意：这个name的属性一定要和User类中的对应。规则是和struts中一样的。对应才能有交的验证。

为了能显示验证的信息再次修改index页面如下：

<ww:form action="login.action" method="POST">

         username:   <ww:textfield label="Username" name="userName" required="true"/>

          password: <ww:password label="Password" name="userPwd" required="true"/>

            <ww:submit value="Submit"/>

     ww:form>

这几行很简单，从字面上就可以看出，就不在多述了。

基本代码就这些，测试一下，看看吧。

哦，没有验证，还忘了一步，回头看看

除了上述的配置外，我们的Action还要继承ActionSupport类，这个类存放着错误的信息，并能将错误的状态返回到页面

在改一下，试试

ＯＫ了。好用了。呵呵，刚是太急用了，忘了最关键的一步。大家在开发当中可以细心点啊。

因为，录这个视频是在公司，不能有声音讲解给大家听。请大家谅解。这段时间比较忙，过了这段时间，给大家录个有声音的。呵呵。

我的联系方式：

ＭＳＮ；[e-mail]

Email:[e-mail]

就到这里吧。希望大家能多提宝贵意见！

• webwork模型驱动与表单验证.part1.rar (3.8 MB)
• 描述: 第一部分视频
• 下载次数: 1777

• webwork模型驱动与表单验证.part2.rar (3.2 MB)
• 描述: 第二部分视频
• 下载次数: 1590

• webworkfirst.rar (8.3 KB)
• 描述: 程序源码
• 下载次数: 514

分享到：

webwork视频目录 | webwork初体验

• 2007-03-01 21:02
• 浏览 5634
• 评论(11)
• 查看更多

评论

11 楼 lere 2008-07-10  

太感谢了，特意注册个用户来献上敬意

10 楼 t8500071 2008-05-14  

我也正在学..多谢

9 楼 104644885 2007-07-30  

我要的就是这中教学，有代码，老师还一步步演示，文档写的好，那里需要修改有红色的标记，一目了然

8 楼 horror 2007-05-31  

要多多的哦,谢谢老师

7 楼 wangpangzi 2007-05-20  

感谢老大，好人啊，学习 

6 楼 heipark 2007-04-27  

看了几集，写的不错。我是和拿你的视频和webwork in action一块看的。效果不错。

5 楼 tanghaiyu 2007-04-03  

谢谢楼主 好人啊  可就是下载解压不了 为什么啊 ？

4 楼 kiss.988 2007-03-24  

我下了，看后感觉非常好。谢谢老师！

3 楼 lyx_2709 2007-03-02  

justcode     17 小时前
鄙视光看不回的人!

多谢支持！

2 楼 zhouwei 2007-03-02  

ding~

1 楼 justcode 2007-03-02  

鄙视光看不回的人!

相关推荐

详解Angular2表单-模板驱动的表单(Template-Driven Forms)

在网页开发中，表单估计是最常用的一个，同时也是最麻烦、最容易...在Angular2中，提供了2种表单实现方式，分别是’template-driven’（模板驱动的表单）和’model-driven’（模型驱动表单）。在这篇文章中，我们先来看

webwork教程

WebWork通过使用拦截器（Interceptor）和动态方法调用来增强Action的功能，提供了强大的表单验证、国际化支持以及错误和异常处理机制。 **WebWork 安装 - HelloWorld** 安装WebWork通常涉及以下几个步骤： 1. 下载...

Angularjs 动态添加表单

AngularJS的核心是数据模型驱动（Model-Driven）的开发模式。通过`ng-model`指令，我们可以将表单控件与应用程序的数据模型进行绑定。当表单字段增加时，相应的模型也会自动更新，反之亦然。这样，我们就能够轻松地...

AngularJS-Event-Driven-Architecture:AngularJS 事件驱动架构

6. ** ng-model** 和 ng-change：`ng-model` 指令用于将表单控件与模型绑定，而 `ng-change` 可以在模型值改变时触发一个回调函数。这在处理表单提交或实时验证时非常有用。 7. **事件传播和阻止默认行为**：...

struts2的驱动和防止重复提交

**模型驱动**（Model Driven）则将字段属性和业务逻辑分开。一个独立的JavaBean，如`User`类，负责存储属性，而Action类仅作为控制器，通过实现`ModelDriven`接口来引用这个JavaBean。这样，Action类可以保持轻量级...

模型驱动开发工具的自动化测试技术研究.pdf

模型驱动开发（Model Driven Development, MDD）是一种先进的软件开发方法，它强调将软件的逻辑和结构模型作为开发的核心，而不是直接编写源代码。在MDD中，开发者使用建模语言来描述软件的行为和结构，然后通过模型...

详谈Angular 2+ 的表单（一）之模板驱动型表单

Angular提供了两种处理表单的方式：模板驱动型表单（Template Driven Forms）和模型驱动型表单（Model Driven Forms，也称为响应式表单）。本篇文章将重点探讨模板驱动型表单。 模板驱动型表单的原理是将表单指令...

Spring 注解学习手札（三） 表单页面处理

在Spring配置文件中，我们需要配置`&lt;mvc:annotation-driven&gt;` 或者在Java配置中使用`@EnableWebMvc`，以启用Spring MVC的注解驱动功能。 通过以上知识点的学习，我们可以构建出一个完整的表单提交和处理流程，包括...

itheima_spring_mvc.zip

此外，Spring MVC还提供了数据绑定、表单验证、模型属性转换等功能。数据绑定允许我们将HTTP请求参数自动绑定到控制器方法的参数上。表单验证则可以通过JSR-303/JSR-349 Bean Validation实现，为模型对象添加校验...

Angular教程-第6部分：构建和验证数据输入表单

首先，Angular提供了强大的表单处理能力，包括模板驱动表单（Template-driven forms）和响应式表单（Reactive forms）。模板驱动表单通过在HTML模板中使用`ngModel`指令和相关的`form`指令来创建和管理表单，而响应...

Global site tag (gtag.js) - Google Analytics