webx-表单验证服务

最新推荐文章于 2024-05-26 09:44:19 发布
最新推荐文章于 2024-05-26 09:44:19 发布
阅读量909 收藏 1
点赞数
分类专栏： 软件架构

表单概述

 

各种表单验证的优缺点比较
验证形式功能性网络负荷用户体验简单性可靠性
服务端批量验证强高差简单可靠
客户端验证弱无好复杂不可靠
服务端异步验证强低较好复杂不可靠

 

目前，webx所提供的表单验证服务并没有实现客户端验证和服务端异步验证。

 

1.设计

（1）验证逻辑与表现逻辑分离，这样当需要修改验证规则时，只需要修改独立的配置文件就可以了。

（2）验证逻辑与应用代码分离。

2.使用表单验证服务

表单验证服务是一个基于Spring和Spring Ext的服务，可利用Schema来配置。

 

<beans:beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:services="http://www.alibaba.com/schema/services"
xmlns:fm-conditions="http://www.alibaba.com/schema/services/form/conditions"
xmlns:fm-validators="http://www.alibaba.com/schema/services/form/validators"
xmlns:beans="http://www.springframework.org/schema/beans"
xmlns:p="http://www.springframework.org/schema/p"
xsi:schemaLocation="
http://www.alibaba.com/schema/services
http://localhost:8080/schema/services.xsd
http://www.alibaba.com/schema/services/form/conditions
http://localhost:8080/schema/services-form-conditions.xsd
http://www.alibaba.com/schema/services/form/validators
http://localhost:8080/schema/services-form-validators.xsd
http://www.springframework.org/schema/beans
http://localhost:8080/schema/www.springframework.org/schema/beans/spring-beans.xsd
">
<services:form xmlns="http://www.alibaba.com/schema/services/form/validators">
<services:group name="register">
<services:field name="userId" displayName="登录名">
<required-validator>
<message>必须填写 ${displayName}</message>
</required-validator>
<regexp-validator pattern="^[A-Za-z_][A-Za-z_0-9]*$">
<message>${displayName} 必须由字母、数字、下划线构成</message>
</regexp-validator>
<string-length-validator minLength="4" maxLength="10">
<message>${displayName} 最少必须由${minLength}个字组成，最多不能超过${maxLength}个字</
message>
</string-length-validator>
</services:field>
<services:field name="password" displayName="密码">
<required-validator>
<message>必须填写 ${displayName}</message>
</required-validator>
<string-length-validator minLength="4" maxLength="10">
<message>${displayName} 最少必须由${minLength}个字组成，最多不能超过${maxLength}个字</
message>
</string-length-validator>
<string-compare-validator notEqualTo="userId">
<message>${displayName} 不能与 ${userId.displayName} 相同</message>
</string-compare-validator>
</services:field>
<services:field name="passwordConfirm" displayName="密码验证">
<required-validator>
<message>必须填写 ${displayName}</message>
</required-validator>
<string-compare-validator equalTo="password">
<message>${displayName} 必须和 ${password.displayName} 相同</message>
</string-compare-validator>
</services:field>
</services:group>
</services:form>
</beans:beans>

 

  • form代表表单验证服务的配置。
  • 每个group代表一组需要验证的字段。
  • 每个field又包含了多个验证规则（validator）。
  • 每个验证规则都包含了一段文字描述（message），如果用户填写的数据没有通过当前的规则的验证，那么用户将会看到这段文字描述。

创建表单页面需要使用一个pull tool 工具，配置如下：

<services:pull xmlns="http://www.alibaba.com/schema/services/pull/factories">
<form-tool />
...
</services:pull>


上面的配置定义了一个$form工具，可以在模板中直接使用它。

#macro (registerMessage $field)
#if (!$field.valid) $field.message #end
#end
<form action="" method="post">
<input type="hidden" name="action" value="UserAccountAction"/>
#set ($group = $form.register.defaultInstance)
<p>用户注册</p>
<dl>
<dt>用户名</dt>
<dd>
<div>
<input type="text" name="$group.userId.key" value="$!group.userId.value"/>
</div>
<div class="errorMessage">
#registerMessage ($group.userId)
</div>
</dd>
<dt>密码</dt>
<dd>
<div>
<input type="password" name="$group.password.key" value="$!group.password.value"/>
</div>
<div class="errorMessage">
#registerMessage ($group.password)
</div>
</dd>
<dt>再输一遍密码</dt>
<dd>
<div>
<input type="password" name="$group.passwordConfirm.key" value="$!
group.passwordConfirm.value"/>
</div>
<div class="errorMessage">
#registerMessage ($group.passwordConfirm)
</div>
</dd>
</dl>
<p>
<input type="submit" name="event_submit_do_register" value="立即注册！"/>
</p>
</form>


（1）创建group实例

所创建的group instance必须先在配置文件中被定义。

（2）生成表单字段

字段的名称为$group.field.key，表单验证服务会自动生成一个字段名，这个字段名被设计成仅供系统内部解读。字段的值为$!group.field.value。它的初始值是null。

 

（3）创建java代码

在HTML表单中，设置action字段，以及event_submit_do_register提交按钮，就可以让webx框架调用userAccountAction.doRegister方法。

public class UserAccountAction {
@Autowired
private FormService formService;
public void doRegister(Navigator nav) throws Exception {
Form form = formService.getForm();
if (form.isValid()) {
Group group = form.getGroup("register");
MyUser user = new MyUser();
group.setProperties(user);
save(user);
// 跳转到注册成功页面
nav.redirectTo("registerSuccess");
}
}
}


（4）用screen来读取数据

修改老数据的第一步，是要取得老数据。在webx中，这个任务是由screen来完成的。

public class UserAccount {
@Autowired
private UserManager userManager;
public void execute(Context context) throws Exception {
User user = userManager.getUser(getCurrentUser().getId());
context.put("user", user);
}
}

 

#set ($group = $form.userAccount.defaultInstance)
$group.mapTo($user)
...
<input type="hidden" name="$group.userId.key" value="$!group.userId.value"/>
...
<input type="text" name="$group.lastName.key" value="$!group.lastName.value"/>
...
#userAccountMessage ($group.lastName)
...
<input type="submit" name="event_submit_do_update" value="修改"/>

 

mapTo的功能是填充表单。

 

 

表单验证服务详解

1.基本配置

（1）Post only参数

 

<services:form postOnlyByDefault="true">
<services:group name="group1" postOnly="true" />
</services:form>

 

 

（2）Trimming参数

 

<services:form>
<services:group name="group1" trimmingByDefault="true">
<services:field name="field1" trimming="true" />
</services:group>
</services:form>


如果设置了这个参数，那么表单系统可以自动剪除字段值两端的空白字符。

 

（3）类型转换

 

<services:form converterQuiet="true">
<services:property-editor-registrar
class="com.alibaba.citrus.service.configuration.support.CustomDateRegistrar"
p:format="yyyy-MM-dd" />
</services:form>


converterQuiet=true，表示类型转换失败时，将取得默认值。当将group中的field值注入bean properties或mapTo时会引起类型转换。

 

 

 

 

 

（4）国际化

表单验证失败时，将在页面上显示错误信息。

 

  • 将错误信息直接定义在配置文件中。
  • 将错误信息定义在Spring Message Source中，从而支持国际化。
<bean id="messageSource"
xmlns="http://www.springframework.org/schema/beans"
class="org.springframework.context.support.ReloadableResourceBundleMessageSource"
p:defaultEncoding="GB18030">
<property name="basenames">
<list>
<value>form_msgs</value>
</list>
</property>
</bean>


Spring是从ResourceLoader中读取resource bundle文件的，因此，你可能需要配置Resource Loading。

（5）切分表单服务

表单验证服务支持导入多个form表单服务，从而实现分割较长配置文件的功能。

<?xml version="1.0" encoding="UTF-8" ?>
<beans:beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:services="http://www.alibaba.com/schema/services"
xmlns:beans="http://www.springframework.org/schema/beans">
<beans:import resource="inc/form_part1.xml" />
<beans:import resource="inc/form_part2.xml" />
<services:form xmlns="http://www.alibaba.com/schema/services/form/validators" primary="true">
<services:import form="part1" />
<services:import form="part2" />
...
</services:form>
</beans:beans>

（6）Group的继承和导入

<services:form>
<services:group name="baseGroup">
<services:field name="field1" >
<validator1 />
<validator2 />
</services:field>
<services:field name="field2" />
<services:field name="field3" />
</services:group>
<services:group name="subGroup" extends="baseGroup">
<services:field name="field1">
<validator3 />
</services:field>
<services:field name="field4" />
</services:group>
</services:form>

 

<services:form>
<services:group name="group1">
<services:field name="field1" />
<services:field name="field2" />
<services:field name="field3" />
</services:group>
<services:group name="group2">
<services:import group="group1" />
<services:field name="field4" />
</services:group>
<services:group name="group3">
<services:import group="group1" field="field1" />
<services:field name="field5" />
</services:group>
</services:form>

 

2.Form Tool

 

有关Form的API
API用法说明
#if($form.valid)...#end判断当前form是否验证合法，或者未经过验证
#set ($group=$form.group1.defaultInstance)取得group1的默认实例，如果不存在，则创建。
#set ($group=$form.group1.getInstance("id"))取得group1的指定id的实例，如果不存在，则创建。
#set ($group=$form.group1.getInstance("id",flase))取得group1的指定id的实例，如果不存在，则返回null
#foreach($group in $form.groups)...#end遍历当前form中所有group实例
#foreach($group in $form.getGroup("group1")) ..#end遍历当前form中所有名为group1的实例


最后欢迎大家访问我的个人网站：1024s

 

崔世勋
关注
专栏目录
Webx框架：表单验证
白色咖啡
12-13 2598
表单验证 传统的应用中，表单中的数据是放在Java代码中进行检验的。这种方法在编写java代码的时候很无聊，而且后期的修改也不方便。 而webx框架将表单验证的逻辑独立放在配置文件中。这种方式更加方便。 webx中，表单的验证有三个步骤： 定义验证规则在Java代码中调用该规则在页面中显示验证结果。 定义验证规则。下面是验证规则的一个例子。 services:form x
Webx学习（一）
Ghost In Matrix
06-02 1620
什么是webxWebx3_Guide_Book中是这样介绍的： Webx是一套基于Java Servlet API的通用Web框架。Webx致力于提供一套极具扩展性的机制，来满足Web应用不断变化和发展的需求。而SpringExt正是这种扩展性的基石。SpringExt扩展了Spring，在Spring的基础上提供了一种扩展功能的新方法。 这也说明，webx是在springExt的基础上建立起来
Webx之表单验证
weixin_34111819的博客
10-15 85
引入服务器端表单验证service，是通过在webx.xml中通过服务引入的方式完成的。例如，在user相关信息的表单验证的产生过程是这样的：webx-user.xml通过<beans:import resource="user/form.xml" />引入form,xml表单验证配置，在form.xml中，通过services:form开始了表单的验...
webx 表单验证
diu_brother的博客
07-12 788
拿典型的petstore举例子，首先看一下WEB-INF的目录结构：（petstore可以在webx官网下载：http://webx.github.io/）WEB-INFO ├── common │ ├── pipeline-exception.xml │ ├── pipeline.xml │ ├── resources.xml │ ├── t
有哪些常见的验证表单方式，他们各自的优缺点是什么？
IT修真院：初学者转行到互联网的聚集地
12-05 542
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能。 大家好，我是IT修真院武汉分院web吴三水，一枚正直纯洁善良的web程序员。 今天给大家分享一下，修真院官网js（职业）任务十，深度思考中的知识点： 【有哪些常见的验证表单方式，他们各自的优缺点是什么？】 1.背...
WebX3表单验证——实践心得
玄坛{ blogging }
01-18 103
工作中我们常常会遇到表单验证不通过后的跳转问题，以及跳转后丢失参数的问题，下面我们针对以上问题进行分析及给出解决方案。 表单验证失败处理流程 uploadAttachment.vm(表单提交) ——&gt; XXXAction(@FormGroup注解执行失败) ——&gt; UploadAttachment.java ——&gt; uploadAttachment.vm 表单验...
webx
03-21
3. **动态表单**：WebX 支持动态表单生成，允许开发者通过配置文件定义表单字段和验证规则，自动根据数据库结构生成表单，减少了重复代码。 4. **数据库操作**：WebX 提供了强大的数据库操作接口，支持SQL语句的...
webx总结
03-29
3. **动态表单**：Webx支持动态生成表单，无需手动编写HTML，通过配置就能实现复杂的表单展示和数据验证。 4. **事务管理**：内建的事务管理机制，能有效地处理业务过程中的事务操作，保证数据一致性。 5. **权限...
webx学习总结.pdf
11-17
在Web层，Form服务通过Form.xml进行配置，包含了表单信息、验证规则和错误处理机制。URI跳转由URIBroker体系处理，而业务服务的实现则依赖于Service体系，通常与数据库交互。 数据访问层通过iBatis作为默认的数据...
webx总结 项目实践总结
10-08
**三、WebX表单提交** 在WebX中，表单提交是一个重要的功能。WebX提供了内置的表单处理机制，支持POST和GET请求方式。开发者可以在Action中定义处理表单数据的方法，WebX会自动将表单字段映射到Action的属性。表单...
Webx框架配置文件——form.xml
zyjustin9的专栏
05-01 181
配置form.xml，在&lt;/services:form&gt;之前插入 &lt;services:group name="login" extends="csrfCheck"&gt;         &lt;services:field name="loginError"&gt;                  &lt;custom-error id="invalid
推荐一款强大的表单转发服务——Formplug
最新发布
gitblog_00045的博客
05-26 379
推荐一款强大的表单转发服务——Formplug formplugForm forwarding service for AWS Lambda项目地址:https://gitcode.com/gh_mirrors/fo/formplug Formplug是一款基于AWS Lambda的无服务器表单处理服务，它允许您通过电子邮件接收表单提交，无需编写任何服务器端代码。这个项目由Serverless框...
webx 框架入门一
diu_brother的博客
07-01 8201
来阿里实习一个多月了，被拉着直接上新项目。由于新项目要使用webx，webx框架是淘宝的框架，比较厚重又复杂，但是性能毋庸置疑（毕竟每年双十一都挺过来了）。由于webx文档较少，基本都是阿里内部使用。在网上看了一个14年实习的师兄（现在在B2B基础架构）写的文章，觉得很有用，就收藏一下：1、快速搭建webx应用：在命令行中输入如下命令：（前提是安装了maven）详细参考webx官方文档：http:/
input type=hidden name='x'的用法总结
热门推荐
bluefish_flying的博客
05-14 1万+
上面是html中的隐藏域。主要作用为： 1 、隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 、有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了
简易表单服务器
，，，，，，，，，的博客
03-15 296
任务： 利用表单服务器发送一个用户名和密码，如果正确，返回欢迎您；否则返回错误。 login.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="Hello/Login" method="post">//meth.
js校验表单后提交表单的三种方法总结
shaojinbo的专栏
11-07 3014
本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助 第一种 function check(form) { if (form.userId.value == '') { alert("请输入用户帐号!"); form.userId.focus();
formService 表单组件
夜飛雪的博客
10-26 6192
act_hi_detail：动态表单字段存储 1.获取 //通过流程定义ID获取表单字段集合 StartFormData startFormData = formService.getStartFormData(processDefinitionId); TaskFormData taskFormData = formService.getTaskFormD
activiti: 表单的介绍以及formService
大树叶 技术专栏
09-28 8491
本来这章是要讲解FormService的使用，在准备资料的过程中，发现还是需要先介绍下activiti的不同表单类型的应用。同时附带把FormService中常用的操作做个介绍 在Activiti中总共有三种表单，动态表单，普通表单和外置表单。 动态表单 流程定义文件的代码 先看下流程定义文件(bpmn20.xml)的部分代码 &lt;startEvent activiti:initia...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值