可配置的前端控件校验控制器生成方法及系统技术方案

本发明专利技术公开了可配置的前端控件校验控制器生成方法及系统，属于Web应用技术领域，要解决的技术问题为如何提供一种实现校验规则可配置、Html页面数据校验规则动态加载的前端控件校验控制器。包括如下步骤：配置数据校验组件并生成用于加载组件的组件文件；编写Html页面，在所述Html页面中引入所述组件文件，并对所述Html页面进行初始化；进入编写后的Html页面，对Html页面中表单控件进行数据校验规则配置，并将配置的数据校验规则存储至数据库；进入编写后的Html页面，调用formValidator.js插件动态加载数据校验规则，对配置的数据校验规则进行效果验证。则进行效果验证。则进行效果验证。

【技术实现步骤摘要】
可配置的前端控件校验控制器生成方法及系统


[0001]本专利技术涉及Web应用
，具体地说是可配置的前端控件校验控制器生成方法及系统。

技术介绍

[0002]Html页面数据校验即在前端Html页面中对用户输入数据进行规则检查，出现错误及时提醒，避免不必要的请求到达服务器，减少流量浪费且避免不必要的服务器压力。针对Html页面的数据校验，业界常用方案包含以下几种：
[0003]1、Html页面引入数据校验js组件
[0004]此类数据校验js组件内置了对常见数据格式，如手机号、邮箱地址、身份证号等校验规则，在Html页面对应控件标签引入其对应属性即可，当Html页面数据发生变动或保存提交触发对应规则校验并给予提示。此方案优点为常见数据格式校验规则已经过多方验证，较为稳定，且只需要引入对应js文件，无需对业务系统做出较大改动；缺点为Html页面数据校验规则较为固定，如需进行较为复杂的验证，则无法支持，此外每次校验规则变动，需要Html页面代码进行修改发布，耗时耗力。
[0005]2、业务系统引入表单系统
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可配置的前端控件校验控制器生成方法，其特征在于，用于将Html页面前端数据校验方法插件化，将生成的插件加载至Html页面，所述方法包括如下步骤：配置数据校验组件并生成用于加载组件的组件文件，所述数据校验组件包括formValidateConfig.js插件和formValidator.js插件；其中，所述formValidateConfig.js插件用于配置数据校验规则并将数据校验的属性信息存储至数据库，所述formValidator.js插件用于请求服务器端获取数据校验规则、对数据校验规则的属性信息进行解释并将数据校验规则的属性信息绑定到Html页面对应的表单控件中；编写Html页面，在所述Html页面中引入所述组件文件，并对所述Html页面进行初始化；进入编写后的Html页面，对Html页面中表单控件进行数据校验规则配置，并将配置的数据校验规则存储至数据库；进入编写后的Html页面，调用formValidator.js插件动态加载数据校验规则，对配置的数据校验规则进行效果验证。2.根据权利要求1所述的可配置的前端控件校验控制器生成方法，其特征在于，对所述Html页面进行初始化时，调用formValidator.js插件中的formValidate("init")方法进行Html页面数据校验规则的初始化，在Html页面数据校验规则初始化的过程中执行：根据自定义的表单id、从服务器端读取所述数据校验规则，对所述数据校验规则的属性信息进行解释并将数据校验规则的属性信息绑定到Html页面对应的表单控件中；在Html页面的数据触发提交方法时，调用formValidate("beforesave")方法，执行数据提交前的规则校验。3.根据权利要求1所述的可配置的前端控件校验控制器生成方法，其特征在于，进入编写后的Html页面，通过Html页面中数据校验规则配置页面对表单控件进行数据校验规则配置；所述数据校验规则配置页面分为左右两个部分，左部分Html页面用于显示表单控件，支持以点击的方式选定表单控件；右部分Html页面用于对表单控件进行数据校验规则配置，对表单控件进行数据校验规则配置后，触发保存按钮进行保存。4.根据权利要求3所述的可配置的前端控件校验控制器生成方法，其特征在于，对表单控件进行数据校验规则配置时，配置内容包括：锁定配置、必填项配置、动态赋值配置、元素格式配置以及显示隐藏配置；其中，所述锁定配置包括是否锁定、条件内容以及执行时机，所述执行时机包括初始化、变更、保存以及保存前以及保存后；所述必填项配置包括是否必填、条件内容以及执行时机，所述执行时机包括初始化、变更、保存以及保存前以及保存后；所述动态赋值配置包括默认值、执行时机、动态赋值条件以及动态赋值结果，所述执行时机包括初始化、变更、保存以及保存前以及保存后；所述元素格式化配置包括自定义格式化条件、格式表达式名称以及提示信息。5.根据权利要求1
‑
4任一项所述的可配置的前端控件校验控制器生成方法，其特征在于，调用formValidator.js插件动态加载数据校验规则，对配置的数据校验规则进行效果验证，包括如下步骤：进入Html页面后，Html页面通过调用formValidate("init")请求服务端获取数据校验
规则；Html页面获取到服务器端返回的数据校验规则后，通过formvalidator.js插件将获取的数据校验规则绑定到Html页面对应的表单控件上；Html页面数据满足触发条件时，触发对应数据校验规则对数据进行校验并给予提示。6.一种可配置的前端控件校验控制器生成系统，其特征在于，通过如权利要求1
‑
5任一项所述的可配置的前端控件校验控...

【专利技术属性】
技术研发人员：韩增玉，
申请(专利权)人：浪潮软件股份有限公司，
类型：发明
国别省市：