CN105893546A - 一种bs软件系统中一次性异步校验并准确定位提示的模式 - Google Patents
一种bs软件系统中一次性异步校验并准确定位提示的模式 Download PDFInfo
- Publication number
- CN105893546A CN105893546A CN201610199065.2A CN201610199065A CN105893546A CN 105893546 A CN105893546 A CN 105893546A CN 201610199065 A CN201610199065 A CN 201610199065A CN 105893546 A CN105893546 A CN 105893546A
- Authority
- CN
- China
- Prior art keywords
- page
- list
- verification
- asynchronous
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000012795 verification Methods 0.000 claims description 42
- 238000004891 communication Methods 0.000 claims description 4
- 238000002372 labelling Methods 0.000 claims description 2
- 238000004806 packaging method and process Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 5
- 230000007423 decrease Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000007547 defect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000009897 systematic effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000000034 method Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种BS软件系统中一次性异步校验并准确定位提示的模式,包括如下步骤为:(1)页面开发者在表单中的提交按钮上加预设的属性标志;(2)页面操作者打开浏览器,访问表单页面url地址;(3)浏览器根据表单页面url地址向后台服务器请求页面资源;(4)浏览器加载页面,并且页面js根据属性标志"_ajaxValidationSubmit"绑定点击事件到页面表单的提交按钮上;(5)页面操作者填写表单并点击页面上的提交按钮;(6)页面自动查找页面上该按钮对应的表单;(7)采用ajax异步方式提交表单数据到后台服务;(8)后台校验表单数据;(9)页面解析后台返回的json或者xml格式的数据,让B/S软件开发者从繁琐,复杂的表单校验中解脱出来,节省时间,节约开发成本。
Description
技术领域
本发明涉及计算机B/S架构的数据校验领域领域,具体涉及一种BS软件系统中一次性异步校验并准确定位提示的模式。
背景技术
在采取B/S架构(浏览器/服务器模式的架构)的软件系统中,常常需要对用户在浏览器端输入的表单数据进行有效性校验,以保证输入的数据合法有效。比如输入的手机号码格式必须是以1开头长度为11位,年龄必须大于0等等。待校验通过后,再通过Web Server与数据库进行数据交互(写入数据到数据库,或者从数据库输出数据等)。常规的B/S软件表单校验方式一般分为下面几种:
第一种:只在网页上(浏览器端)用javascript 校验(前台校验数据只能使用javascript脚本),也就是前台校验。
第二种:同步提交到后台(服务器端)校验,通过服务器端校验后,页面刷新统一显示提示信息,也就是后台校验。
第三种:前后台分别校验,后台同步校验,也就是前后台两次校验。
其中第一种,只在前台校验了的话,后台没有做校验,大量业务操作放在了页面上,因为网页上的代码完全暴露在客户端,用户完全可以自己写一个钓鱼页面,向后台服务器提交没有校验的数据。再者,后台没有校验用户提交的数据就直接处理业务逻辑或者插入数据库,这样一来,前端代码会非常庞大,前端也会越来越难以维护,另外没有校验的数据会存在不完整的数据,也可能提交的数据含有木马会对服务器数据安全造成威胁。
第二种,同步提交到后台校验,一个表单如果有多个字段需要校验,则要多次刷新页面,给服务器带来了较多的压力,另外多次刷新页面,会出现刷新页面前后有白屏的情况,用户体验不好;再者使用统一的提示信息,没有明确定位到哪个字段校验没有通过,同样为用户带来了不便,体验不好。
第三种,做了两次校验,增加了重复代码,增加了开发的难度,而且两次校验,很难保证两次校验的一致性,另外同样存在上面第一种的前端代码过于庞大和难以维护的问题。
发明内容
针对以上问题,本发明提供了一种BS软件系统中一次性异步校验并准确定位提示的模式,通过在表单页面的提交按钮上设置一些属性标志,通过提交按钮将表单的校验数据向后台发送校验请求,从而进行有选择性的,特定的校验,提升了校验效率,可以有效解决背景技术中的问题。
为了实现上述目的,本发明采用的技术方案如下:一种BS软件系统中一次性异步校验并准确定位提示的模式,在表单中的提交按钮上加预设的属性标志(属性标志有两个作用:1、标识该表单为前后台一致性校验表单,和常规的表单区别开来 2、标识该表单在页面加载的时候自动绑定点击事件到该表单的提交按钮上),浏览器加载该表单页面的时候,根据该预设属性标志自动绑定点击事件到该表单的提交按钮上,当用户点击提交按钮的时候,该技术方案自动寻找该按钮的所属表单,然后使用ajax(ajax是个异步的JavaScript和XML,是一种浏览器内置的仅有的前后台异步通讯的接口;本专利为异步校验领域的专利,只能选择仅有的这样一种异步通讯接口)方式向后台提交该表单,后台接收到请求后,校验表单,如果某个字段没有校验通过,后台直接返回json或者xml格式的信息,前台根据后台返回的json或者xml格式的信息,解析出需要显示提示信息和字段,前台将该提示信息,显示在字段所对应的表单页面元素上,并且前端光标聚焦到该提示的表单页面元素上;如果后台校验通过,前台直接提示校验通过,走后面用户定义的业务流程。
本发明的有益效果:
本发明的目的是让B/S软件开发者从繁琐,复杂的表单校验中解脱出来,节省时间,节约开发成本;让运营系统的人员或者维护系统的人员更加方便易用,降低系统维护成本,具有以下优点:
该发明有益效果为:
1,大大提高开发效率:使用一次性异步校验,开发者只需要写后台的校验,无需关心前台校验。
2,提升了用户体验:提交校验无需多次刷新页面,页面不会有白屏问题,另外如果哪个表单项没有校验通过,在页面上可以直观的看到哪个表单项。
3,提高了系统性能:无需多次刷新页面,系统压力减少了,性能提高了。
4,提高了系统安全性:前后台配合的校验模式使得系统安全增强。
5,提高了数据一致性,前后台配合的校验模式保证了前后台校验一致,减少了软件缺陷。
附图说明
图1为本发明的原理图。
图2为本发明的时序图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
实施例:
参照图1和图2所示,一种BS软件系统中一次性异步校验并准确定位提示的模式,包括如下步骤为:
S1、页面开发者在表单中的提交按钮上加预设的属性标志,定义好表单提交前后的业务逻辑,并部署到后台服务器上;
S2、页面操作者打开浏览器,访问表单页面url地址;
S3、浏览器根据表单页面url地址向后台服务器请求页面资源;
S4、浏览器加载页面,并且页面js根据属性标志"_ajaxValidationSubmit"绑定点击事件到页面表单的提交按钮上;
S5、页面操作者填写表单并点击页面上的提交按钮;
S6、页面自动查找页面上该按钮对应的表单,并且自动封装表单数据;
S7、采用ajax异步方式提交表单数据到后台服务;
S8、后台校验表单数据,并用json或者xml格式返回数据;
S9、页面解析后台返回的json或者xml格式的数据,如果校验不通过将提示信息显示在字段对应的表单元素旁,并且红色醒目显示;如果校验通过执行用户自定义的后续业务逻辑;
S10、执行自定义业务逻辑。
其中,所述步骤(1)中属性标注标一方面用于识该表单为前后台一致性校验表单,和常规的表单区别开来;另一方面用于标识该表单在页面加载的时候自动绑定点击事件到该表单的提交按钮上。
其中,所述ajax是个异步的JavaScript和XML,是一种浏览器内置的仅有的前后台异步通讯的接口。
综上所述:该发明创新的关键点和想保护的技术方案如下:
1,本发明采用前后台结合的方式一次性异步校验;
2,并准确将提示信息定位显示在关联页面元素上。
3, 表单提交前后可以自定义业务逻辑。
本发明可能的变更设计方向或者变形方案是:
后台返回给前台的数据格式可能变化,由该发明的 json
或者xml 格式变为任意格式,例如变为简单的文本格式。
前台在表单页面元素旁的提示显示形式可能会不同,比如提示显示的文字颜色不同,或者提示的位置不同,例如显示在元素的上面或者下面,或者左面,右面。
基于上述,本发明的优点在于,本发明的目的是让B/S软件开发者从繁琐,复杂的表单校验中解脱出来,节省时间,节约开发成本;让运营系统的人员或者维护系统的人员更加方便易用,降低系统维护成本;大大提高开发效率:使用一次性异步校验,开发者只需要写后台的校验,无需关心前台校验;提升了用户体验:提交校验无需多次刷新页面,页面不会有白屏问题,另外如果哪个表单项没有校验通过,在页面上可以直观的看到哪个表单项;提高了系统性能:无需多次刷新页面,系统压力减少了,性能提高了;提高了系统安全性:前后台配合的校验模式使得系统安全增强;提高了数据一致性,前后台配合的校验模式保证了前后台校验一致,减少了软件缺陷。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (3)
1.一种BS软件系统中一次性异步校验并准确定位提示的模式,其特征在于,包括如下步骤为:
(1)页面开发者在表单中的提交按钮上加预设的属性标志,定义好表单提交前后的业务逻辑,并部署到后台服务器上;
(2)页面操作者打开浏览器,访问表单页面url地址;
(3)浏览器根据表单页面url地址向后台服务器请求页面资源;
(4)浏览器加载页面,并且页面js根据属性标志"_ajaxValidationSubmit"绑定点击事件到页面表单的提交按钮上;
(5)页面操作者填写表单并点击页面上的提交按钮;
(6)页面自动查找页面上该按钮对应的表单,并且自动封装表单数据;
(7)采用ajax异步方式提交表单数据到后台服务;
(8)后台校验表单数据,并用json或者xml格式返回数据;
(9)页面解析后台返回的json或者xml格式的数据,如果校验不通过将提示信息显示在字段对应的表单元素旁,并且红色醒目显示;如果校验通过执行用户自定义的后续业务逻辑;
(10)执行自定义业务逻辑。
2.根据权利要求1所述的一种BS软件系统中一次性异步校验并准确定位提示的模式,其特征在于:所述步骤(1)中属性标注标一方面用于识该表单为前后台一致性校验表单,和常规的表单区别开来;另一方面用于标识该表单在页面加载的时候自动绑定点击事件到该表单的提交按钮上。
3.根据权利要求1所述的一种BS软件系统中一次性异步校验并准确定位提示的模式,其特征在于:所述ajax是个异步的JavaScript和XML,是一种浏览器内置的仅有的前后台异步通讯的接口。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610199065.2A CN105893546A (zh) | 2016-04-01 | 2016-04-01 | 一种bs软件系统中一次性异步校验并准确定位提示的模式 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610199065.2A CN105893546A (zh) | 2016-04-01 | 2016-04-01 | 一种bs软件系统中一次性异步校验并准确定位提示的模式 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105893546A true CN105893546A (zh) | 2016-08-24 |
Family
ID=57012189
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610199065.2A Pending CN105893546A (zh) | 2016-04-01 | 2016-04-01 | 一种bs软件系统中一次性异步校验并准确定位提示的模式 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105893546A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111857883A (zh) * | 2020-07-23 | 2020-10-30 | 平安普惠企业管理有限公司 | 页面数据校验方法、装置、电子设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012070925A1 (en) * | 2010-11-24 | 2012-05-31 | Mimos Berhad | Method and system for asynchronous processing in a web application server |
CN105160481A (zh) * | 2015-09-09 | 2015-12-16 | 苏州酷创信息技术服务有限公司 | 一种企业订单平台的web应用系统 |
-
2016
- 2016-04-01 CN CN201610199065.2A patent/CN105893546A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012070925A1 (en) * | 2010-11-24 | 2012-05-31 | Mimos Berhad | Method and system for asynchronous processing in a web application server |
CN105160481A (zh) * | 2015-09-09 | 2015-12-16 | 苏州酷创信息技术服务有限公司 | 一种企业订单平台的web应用系统 |
Non-Patent Citations (1)
Title |
---|
前端开发博客: "jQuery中使用ajax对表单数据进行异步验证", 《HTTP://CAIBAOJIAN.COM/JQUERY-AJAX-SUBMIT.HTML》 * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111857883A (zh) * | 2020-07-23 | 2020-10-30 | 平安普惠企业管理有限公司 | 页面数据校验方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11561846B2 (en) | API notebook tool | |
US9098481B2 (en) | Increasing accuracy in determining purpose of fields in forms | |
JP7316349B2 (ja) | カスタマイズ可能な企業自動化テストフレームワーク | |
US8316079B2 (en) | Method and apparatus for reliable mashup | |
CN103608779B (zh) | 粘贴数据的或涉及粘贴数据的改进 | |
US11017052B1 (en) | Electronic forms interaction framework for a consistent user experience | |
CN103440198B (zh) | 表单校验方法 | |
US20190318343A1 (en) | Systems and methods for automatically identifying a checkout webpage and injecting a virtual token | |
JP2013528859A (ja) | クライアントアプリケーションとウェブページの統合 | |
US20200026802A1 (en) | Image quality independent searching of screenshots of web content | |
CN107480117B (zh) | 自动化页面表单数据的恢复方法及装置 | |
CN110765746B (zh) | 基于事件代理的表单自动生成方法和系统 | |
US20200117704A1 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
TW201610713A (zh) | 在文件中識別且呈現相關報告實物 | |
CN109634579A (zh) | 代码生成方法、装置、计算机装置及存储介质 | |
Núñez et al. | A model-driven approach for the development of native mobile applications focusing on the data layer | |
CN115328759A (zh) | 表单的校验方法及装置 | |
CN103617043B (zh) | 一种带图片网页数据上传的方法和系统 | |
US7975259B2 (en) | Verification of customization results | |
CN105893546A (zh) | 一种bs软件系统中一次性异步校验并准确定位提示的模式 | |
CN105426183A (zh) | 一种表单验证方法 | |
Sharp | Windows Communication Foundation 4 Step by Step | |
CN112597036A (zh) | 一种通用测试挡板方法及装置 | |
JP5048537B2 (ja) | ワークフロー処理装置 | |
CN111178030B (zh) | 信息处理方法、装置、计算机可读存储介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C41 | Transfer of patent application or patent right or utility model | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20161010 Address after: 518000 Guangdong city of Shenzhen province science and Technology Park of Nanshan District south road six Hangsheng technology building 20A Applicant after: SHENZHEN YIHAOGUI TECHNOLOGY CO., LTD. Address before: Futian District Huaqiang North Road, Shenzhen city Guangdong province 518000 No. 1056 modern window Applicant before: Zhao Zhongyi |
|
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160824 |