CN111680244A - 页面展示方法及其装置、电子设备、计算机可读存储介质 - Google Patents

页面展示方法及其装置、电子设备、计算机可读存储介质 Download PDF

Info

Publication number
CN111680244A
CN111680244A CN202010302161.1A CN202010302161A CN111680244A CN 111680244 A CN111680244 A CN 111680244A CN 202010302161 A CN202010302161 A CN 202010302161A CN 111680244 A CN111680244 A CN 111680244A
Authority
CN
China
Prior art keywords
user
display
page
verification
server
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
Application number
CN202010302161.1A
Other languages
English (en)
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.)
Shanghai Qiyue Information Technology Co Ltd
Original Assignee
Shanghai Qiyue Information Technology 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 Shanghai Qiyue Information Technology Co Ltd filed Critical Shanghai Qiyue Information Technology Co Ltd
Priority to CN202010302161.1A priority Critical patent/CN111680244A/zh
Publication of CN111680244A publication Critical patent/CN111680244A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526Plug-ins; Add-ons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种页面展示方法,其包括:响应于用户的访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向用户展示第一展示页面;响应于用户在第一展示页面的登录操作,将用户输入的唯一标识信息发送至服务端,同时,展示第二展示页面;响应于用户在第二展示页面的验证操作,基于用户输入的验证码,向服务端发送验证信息,并根据服务端反馈的登录结果信息向用户展示登录结果。本方法丰富了页面展示形式,提高了登录交互界面的适用性和拓展性;同时,提供了一种新的交互方式,以适应具有不同操作偏好的用户,提高了用户体验相应地。本发明还提供了一种页面展示装置、电子设备和计算机可读存储介质。

Description

页面展示方法及其装置、电子设备、计算机可读存储介质
技术领域
本发明涉及计算机领域,尤其涉及一种页面展示方法、页面展示装置、电子设备、计算机可读存储介质。
背景技术
注册登录是每个产品最基础、必须的功能,其包含了很多交互情况,如,用户访问页面、用户输入手机号、获取验证码、输入验证码、点击确认等交互操作。通常,在设计APP/网页登录注册时,注册/登录交互流程采用表单集中展示的形式,统一设计为表单前置或表单后置,即基于访问请求展示一个展示页面,而该展示页面展示了用户登录/注册时需要用户填写的所有表单组件,或在用户完成一定能交互动作后,在后续页面展示用户登录/注册时需要用户填写的所有表单组件。这两种展示页面的方式各有优劣,适应于不同操作习惯的用户。
随着产品触达用户的方式不同,以及不同用户的操作偏好,因此,为了提高用户体验,对页面展示形式的多样化需要也越来越多。然而,目前仅仅只有两种传统的页面展示形式,严重限制了交互界面的适用性和拓展性,也无法进一步提高用户体验。
基于此,为了能够适应不同操作偏好的用户,提高登录交互界面的适用性和拓展性,同时进一步提高用户体验,本发明提供了一种新的页面展示方法及其装置。
在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解,因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
鉴于上述问题,提出了本说明书以便提供一种克服上述问题或者至少部分地解决上述问题的页面展示方法及其装置、电子设备和计算机可读存储介质。
本发明公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
第一方面,本发明公开了一种页面展示方法,包括:
响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向所述用户展示第一展示页面;
响应于所述用户在所述第一展示页面的登录操作,将所述用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示所述用户进行验证的第二展示页面;
响应于所述用户在所述第二展示页面的验证操作,基于所述用户输入的验证码,向所述服务端发送验证信息以进行验证,并根据所述服务端反馈的登录结果信息向所述用户展示登录结果。
在本公开的一种示例性实施例中,所述唯一标识信息为所述用户的手机号码,或者唯一账户信息,或者身份证号码。
在本公开的一种示例性实施例中,将所述唯一标识信息发送至所述服务端的步骤,具体包括:
获取所述用户在所述第一展示页面输入的唯一标识信息;
响应于所述用户在所述第一展示页面中触发的表示提交所述唯一标识信息的操作指令,将所述唯一标识信息发送至所述服务端。
在本公开的一种示例性实施例中,发送所述验证信息的步骤,具体包括:
响应于所述用户在所述第二展示页面中触发的表示获取验证码的操作指令,向所述服务端发送验证码请求信息;
获取所述用户在所述第二展示页面输入的验证码;其中,所述验证码是所述服务端接收到所述验证码请求信息时,随机生成并发送至所述唯一标识信息所对应用户的用户终端的;
响应于所述用户在所述第二展示页面触发的表示提交验证信息的操作指令,生成携带所述验证码和所述唯一标识信息的所述验证信息,并发送至所述服务端以进行验证。
在本公开的一种示例性实施例中,向所述用户展示登录结果的步骤,具体包括:
若服务端校验通过,所述客户端解析并渲染所述服务端反馈的登陆成功页面内容以向所述用户展示登录成功页面;或者,
若服务端校验未通过,所述客户端解析并渲染所述服务端反馈的登陆失败页面内容以向所述用户展示登陆失败页面。
第二方面,本发明提供一种页面展示装置,包括:
第一请求模块,用于响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容;
第一展示模块,用于接收所述服务端反馈的第一展示页面内容,并解析渲染以向所述用户展示第一展示页面;
第二展示模块,用于响应于用户在所述第一展示页面的登录操作,将所述用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示所述用户进行验证的第二展示页面;
第三展示模块,用于响应于所述用户在所述第二展示页面的验证操作,基于所述用户输入的验证码,向所述服务端发送验证信息以进行验证,并从所述服务端获取登录结果并向所述用户展示。
在本公开的一种示例性实施例中,所述唯一标识信息为所述用户的手机号码,或者唯一账户信息,或者身份证号码。
在本公开的一种示例性实施例中,所述第二展示模块具体包括:
第一数据获取单元,用于获取所述用户在所述第一展示页面输入的唯一标识信息;
数据发送单元,用于响应于所述用户在所述第一展示页面触发的表示提交唯一标识信息的操作指令,将所述第一数据获取单元所获取的唯一标识信息发送至所述服务端;
页面展示单元,用于响应于所述用户在所述第一展示页面触发的表示提交唯一标识信息的操作指令,展示用于提示所述用户进行验证的第二展示页面。
在本公开的一种示例性实施例中,所述第三展示模块具体包括:
验证码请求单元,用于响应于所述用户在所述第二展示页面触发的表示获取验证信息的操作指令,向所述服务端发送验证码请求信息;
第二数据获取单元,用于获取所述用户在所述第二展示页面输入的验证码;所述验证码是所述服务端接收到所述验证码请求信息时,随机生成并发送至所述唯一标识信息所对应用户的用户终端的;
验证请求单元,用于响应于所述用户在所述第二展示页面触发的表示提交验证信息的操作指令,生成携带所述验证码和所述唯一标识信息的验证信息,并发送至所述服务端以进行验证。
在本公开的一种示例性实施例中,所述第三展示模块还包括:
第二展示单元,用于当所述服务端的校验结果为通过时,解析并渲染所述服务端反馈的登陆成功页面内容以向所述用户展示登录成功页面;
第三展示单元,用于当所述服务端的校验结果为未通过时,解析并渲染所述服务端反馈的登陆失败页面内容以向所述用户展示登陆失败页面。
第三方面,本说明书提供一种电子设备,包括处理器和存储器:所述存储器用于存储上述任一项所述方法的程序;所述处理器被配置为用于执行所述存储器中存储的程序实现上述任一项所述方法的步骤。
第四方面,本说明书实施例提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述任一项所述方法的步骤。
本发明的有益效果:
本发明中,客户端响应于用户的访问操作,向服务端发送访问请求,以获取第一展示页面内容,然后解析渲染以向用户展示第一展示页面,且当该用户在该第一展示页面进行登录操作时,客户端响应于该登录操作,将用户通过该第一展示页面输入的唯一标识信息发送至服务端,并向用户展示第二展示页面,而当用户在该第二展示页面进行验证操作时,客户端响应于该验证操作,向服务端发送验证码获取请求信息,并将用户在第二展示页面输入的验证码发送至服务端以获取登陆结果信息;即,本发明以验证交互流程为分界点,通过第一展示页面来展示验证交互流程之前获取用户唯一标识信息所涉及的各个表单组件,而通过第二展示页面来展示验证交互流程中所涉及的各个表单组件,从而提供了一种新的页面展示方法,丰富了页面展示形式,进而提高了登录交互界面的适用性和拓展性,可应用于涵盖多类别用户的大流量场景;同时,也为用户提供了一种新的交互方式,以适应具有不同操作偏好的用户,提高了用户体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种页面展示方法的流程图;
图2是第一展示页面的一示例性实施例的示意图;
图3是第二展示页面的一示例性实施例的示意图;
图4是根据一示例性实施例示出的一种页面展示装置的框图;
图5是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
然而,下述的示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解,而有的操作/步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
应理解,虽然本文中可能使用术语第一、第二、第三等来描述各种组件,但这些组件不应受这些术语限制。这些术语乃用以区分一组件与另一组件。因此,下文论述的第一组件可称为第二组件而不偏离本公开概念的教示。如本文中所使用,术语“及/或”包括相关联的列出项目中的任一个及一或多者的所有组合。
本领域技术人员可以理解,附图只是示例实施例的示意图,附图中的模块或流程并不一定是实施本公开所必须的,因此不能用于限制本公开的保护范围。
本发明提供了一种页面展示方法,用于解决现有技术中因页面展示形式的局限,限制了交互界面的适用性和拓展性的问题,为了解决上述问题,本发明的核心思想是:响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向所述用户展示第一展示页面;响应于所述用户在所述第一展示页面的登录操作,将所述用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示所述用户进行验证的第二展示页面;响应于所述用户在所述第二展示页面的验证操作,基于所述用户输入的验证码,向所述服务端发送验证信息以进行验证,并根据所述服务端反馈的登录结果信息向所述用户展示登录结果;
也即是说,其以验证交互流程为分界点,将获取验证码之前的交互操作(如获取用户唯一标识信息的交互操作)涉及的所有表单组件配置在第一展示页面进行展示,而将获取验证码以及确认提交等验证交互过程中所涉及的所有表单组件配置第二展示页面进行展示,从而为注册/登录交互操作流程提供了一种新的页面展示形式,丰富了页面展示形式,进而提高了登录交互界面的适用性和拓展性,可应用于涵盖多类别用户的大流量场景;同时,也为用户提供了一种新的交互方式,以适应具有不同操作偏好的用户,提高了用户体验。
首先需要说明书的是,在本发明各个实施例中,所涉及的术语为:
本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
下面,通过几个具体的实施例对本发明的技术方案进行详细介绍和说明。
参见图1,本实施例的一种页面展示方法,包括:
S101,响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向所述用户展示第一展示页面。
本实施例中,该第一展示页面访问操作是指用户在其用户终端上点击第三方发送的该第一展示页面的网站链接,或点击配置在其他网站的资源位上且指向该第一展示页面的相应图标,或者在浏览器中输入该第一展示页面的网址链接,或者打开用户终端上相应的APP等操作。
本实施例中,客户端响应于该访问操作,生成相应的访问请求,并发送至服务端;其中,当然,该访问请求中携带有该第一展示页面的网址链接。相应地,当服务端接收到该访问请求时,基于该访问请求生成相应的第一展示页面内容;当然,该客户端发送该访问请求后,便从该服务端获取该第一展示页面内容,然后对其进行解析渲染以向用户展示该第一展示页面,进而使得用户可在该第一展示页面输入唯一标识信息,并触发表示提交该唯一标识信息的操作指令。
参见图2,在一具体实施例中,该第一展示页面包括登录/注册流程中的获取验证码之前的各个交互操作涉及的表单组件:可供用户输入唯一标识信息的输入框,以及唯一对应于该输入框且用以提示用户提交该唯一标识信息以领取福利或参与活动的第一图标。也即,该第一展示页面仅仅包括验证交互流程之前的各个交互操作所涉及的所有表单组件,而不包括验证交互流程中所涉及的各个表单组件。相应地,用户可在该输入框内输入唯一标识信息,然后点击该第一图标(即触发表示提交该唯一标识信息的操作指令),使得客户端将该唯一标识信息发送至服务端以进入验证流程。
当然,该第一展示页面还包括用以吸引用户的各种活动介绍信息或者福利信息,如首期免息券信息、现金红包或者抽奖活动等福利信息。
S103,响应于该用户在该第一展示页面的登录操作,将用户通过第一展示页面输入的唯一标识信息发送至服务端,同时,展示用于提示用户进行验证的第二展示页面。
本实施例中,该登录操作是指用户为了登录,在第一展示页面中的输入框中输入对应于该用户的唯一标识信息,然后点击第一图标,以表示确认提交所输入的唯一标识信息的操作。其中,该唯一标识信息可以是用户的手机号码、身份证号码或者预先已注册的账号。
本实施例中,如前所述,当客户端向用户展示第一展示页面时,用户可通过该第一展示页面输入该用户对应的唯一标识信息,并触发表示提交该唯一标识信息的操作指令。相应地,客户端获取用户在该第一展示页面输入的唯一标志信息,并响应于用户触发的表示提交该唯一标识信息的操作指令,向服务端发送该唯一标识信息以进入验证流程,同时,还向用户展示第二展示页面内容。
其中,该第二展示页面内容可以是客户端从服务端获取第一展示页面内容时一起获取到的,当然,同时还获取到了该第一展示页面内容和第二展示页面内容的展示流程逻辑,即当用户提交唯一标识信息后才展示第二展示页面内容,因此,当用户触发表示提交唯一标识信息的操作指令时,客户端直接解析渲染预先获取到的第二展示页面内容以展示第二展示页面。当然,该第二展示页面内容也可以不是预先获取到的,而是客户端响应于该表示提交唯一标识信息的操作指令时,从该服务端获取到的,然后进行解析渲染并向用户展示,以提示用户提交验证信息并领取相应的福利。
参见图3,在一具体实施例中,该第二展示页面以弹窗形式展示,其包括验证交互流程中涉及的各个表单组件:可供用户获取随机验证码的验证码图标,可供用户输入所接收到的验证码的输入框,以及唯一对应于该输入框且用以提示用户提交该验证码以领取福利或参与活动的第二图标。当用户可点击该验证码图标(即触发表示获取验证码的操作指令)时,客户端向服务端发送获取验证码的请求(携带唯一标识信息),而服务端向该用户的用户终端反馈随机生成的验证码;当用户在该第二展示页面的输入框内输入所获取到的验证码,并点击该第二图标(即触发表示提交验证信息的操作指令)时,客户端将用户输入的验证码发送至服务端进行验证。
当然,该第二展示页面还包括用以吸引用户的各种活动介绍信息或者福利信息,如首期免息券信息等。
S105,响应于该用户在该第二展示页面的验证操作,基于该用户输入的验证码,向服务端发送验证信息以进行验证,并根据服务端反馈的登录结果信息向该用户展示登录结果。
本实施例中,该验证操作是指用户在第二展示页面中的验证码图标,以获取验证码,以及在该第二展示页面的输入框中输入所获取到的服务端发送来的随机验证码,并点击该第二展示页面中的第二图标以表示提交验证信息的操作。
本实施例中,如前所述,当客户端向用户展示第二展示页面时,用户可在该第二展示页面点击该验证码图标以获取验证码,在该第二展示页面的输入框内输入所获取到的验证码,并点击该第二图标以将验证码发送至服务端进行验证。相应地,客户端响应于用户触发的表示获取验证码的操作指令,生成验证码请求信息并发送至服务端;且当服务端将验证码反馈至该用户时,该客户端获取该用户在该第二展示页面输入的验证码,并响应于用户触发的表示提交该验证码的操作指令,生成携带该验证码和上述唯一标识信息的验证信息,然后发送至服务端以进行验证。
本实施例中,若验证信息通过验证,表示该用户登录成功,则服务端向客户端反馈登录成功页面内容,若验证信息未通过验证,表示该用户登录失败,则服务端向客户端反馈登录失败页面内容。相应地,客户端根据服务端反馈的登录结果信息向该用户展示登录结果,即若服务端反馈的是登录成功页面内容,则该客户端解析并渲染向用户展示登录成功页面,若服务端反馈的是登录失败页面内容,则该客户端解析渲染并向用户展示登录失败页面。
本发明以验证交互流程为分界点,将验证交互流程之前的各个流程所涉及的所有表单组件前置到第一展示页面中,而将验证交互流程,如获取验证码和提交验证码等过程涉及到的所有表单组件后置到第二展示页面中,丰富了页面展示形式,提高了登录交互界面的适用性和拓展性,可应用于涵盖多类别用户的大流量场景;同时,提供了一种新的交互方式,以适应具有不同操作偏好的用户,提高了用户体验相应地。
基于与前述实施例中一种页面展示方法同样的发明构思,本发明还提供一种页面展示装置,其上存储有计算机程序,该程序被处理器执行时实现前文所述一种页面展示方法的任一方法的步骤。
下述为本公开装置实施例,可以用于执行本发明方法实施例。对于本实施例的装置实施例中未披露的细节,请参照本公开方法实施例。
参见图4,本实施例的一种页面展示装置,包括:
第一请求模块41,用于响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容;
第一展示模块42,用于接收服务端反馈的第一展示页面内容,并解析渲染以向该用户展示第一展示页面;
第二展示模块43,用于响应于该用户在第一展示页面的登录操作,展示用于提示用户进行验证的第二展示页面,同时,将该用户通过上述第一展示页面输入的唯一标识信息发送至服务端;
第三展示模块44,用于响应于用户在所述第二展示页面的验证操作,基于用户输入的验证码,向服务端发送验证信息以进行验证,并从服务端获取登录结果并向用户展示。
本实施例中,该第一展示页面访问操作是指用户在其用户终端上点击第三方发送的该第一展示页面的网站链接,或点击配置在其他网站的资源位上且指向该第一展示页面的相应图标,或者在浏览器中输入该第一展示页面的网址链接,或者打开用户终端上相应的APP等操作。
本实施例中,当用户执行第一展示页面访问操作时,客户端的第一请求模块41响应于该访问操作,向服务端发送相应的访问请求;其中,该访问请求中携带有该第一展示页面的网址链接。
本实施例中,当服务端接收到客户端发送的上述访问请求时,基于该访问请求(携带第一展示页面网址链接)生成相应的第一展示页面内容并反馈至客户端,相应地,客户端的第一展示模块42接收到该第一展示页面内容后,对其进行接解析渲染以向用户展示第一展示页面。
参见图2,在一具体实施例中,该第一展示模块42所展示的第一展示页面包括登录/注册流程中的验证交互流程之前的各个操作涉及的所有表单组件,如:可供用户输入唯一标识信息的输入框,以及唯一对应于该输入框且用以提示用户提交该唯一标识信息以领取福利或参与活动的第一图标。相应地,用户可在该输入框内输入唯一标识信息,然后点击该第一图标(即触发表示提交该唯一标识信息的操作指令),使得客户端将该唯一标识信息发送至服务端以进入验证流程。其中,该唯一标识信息为该用户的手机号码,或者预先注册的账号,或者身份证号码。
当然,该第一展示页面还包括用以吸引用户的各种活动介绍信息或者福利信息,如首期免息券信息、现金红包信息和抽奖活动信息等。
本实施例中,该登录操作是指用户为了登录,在第一展示页面中的输入框中输入对应于该用户的唯一标识信息,然后点击第一图标,以表示确认提交所输入的唯一标识信息的操作。其中,该唯一标识信息可以是用户的手机号码、身份证号码或者预先已注册的账号。
本实施例中,如前所述,当第一展示模块42向用户展示第一展示页面时,用户可在该第一展示页面中输入唯一标识信息,并触发表示提交该唯一标识信息的操作指令(如通过点击上述的第一图标)。相应地,该客户端的第二展示模块43响应于该操作指令,将该用户在第一展示页面输入的唯一标识信息发送至服务端,同时展示用于提示用户进行验证的第二展示页面。具体地,该第二展示模块43具体包括:
第一数据获取单元,用于获取该用户在第一展示页面输入的唯一标识信息;
数据发送单元,用于响应于该用户在第一展示页面触发的表示提交唯一标识信息的操作指令,将上述第一数据获取单元所获取的唯一标识信息发送至服务端;
页面展示单元,用于响应于该用户在第一展示页面触发的表示提交唯一标识信息的操作指令,展示用于提示该用户进行验证的第二展示页面。
本实施例中,当服务端向客户端的第一展示模块反馈第一展示页面内容时,同时也将该第二展示页面内容,以及该第一展示页面内容和第二展示页面内容的展示流程逻辑(即只有当用户触发表示提交唯一标识信息的操作指令后,在展示该第二展示页面内容)反馈至该客户端的第二展示模块的该页面展示单元,因此,当该页面展示单元响应于该表示提交唯一标识信息的操作指令时,对预先接收到的第二展示页面内容进行解析渲染以向用户展示第二展示页面。
在另一实施例中,该服务端也可不是将该第二展示页面内容和展示流程逻辑同时与第一展示页面内容反馈至该第二展示模块中的该页面展示单元的,而是该页面展示单元响应于上述的表示提交唯一标识信息,直接从服务端获取该第二展示页面内容,然后解析渲染向用户展示。
参见图3,在一具体实施例中,该第二展示页面以弹窗形式展示,其包括登录/注册流程中验证交互流程中涉及的所有表单组件,如:可供用户获取随机验证码的验证码图标,可供用户输入所接收到的验证码的输入框,以及唯一对应于该输入框且用以提示用户提交该验证码以领取福利或参与活动的第二图标。相应地,当用户可点击该验证码图标(即触发表示获取验证码的操作指令)时,客户端向服务端发送获取验证码的请求(携带唯一标识信息),而服务端向该用户的用户终端反馈随机生成的验证码;当用户在该第二展示页面的输入框内输入所获取到的验证码,并点击该第二图标(即触发表示提交验证信息的操作指令)时,客户端将用户输入的验证码发送至服务端进行验证。
当然,该第二展示页面还包括用以吸引用户的各种活动介绍信息或者福利信息,如首期免息券信息等。
本实施例中,该验证操作是指用户在第二展示页面中的验证码图标,以获取验证码,以及在该第二展示页面的输入框中输入所获取到的服务端发送来的随机验证码,并点击该第二展示页面中的第二图标以表示提交验证信息的操作。
本实施例中,当上述的第二展示模块43向用户展示第二展示页面时,用户可在该第二展示页面点击该验证码图标以获取验证码,在该第二展示页面的输入框内输入所获取到的验证码,并点击该第二图标以将验证码发送至服务端进行验证。相应地,客户端的第三展示模块44响应于该用户在该第二展示页面触发的表示获取验证码的操作指令,生成验证码请求信息,并发送至服务端;且当服务端将验证码反馈至该用户时,获取该用户在该第二展示页面输入的验证码,并响应于用户触发的表示提交该验证码的操作指令,生成携带该验证码和上述唯一标识信息的验证信息,然后发送至服务端以进行验证。具体地,该第三展示模块44包括:
验证码请求单元,用于响应于该用户在上述第二展示页面触发的表示获取验证信息的操作指令,向服务端发送验证码请求信息;
第二数据获取单元,用于获取该用户在上述第二展示页面输入的验证码;其中,该验证码是服务端接收到验证码请求单元发送的验证码请求信息时,随机生成并发送至上述唯一标识信息所对应用户的用户终端的;
验证请求单元,用于响应于该用户在上述第二展示页面触发的表示提交验证信息的操作指令,生成携带该验证码和上述唯一标识信息的验证信息,并发送至服务端以进行验证;
第二展示单元,用于当服务端的校验结果为通过时,解析并渲染服务端反馈的登陆成功页面内容以向该用户展示登录成功页面;
第三展示单元,用于当服务端的校验结果为未通过时,解析并渲染服务端反馈的登陆失败页面内容以向该用户展示登陆失败页面。
本实施例中,若服务端的验证通过,表示该用户登录成功,则其向客户端反馈登录成功页面内容,若服务端的验证未通过,表示该用户登录失败,则服务端向客户端反馈登录失败页面内容。相应地,客户端根据服务端反馈的登录结果信息向该用户展示登录结果,即若服务端反馈的是登录成功页面内容,则该客户端解析并渲染向用户展示登录成功页面,若服务端反馈的是登录失败页面内容,则该客户端解析渲染并向用户展示登录失败页面。
本发明以验证交互流程为分界点,将用户输入唯一标识信息和确认提交唯一标识信息相关的表单组件前置到第一展示页面中,而将获取验证码和提交验证码等相关的表单组件后置到第二展示页面中,能够适应具有不同操作偏好的用户,提高了登录交互界面的适用性和拓展性,可应用于涵盖多类别用户的大流量场景。
本说明书第三实施例还提供了一种电子设备,包括存储器500、处理器501及存储在存储器500上并可在处理器501上运行的计算机程序,所述处理器501执行所述程序时实现前文所述方法的步骤。为了便于说明,仅示出了与本说明书实施例相关的部分,具体技术细节未揭示的,请参照本说明书实施例方法部分。该电子设备,可以是可向用户展示页面的各种电子设备,如PC电脑、手机、平板电脑、PDA(Personal Digital Assistant,个人数字助理)、POS(Point of Sales,销售终端)、车载电脑、台式电脑等任意电子设备。
具体地,图5示出的与本说明书实施例提供的技术方案相关的电子设备组成结构框图,总线502可以包括任意数量的互联的总线和桥,其将包括由处理器501代表的一个或多个处理器和存储器500代表的存储器的各种电路链接在一起。总线502还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起,这些都是本领域所公知的,因此,本文不再对其进行进一步描述。通信接口503在总线502和接收器和/或发送器504之间提供接口,接收器和/或发送器504可以是分开独立的接收器或发送器也可以是同一个元件如收发机,提供用于在传输介质上与各种其他装置通信的单元。处理器501负责管理总线502和通常的处理,而存储器500可以被用于存储处理器501在执行操作时所使用的数据。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个计算机可读存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本公开实施方式的上述方法。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该计算机可读介质实现如下功能:
响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向用户展示第一展示页面;
响应于用户在第一展示页面的登录操作,将用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示用户进行验证的第二展示页面;
响应于用户在所述第二展示页面的验证操作,基于用户输入的验证码,向服务端发送验证信息以进行验证,并根据服务端反馈的登录结果信息向所述用户展示登录结果。
本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中,也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
通过以上的实施例的描述,本领域的技术人员易于理解,这里描述的示例实施例可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施例的方法。
尽管已描述了本说明书的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本说明书范围的所有变更和修改。
以上具体地示出和描述了本公开的示例性实施例。应可理解的是,本公开不限于这里描述的详细结构、设置方式或实现方法;相反,本公开意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。此外,本说明书说明书附图所示出的结构、比例、大小等,均仅用以配合说明书所公开的内容,以供本领域技术人员了解与阅读,并非用以限定本公开可实施的限定条件,故不具技术上的实质意义,任何结构的修饰、比例关系的改变或大小的调整,在不影响本公开所能产生的技术效果及所能实现的目的下,均应仍落在本公开所公开的技术内容得能涵盖的范围内。同时,本说明书中所引用的如“上”、“第一”、“第二”及“一”等的用语,也仅为便于叙述的明了,而非用以限定本公开可实施的范围,其相对关系的改变或调整,在无实质变更技术内容下,当也视为本公开可实施的范畴。

Claims (10)

1.一种页面展示方法,其特征在于,包括:
响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容,并解析渲染以向所述用户展示第一展示页面;
响应于所述用户在所述第一展示页面的登录操作,将所述用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示所述用户进行验证的第二展示页面;
响应于所述用户在所述第二展示页面的验证操作,基于所述用户输入的验证码,向所述服务端发送验证信息以进行验证,并根据所述服务端反馈的登录结果信息向所述用户展示登录结果。
2.根据权利要求1所述的页面展示方法,其特征在于,所述唯一标识信息为所述用户的手机号码,或者唯一账户信息,或者身份证号码。
3.根据权利要求1或2所述的页面展示方法,其特征在于,将所述唯一标识信息发送至所述服务端的步骤,具体包括:
获取所述用户在所述第一展示页面输入的唯一标识信息;
响应于所述用户在所述第一展示页面中触发的表示提交所述唯一标识信息的操作指令,将所述唯一标识信息发送至所述服务端。
4.根据权利要求1至3中任一项所述的页面展示方法,其特征在于,发送所述验证信息的步骤,具体包括:
响应于所述用户在所述第二展示页面中触发的表示获取验证码的操作指令,向所述服务端发送验证码请求信息;
获取所述用户在所述第二展示页面输入的验证码;其中,所述验证码是所述服务端接收到所述验证码请求信息时,随机生成并发送至所述唯一标识信息所对应用户的用户终端的;
响应于所述用户在所述第二展示页面触发的表示提交验证信息的操作指令,生成携带所述验证码和所述唯一标识信息的所述验证信息,并发送至所述服务端以进行验证。
5.根据权利要求1至4中任一项所述的页面展示方法,其特征在于,向所述用户展示登录结果的步骤,具体包括:
若服务端校验通过,所述客户端解析并渲染所述服务端反馈的登陆成功页面内容以向所述用户展示登录成功页面;或者,
若服务端校验未通过,所述客户端解析并渲染所述服务端反馈的登陆失败页面内容以向所述用户展示登陆失败页面。
6.一种页面展示装置,其特征在于,包括:
第一请求模块,用于响应于用户的第一展示页面访问操作,向服务端发送的访问请求以获取第一展示页面内容;
第一展示模块,用于接收所述服务端反馈的第一展示页面内容,并解析渲染以向所述用户展示第一展示页面;
第二展示模块,用于响应于用户在所述第一展示页面的登录操作,将所述用户通过所述第一展示页面输入的唯一标识信息发送至所述服务端,同时,展示用于提示所述用户进行验证的第二展示页面;
第三展示模块,用于响应于所述用户在所述第二展示页面的验证操作,基于所述用户输入的验证码,向所述服务端发送验证信息以进行验证,并从所述服务端获取登录结果并向所述用户展示。
7.根据权利要求6所述的页面展示装置,其特征在于,所述第二展示模块具体包括:
第一数据获取单元,用于获取所述用户在所述第一展示页面输入的唯一标识信息;
数据发送单元,用于响应于所述用户在所述第一展示页面触发的表示提交唯一标识信息的操作指令,将所述第一数据获取单元所获取的唯一标识信息发送至所述服务端;
页面展示单元,用于响应于所述用户在所述第一展示页面触发的表示提交唯一标识信息的操作指令,展示用于提示所述用户进行验证的第二展示页面。
8.根据权利要求6或7所述的页面展示装置,其特征在于,所述第三展示模块具体包括:
验证码请求单元,用于响应于所述用户在所述第二展示页面触发的表示获取验证信息的操作指令,向所述服务端发送验证码请求信息;
第二数据获取单元,用于获取所述用户在所述第二展示页面输入的验证码;所述验证码是所述服务端接收到所述验证码请求信息时,随机生成并发送至所述唯一标识信息所对应用户的用户终端的;
验证请求单元,用于响应于所述用户在所述第二展示页面触发的表示提交验证信息的操作指令,生成携带所述验证码和所述唯一标识信息的验证信息,并发送至所述服务端以进行验证。
9.一种电子设备,包括至少一个处理器、至少一个存储器、通信接口和总线;其中,
所述处理器、存储器、通信接口通过所述总线完成相互间的通信;
所述存储器用于存储执行权利要求1至5中任一项所述方法的程序;
所述处理器被配置为用于执行所述存储器中存储的程序。
10.一种计算机可读存储介质,其存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至5中任一项所述方法的步骤。
CN202010302161.1A 2020-04-16 2020-04-16 页面展示方法及其装置、电子设备、计算机可读存储介质 Pending CN111680244A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010302161.1A CN111680244A (zh) 2020-04-16 2020-04-16 页面展示方法及其装置、电子设备、计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010302161.1A CN111680244A (zh) 2020-04-16 2020-04-16 页面展示方法及其装置、电子设备、计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN111680244A true CN111680244A (zh) 2020-09-18

Family

ID=72451614

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010302161.1A Pending CN111680244A (zh) 2020-04-16 2020-04-16 页面展示方法及其装置、电子设备、计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN111680244A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112583816A (zh) * 2020-12-07 2021-03-30 泰康保险集团股份有限公司 登录验证方法、装置、电子设备和存储介质
CN113254899A (zh) * 2021-05-26 2021-08-13 北京创源微致软件有限公司 显示页面的确定方法、显示方法、系统、服务器及终端
CN114217864A (zh) * 2021-11-02 2022-03-22 北京健康之家科技有限公司 应用的动态接入方法、装置、存储介质及计算机设备
CN114326429A (zh) * 2021-12-30 2022-04-12 深圳思悦创新有限公司 一种智能家居可视、可控的展示方法、装置及系统

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102098315A (zh) * 2011-03-02 2011-06-15 中国工商银行股份有限公司 一种客户端安全登录方法、装置及系统
CN104093141A (zh) * 2014-06-27 2014-10-08 北京奇虎科技有限公司 终端应用的登录方法、装置、客户端及电子设备
CN104954383A (zh) * 2015-06-24 2015-09-30 深圳市兰丁科技有限公司 一种应用程序登录方法及系统
CN107196893A (zh) * 2016-03-15 2017-09-22 百度在线网络技术(北京)有限公司 登录方法、登录服务器和登录客户端
CN107872438A (zh) * 2016-09-28 2018-04-03 腾讯科技(深圳)有限公司 一种验证方法、装置及终端
CN109787991A (zh) * 2019-01-31 2019-05-21 平安科技(深圳)有限公司 基于移动终端的免密登录方法、装置、设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102098315A (zh) * 2011-03-02 2011-06-15 中国工商银行股份有限公司 一种客户端安全登录方法、装置及系统
CN104093141A (zh) * 2014-06-27 2014-10-08 北京奇虎科技有限公司 终端应用的登录方法、装置、客户端及电子设备
CN104954383A (zh) * 2015-06-24 2015-09-30 深圳市兰丁科技有限公司 一种应用程序登录方法及系统
CN107196893A (zh) * 2016-03-15 2017-09-22 百度在线网络技术(北京)有限公司 登录方法、登录服务器和登录客户端
CN107872438A (zh) * 2016-09-28 2018-04-03 腾讯科技(深圳)有限公司 一种验证方法、装置及终端
CN109787991A (zh) * 2019-01-31 2019-05-21 平安科技(深圳)有限公司 基于移动终端的免密登录方法、装置、设备及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
杨长兴等: "《医学计算机应用基础》", 31 August 2017, 中国铁道出版社, pages: 137 *
青岛英谷教育科技股份有限公司: "《电子商务产品经理》", 西安电子科技大学出版社, pages: 100 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112583816A (zh) * 2020-12-07 2021-03-30 泰康保险集团股份有限公司 登录验证方法、装置、电子设备和存储介质
CN112583816B (zh) * 2020-12-07 2023-07-14 泰康保险集团股份有限公司 登录验证方法、装置、电子设备和存储介质
CN113254899A (zh) * 2021-05-26 2021-08-13 北京创源微致软件有限公司 显示页面的确定方法、显示方法、系统、服务器及终端
CN114217864A (zh) * 2021-11-02 2022-03-22 北京健康之家科技有限公司 应用的动态接入方法、装置、存储介质及计算机设备
CN114326429A (zh) * 2021-12-30 2022-04-12 深圳思悦创新有限公司 一种智能家居可视、可控的展示方法、装置及系统

Similar Documents

Publication Publication Date Title
CN111680244A (zh) 页面展示方法及其装置、电子设备、计算机可读存储介质
US20070100863A1 (en) Newsmaker verification and commenting method and system
CN110602052A (zh) 微服务处理方法及服务器
CN101193007A (zh) 统一资源定位符命令测试方法、场景测试方法和相应设备
CN112187558B (zh) 数据校验方法、装置、电子设备
CN110324185B (zh) 超参数调优方法、装置、服务器、客户端及介质
US10719844B2 (en) Service processing method, terminal and server
US10592068B1 (en) Graphic composer for service integration
CN111681028A (zh) 资源配置方法及其装置、电子设备和计算机可读存储介质
CN110351672B (zh) 信息推送方法、装置及电子设备
CN111091439B (zh) 订单关联营销活动实现方法、系统、设备及存储介质
US8463652B2 (en) Method and system to facilitate on-line trading
CN111198737A (zh) 基于用户状态特征的页面展示方法及其装置、系统、服务器、存储介质
US10747390B1 (en) Graphical composer for policy management
CN112968797B (zh) 一种云服务软件的应用配置方法、系统和存储介质
CN111198736A (zh) 基于用户状态特征的页面展示方法及其装置、系统、服务器、存储介质
CN111680243B (zh) 页面展示方法及其装置、电子设备、计算机可读存储介质
CN111461154A (zh) 标注数据的方法和装置
CN108154916A (zh) 用于离线执行护理服务的方法、装置、介质及电子设备
CN111625465A (zh) 程序生成方法、装置、系统和电子设备
CN111953737A (zh) 页面展示方法及系统、服务端、客户端、电子设备、存储介质
CN111681026A (zh) 资源配置方法及其装置、电子设备和计算机可读存储介质
CN112448917A (zh) 网站登录方法、装置、可读介质及电子设备
CN111832015A (zh) 异常请求识别方法、装置、系统、介质及电子设备
US8463692B2 (en) Method and system to facilitate on-line trading

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