CN107678815B - 一种页面遮罩显示方法及网页服务器 - Google Patents

一种页面遮罩显示方法及网页服务器 Download PDF

Info

Publication number
CN107678815B
CN107678815B CN201710827338.8A CN201710827338A CN107678815B CN 107678815 B CN107678815 B CN 107678815B CN 201710827338 A CN201710827338 A CN 201710827338A CN 107678815 B CN107678815 B CN 107678815B
Authority
CN
China
Prior art keywords
mask
server
form data
attribute information
webpage
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.)
Active
Application number
CN201710827338.8A
Other languages
English (en)
Other versions
CN107678815A (zh
Inventor
章澄
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Unionpay Co Ltd
Original Assignee
China Unionpay Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Unionpay Co Ltd filed Critical China Unionpay Co Ltd
Priority to CN201710827338.8A priority Critical patent/CN107678815B/zh
Publication of CN107678815A publication Critical patent/CN107678815A/zh
Application granted granted Critical
Publication of CN107678815B publication Critical patent/CN107678815B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

本发明公开了一种页面遮罩显示方法及网页服务器,该方法包括:网页服务器接收网页浏览器发送的表单提交请求,表单提交请求是根据网页浏览器显示的当前网页上的按钮点击事件生成的;网页服务器根据表单提交请求,收集当前网页待提交的表单数据;网页服务器对表单数据进行校验,在表单数据通过校验时向数据库服务器发送第一调用请求,第一调用请求用于指示数据库服务器向网页服务器反馈第一代码,第一代码用于创建遮罩;网页服务器获取并运行第一代码,在当前网页创建遮罩使遮罩遮挡当前网页;并向数据库服务器提交表单数据。上述方法流程可避免出现校验失败时遮罩无法隐藏的问题,使得遮罩显示与表单提交相匹配。

Description

一种页面遮罩显示方法及网页服务器
技术领域
本发明涉及通信技术领域,特别涉及一种页面遮罩显示方法及网页服务器。
背景技术
当基于MyFaces2框架的系统的某一项功能需要较长的执行时间,为了用户等待,同时避免在后台执行期间内用户重复点击前端按钮,需要在后台执行期间内设置遮罩。现有的遮罩的实现一般都基于原生HTML,通过将按钮或链接等HTML标签与一个遮罩处理函数绑定,在遮罩处理函数中调用爪哇脚本JavaScript,依靠css蒙板来显示遮罩效果。
在点击按钮或链接的事件发生时,提交表单的同时显示遮罩效果,显示遮罩效果与表单提交相互独立,显示遮罩效果的运行代码无法判断表单是否提交完成,表单提交的运行代码无法判断显示遮罩效果是否超时。因此,点击事件一旦提交,会在第一时间执行显示遮罩效果,即使发生表单内的某项输入发生前端校验失败时,也无法隐藏遮罩效果。即使表单提交已经结束,也无法得知遮罩效果是否已经隐藏。
综上,现有技术中存在着显示遮罩效果与表单提交相互独立,存在着表单提交与遮罩效果的隐藏不匹配的技术问题。
发明内容
本发明实施例提供一种页面遮罩显示方法和网页服务器,应用于MyFaces2框架,用以解决现有技术中存在的表单提交与遮罩效果的隐藏不匹配的技术问题。
本发明实施例提供一种页面遮罩显示方法,包括:网页服务器接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;所述网页服务器根据所述表单提交请求,收集所述当前网页待提交的表单数据;所述网页服务器对所述表单数据进行校验,在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;所述网页服务器获取并运行所述第一代码,在所述当前网页创建所述遮罩使所述遮罩遮挡所述当前网页;并向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
可选的,网页服务器向所述数据库服务器提交所述表单数据之后,还包括:所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;所述网页服务器根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
可选的,网页服务器向所述数据库服务器提交所述表单数据之后,还包括:所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;所述网页服务器根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
进一步的,所述网页服务器隐藏所述遮罩,包括:所述网页服务器向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;所述网页服务器接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
可选的,所述第一代码还用于执行:获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
本发明实施例还提供一种网页服务器,包括接收单元,用于接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;收集单元,用于根据所述表单提交请求,收集所述当前网页上待提交的表单数据;校验单元,用于对所述表单数据进行校验;发送单元,用于在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;遮罩创建单元,用于获取并运行所述第一代码,在所述当前网页创建遮罩使所述遮罩遮挡所述当前网页;表单提交单元,用于向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
可选的,还包括:遮罩隐藏单元;所述遮罩隐藏单元,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
可选的,还包括:遮罩隐藏单元;所述遮罩隐藏单元,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后,获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
进一步的,所述发送单元还用于:向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;所述遮罩隐藏单元用于:接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
可选的,所述第一代码还用于执行:获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
上述实施例中,网页服务器接收网页浏览器发送的表单提交请求之后,并不是直接显示遮罩,而是在所述表单数据通过校验时从数据库服务器获取后台代码,在当前网页创建遮罩来遮挡当前网页,然后并向数据库服务器提交所述表单数据,在表单数据校验成功之后才创建遮罩,并且创建遮罩是进行表单提交前的最后一个步骤,避免出现校验失败时遮罩无法隐藏的问题,使得遮罩显示与表单提交相匹配。
附图说明
图1为本发明实施例提供的一种基于MyFaces2框架的页面遮罩显示方法的方法流程图;
图2为本发明实施例提供的一种网页服务器与数据库服务器的交互示意图;
图3为本发明实施例提供的一种网页数据库的结构示意图。
具体实施方式
本发明实施例适用的Web应用框架为Myfaces2框架,对于其他开源框架技术如果也是基于MyFaces2也是可以适用的。Myfaces2框架是Apache软件基金的一个项目,它实现了JSF框架,但是Myfaces2相比JSF框架提供了更多的组件和特征。
本发明实施例中的网页服务器是指网站服务器,是基于MyFaces框架的一个开放源代码的网页服务器。网页服务器与网页浏览器(客户端)连接后,当网页浏览器发出请求后,网页服务器将请求传递给可以很好的处理该请求的组件,组件是负责业务逻辑的模型,具有事务处理、数据库连接和收发消息等功能,模型运行的结果会通过视图显示在网页上。
对于基于组件的应用框架,web服务器返回的网页由一个个可独立工作、重复使用的组件构成。每个组件都能接受用户的输入,负责自己的显示。这些组件收集客户端提交的数据,转换,校验,然后以这些数据作为输入运行业务逻辑后生成网页内容。
本发明实施例中的数据库服务器是运行在局域网中的一台或多台计算机和数据库管理系统软件共同构成了数据库服务器,数据库服务器为客户应用提供服务,这些服务是查询、更新、事务管理、索引、高速缓存、查询优化、安全及多用户存取控制等。
本发明实施例中,网页服务器位于前端,数据库服务器位于后端,前端的网页服务器中配置了多个组件,后端的数据库服务器中存储与前端组件绑定的后台代码,后台代码的变量需要获取的值直接绑定在了前端的页面上,使得前端的组件直接调用绑定的后台代码可以实现单独的功能。其中前端的组件中包括MyFaces2表单提交组件,用于负责所有表单的提交。
本发明实施例中,MyFaces2表单提交组件直接与后端代码进行绑定,后台变量需要获取的值直接绑定在了前端的页面上,MyFaces2表单提交组件可以与数据库服务器连接,调用处理表单提交的代码进行表单提交的处理。相对于现有技术,MyFaces2表单提交组件不仅具有表单提交功能,还能实现统一遮罩的功能,即MyFaces2表单提交组件还可以从数据库服务器中调用处理遮罩显示的代码在前端页面上进行遮罩显示。
本发明实施例提供一种基于MyFaces2框架的页面遮罩显示方法,如图1所示,其方法流程主要包括:
步骤101,网页服务器接收网页浏览器发送的表单提交请求,表单提交请求是根据网页浏览器显示的当前网页上的按钮点击事件生成的;
步骤102,网页服务器根据表单提交请求,收集当前网页待提交的表单数据;
步骤103,网页服务器对表单数据进行校验;
其中,网页服务器收到表单提交请求中,会将表单数据收集和表单数据校验等任务分发给具有相关业务逻辑的组件进行处理。
步骤104,在表单数据通过校验时网页服务器向数据库服务器发送第一调用请求,第一调用请求用于指示数据库服务器向网页服务器反馈第一代码,第一代码用于创建遮罩。
步骤105,网页服务器获取并运行第一代码,在当前网页创建遮罩使遮罩遮挡当前网页;
步骤106,向数据库服务器提交表单数据,以使数据库服务器对表单数据进行处理后存储到数据库。
其中,本发明实施例中步骤104至步骤106由网页服务器中的MyFaces2表单提交组件执行,相对于现有技术,本发明实施例中的MyFaces2表单提交组件能够在表单数据校验成功后在当前网页上显示遮罩,然后再提交表单,在执行顺序上,显示遮罩的处理位于前端包括校验在内的各类处理之后,显示遮罩的处理是触发表单提交前的最后一步,可以防止用户在表单提交成功之前重复点击网页上的提交按钮,导致重复提交数据。
需要说明的是,在表单数据提交之前会判断校验是否失败,如果有失败表单时是不会进行提交的,遮罩也不会显示,如果校验成功才会显示遮罩,防止重复点击按钮重复提交。
为了使遮罩显示与表单提交过程的进一步匹配,相对于现有技术,MyFaces2表单提交组件还具有遮罩自适应隐藏功能,即MyFaces2表单提交组件还可以从数据库服务器中调用处理隐藏遮罩的代码,在遮罩显示时间超时时在前端页面上遮罩隐藏。隐藏遮罩的时机有两种,一种是接收到后台的数据库服务器的表单数据提交成功的应答时隐藏遮罩,另一种是配置遮罩显示设定时间长度,如3秒,当遮罩显示的时间到达该设定时间长度时,隐藏遮罩。MyFaces2表单提交组件的遮罩自适应隐藏功能,能够表单提交成功之后隐藏遮罩,或者,在设定时间长度之后隐藏表单。
本发明实施例中,在MyFaces组件的属性中配置遮罩属性(即mask time out),根据遮罩属性在合适的时机隐藏遮罩。
可选的实施例中,步骤106之后,还包括:网页服务器获取遮罩的属性信息,属性信息指示表单数据提交成功时隐藏遮罩;网页服务器根据属性信息,在接收到数据库服务器反馈的响应消息时隐藏遮罩,响应消息指示表单数据提交成功。
可选的实施例中,在步骤106之后,还包括:网页服务器获取遮罩的属性信息,属性信息指示遮罩持续设定时间长度后隐藏遮罩;网页服务器根据属性信息,确定遮罩持续的时间等于设定时间长度时隐藏遮罩。
进一步的的,网页服务器隐藏遮罩,包括:网页服务器向数据库服务器发送第二调用请求,第二调用请求用于指示数据库服务器向网页服务器反馈第二代码,第二代码用于隐藏遮罩;网页服务器接收并运行第二代码,隐藏当前网页显示的遮罩。
可选的实施例中,第二种配置mask time out的方式是直接在需要使用该遮罩的地方加上隐藏遮罩的function hide()函数来配置。
步骤105中,第一代码还用于执行:获取遮罩的属性信息,属性信息为遮罩持续设定时间长度后隐藏遮罩或者表单数据提交成功时隐藏遮罩;根据属性信息,在确定满足属性信息时隐藏遮罩。
下面列举一个具体示例来说明上述过程,例如,用户在当前网页上录入信息,如账号、密码和验证码等与账号相关的内容,然后用户点击“提交”的按钮,此时生成按钮点击事件,按钮点击事件发生之后,对于网页服务器一侧来说,接收到表单提交请求,网页服务器接收到表单提交请求之后,各个组件的处理过程主要包括以下步骤:
步骤S1:收集组件从当前网页上提取用户所输入的内容,按照设定的格式生成待提交的表单数据;
步骤S2:校验组件对待提交的表单数据进行校验,若校验通过,转到步骤S3,若校验失败,由前端其他组件完成后续任务,如提示用户校验失败,需要重新输入数据;
步骤S3:MyFaces2表单提交组件调用新定义函数,该新定义函数的业务逻辑为:
步骤a:从数据库服务器调用处理遮罩显示的代码,运行该代码,创建一个遮罩视图,在当前网页上显示该遮罩;
具体的,从数据库服务器调用相对应的处理逻辑代码的具体实现是:通过相应的调用接口向数据库服务器发送调用请求,获取数据库服务器反馈的与处理遮罩显示的函数绑定的代码,然后运行获取的代码,在当前网页显示遮罩。
步骤b:从数据库服务器调用进行表单的提交等处理的代码,将表单数据处理成数据包后向数据库服务器发送这些数据包,由数据库服务器对表单数据进行处理后存储到数据库。
步骤c:从数据库服务器调用处理隐藏遮罩的代码,运行该代码,该代码读取masktimeout属性信息,根据masktimeout属性信息,在确定满足masktimeout属性信息,增加回调函数隐藏遮罩。
需要说明的是,如图2所示,步骤S1由收集组件执行,步骤S2由校验组件执行,步骤S3由MyFaces2表单提交组件执行,并且MyFaces2表单提交组件从数据库服务器调用步骤a至步骤c所需的后台代码,数据库服务器向MyFaces2表单提交组件返回步骤a至步骤c所需的后台代码。MyFaces2表单提交组件还接收数据库服务器在处理完表单数据之后返回的表单提交成功响应消息。
需要说明的是,该属性信息为遮罩持续设定时间长度后隐藏遮罩或者当表单数据提交成功时隐藏遮罩。如果属性信息指示表单数据提交成功时隐藏遮罩,则在接收到数据库服务器反馈的表单数据提交成功的响应消息时隐藏遮罩。如果属性信息指示遮罩持续设定时间长度,如3秒,后隐藏遮罩,则待遮罩持续的时间等于3秒时隐藏遮罩。
需要说明的是,在MyFaces2表单提交组件中新增加一项自定义属性masktimeout,用于让开发人员设置遮罩效果的消失时间,不填写该属性或填写“-1”则表示“数据库服务器应答后消失”,填写大于0的数值则表示遮罩效果出现多长时间(单位秒)后自动消失。例如,masktimeout配置为3秒,则MyFaces2表单提交组件的配置过程为:
Figure BDA0001407811650000091
需要说明的是,具有统一的遮罩功能的表单提交组件的新定义函数与表单提交组件的原函数的函数声明不变,将新定义函数覆盖原函数即可得到具有统一的遮罩功能的表单提交组件。新定义函数的具体实现是:保留原函数的代码,在原函数代码的最顶部增加显示遮罩效果的处理逻辑,在原函数代码的最底部增加隐藏遮罩效果的处理逻辑。
例如,新定义函数的函数声明为:
myfaces.oam.submitForm=function(L,K,I,C){…}
例如:新定义函数的一种具体实现为:
Figure BDA0001407811650000092
Figure BDA0001407811650000101
在可选实施例中,并不通过自定义MyFaces组件属性的方式来配置masktimeout属性,而是在需要使用该遮罩的地方加上function hide()函数来配置masktimeout属性。在具体使用的时候masktimeout是可以传入一个数值的,比如onclick="hide(3)'表示遮罩显示3秒结束,那么只要有点击发生就会调用下面的函数进行处理。
例如:MyFaces2表单提交组件配置为:
<cupsui:button value="导出">’onclick="hide(masktimeout)'
action="#{transHisMB.transHisCsvDownload}"/>
对应的,上述步骤S3可替换为:
步骤a’:MyFaces2表单提交组件调用处理遮罩隐藏的函数,从数据库服务器调用处理遮罩隐藏的代码,运行该代码,该代码的处理逻辑为:
创建一个遮罩视图,在当前网页上显示该遮罩,读取masktimeout属性信息,根据masktimeout属性信息,在确定满足masktimeout属性信息,增加回调函数隐藏遮罩。该属性信息为遮罩持续设定时间长度后隐藏遮罩或者当表单数据提交成功时隐藏遮罩。
例如:处理遮罩隐藏的函数的一种具体实现为:
Figure BDA0001407811650000102
Figure BDA0001407811650000111
具体的,通过相应的调用接口向数据库服务器发送调用请求,获取该代码。
步骤b’:MyFaces2表单提交组件调用表单处理的函数,具体是从数据库服务器调用处理表单提交的代码,运行该代码,将表单数据处理成数据包后向数据库服务器发送这些数据包。
基于相同的发明构思,本发明实施例提供了一种网页服务器,该网页服务器的具体内容参见前述实施例,此处不再累述。
如图3所示,本发明实施例提供一种网页服务器,包括:
接收单元301,用于接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;
收集单元302,用于根据所述表单提交请求,收集所述当前网页上待提交的表单数据;
校验单元303,用于对所述表单数据进行校验;
发送单元304,用于在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;
遮罩创建单元305,用于获取并运行所述第一代码,在所述当前网页创建遮罩使所述遮罩遮挡所述当前网页;
表单提交单元306,用于向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
上述实施例中,网页服务器接收网页浏览器发送的表单提交请求之后,并不是直接显示遮罩,而是在所述表单数据通过校验时从数据库服务器获取后台代码,在当前网页创建遮罩来遮挡当前网页,然后并向数据库服务器提交所述表单数据,在表单数据校验成功之后才创建遮罩,并且创建遮罩是进行表单提交前的最后一个步骤,避免出现校验失败时遮罩无法隐藏的问题,使得遮罩显示与表单提交相匹配。
为了使遮罩显示与表单提交过程的进一步匹配,相对于现有技术,MyFaces2表单提交组件还具有遮罩自适应隐藏功能,即MyFaces2表单提交组件还可以从数据库服务器中调用处理隐藏遮罩的代码,在遮罩显示时间超时时在前端页面上遮罩隐藏。隐藏遮罩的时机有两种,一种是接收到后台的数据库服务器的表单数据提交成功的应答时隐藏遮罩,另一种是配置遮罩显示设定时间长度,如3秒,当遮罩显示的时间到达该设定时间长度时,隐藏遮罩。MyFaces2表单提交组件的遮罩自适应隐藏功能,能够表单提交成功之后隐藏遮罩,或者,在设定时间长度之后隐藏表单。
可选的,还包括:遮罩隐藏单元307;所述遮罩隐藏单元307,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
可选的,还包括:遮罩隐藏单元307;所述遮罩隐藏单元307,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后,获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
可选的,所述发送单元304还用于:向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;所述遮罩隐藏单元用于:接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
可选的,所述第一代码还用于执行:获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
本领域内的技术人员应明白,本发明实施例可提供为方法、系统、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本发明实施例的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种页面遮罩显示方法,其特征在于,该方法包括:
网页服务器接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;
所述网页服务器根据所述表单提交请求,收集所述当前网页待提交的表单数据;
所述网页服务器对所述表单数据进行校验,在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;
所述网页服务器获取并运行所述第一代码,在所述当前网页创建所述遮罩使所述遮罩遮挡所述当前网页;并向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
2.如权利要求1所述的方法,其特征在于,向所述数据库服务器提交所述表单数据之后,还包括:
所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;
所述网页服务器根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
3.如权利要求1所述的方法,其特征在于,向所述数据库服务器提交所述表单数据之后,还包括:
所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;
所述网页服务器根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
4.如权利要求2或3所述的方法,其特征在于,所述网页服务器隐藏所述遮罩,包括:
所述网页服务器向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;
所述网页服务器接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
5.如权利要求1所述的方法,其特征在于,所述第一代码还用于执行:
获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;
根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
6.一种网页服务器,其特征在于,包括:
接收单元,用于接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;
收集单元,用于根据所述表单提交请求,收集所述当前网页上待提交的表单数据;
校验单元,用于对所述表单数据进行校验;
发送单元,用于在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;
遮罩创建单元,用于获取并运行所述第一代码,在所述当前网页创建遮罩使所述遮罩遮挡所述当前网页;
表单提交单元,用于向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
7.如权利要求6所述的网页服务器,其特征在于,还包括:遮罩隐藏单元;
所述遮罩隐藏单元,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
8.如权利要求6所述的网页服务器,其特征在于,还包括:遮罩隐藏单元;
所述遮罩隐藏单元,用于在所述表单提交单元向所述数据库服务器提交所述表单数据之后,获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
9.如权利要求7或8所述的网页服务器,其特征在于,
所述发送单元还用于:向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;
所述遮罩隐藏单元用于:接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
10.如权利要求6所述的网页服务器,其特征在于,所述第一代码还用于执行:
获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;
根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
CN201710827338.8A 2017-09-14 2017-09-14 一种页面遮罩显示方法及网页服务器 Active CN107678815B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710827338.8A CN107678815B (zh) 2017-09-14 2017-09-14 一种页面遮罩显示方法及网页服务器

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710827338.8A CN107678815B (zh) 2017-09-14 2017-09-14 一种页面遮罩显示方法及网页服务器

Publications (2)

Publication Number Publication Date
CN107678815A CN107678815A (zh) 2018-02-09
CN107678815B true CN107678815B (zh) 2020-12-18

Family

ID=61136603

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710827338.8A Active CN107678815B (zh) 2017-09-14 2017-09-14 一种页面遮罩显示方法及网页服务器

Country Status (1)

Country Link
CN (1) CN107678815B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111078206B (zh) * 2019-11-25 2023-03-24 贝壳技术有限公司 表单提交方法及系统
CN115129202A (zh) * 2022-07-22 2022-09-30 平安壹钱包电子商务有限公司 用户点击事件的控制方法及装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104731821A (zh) * 2013-12-24 2015-06-24 中国银联股份有限公司 用于异步请求模式的网页遮罩方法
CN105677861A (zh) * 2016-01-07 2016-06-15 无锡天脉聚源传媒科技有限公司 一种以翻转方式切换网页进阶内容的方法及装置
CN105809045A (zh) * 2016-03-15 2016-07-27 青岛海信移动通信技术股份有限公司 一种设备系统在数据重置时的处理方法和装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080040661A1 (en) * 2006-07-07 2008-02-14 Bryce Allen Curtis Method for inheriting a Wiki page layout for a Wiki page
CN102663056B (zh) * 2012-03-29 2014-05-28 北京奇虎科技有限公司 一种图片元素显示方法和装置
CN103853712A (zh) * 2012-11-28 2014-06-11 金蝶软件(中国)有限公司 一种浮动层窗口的显示方法及浏览器
CN103152388A (zh) * 2013-01-31 2013-06-12 中国科学院计算机网络信息中心 一种防止用户重复提交的方法和系统
CN106959855A (zh) * 2017-03-27 2017-07-18 福建中金在线信息科技有限公司 一种遮罩层的显示方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104731821A (zh) * 2013-12-24 2015-06-24 中国银联股份有限公司 用于异步请求模式的网页遮罩方法
CN105677861A (zh) * 2016-01-07 2016-06-15 无锡天脉聚源传媒科技有限公司 一种以翻转方式切换网页进阶内容的方法及装置
CN105809045A (zh) * 2016-03-15 2016-07-27 青岛海信移动通信技术股份有限公司 一种设备系统在数据重置时的处理方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"js实现登录遮罩效果的方法";不甘1990;《https://m.jb51.net/article/70182.htm》;20150728;第1-2页 *

Also Published As

Publication number Publication date
CN107678815A (zh) 2018-02-09

Similar Documents

Publication Publication Date Title
US11194597B2 (en) Method and apparatus for user interface modification
US11538046B2 (en) Page data acquisition method, apparatus, server, electronic device and computer readable medium
KR102220127B1 (ko) 커스터마이징된 소프트웨어 개발 키트(sdk) 생성을 위한 방법 및 장치
US10417315B2 (en) Configuring a page for drag and drop arrangement of content artifacts in a page development tool
CN108415804B (zh) 获取信息的方法、终端设备及计算机可读存储介质
US20110307238A1 (en) Methods for utilizing a javascript emulator in a web content proxy server and devices thereof
CN111783103A (zh) 基于Maven的依赖管理方法、装置、电子装置及存储介质
US10148790B2 (en) Deployment of integrative HTML-based engine from an edge server
CN107678815B (zh) 一种页面遮罩显示方法及网页服务器
CN107480117B (zh) 自动化页面表单数据的恢复方法及装置
US20130086138A1 (en) Implementing a java method
CN110866239A (zh) 验证码请求处理方法、装置、设备及计算机存储介质
US20180173520A1 (en) Transactional distributed data analysis and transformation
CN112800309A (zh) 基于http代理的爬虫系统及其实现方法
US20130173686A1 (en) Monitoring Distributed Task Execution Using a Chained Text Messaging System
WO2020155765A1 (zh) 移动终端爬取数据的方法、装置、移动终端和存储介质
CN116302895A (zh) 一种基于Javascript的用户行为收集方法、装置、设备及介质
CN109447806B (zh) 前端控制方法及装置、存储介质及电子设备
EP3570522B1 (en) Webpage integrity monitoring
CN108076067B (zh) 一种授权爬虫配置化模拟登录的方法及系统
CN112486801A (zh) App Scheme可用性验证方法及系统
CN117908960A (zh) 公式代码的执行方法和设备
CN116483266A (zh) 一种网络存储设备防误操作系统、方法、设备及存储介质
CN108845803B (zh) 一种列表视图的更新方法、装置、设备及存储介质
CN108614871B (zh) 数据查询与结果生成方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant