CN113419711A - 页面引导方法、装置、电子设备及存储介质 - Google Patents
页面引导方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113419711A CN113419711A CN202110718887.8A CN202110718887A CN113419711A CN 113419711 A CN113419711 A CN 113419711A CN 202110718887 A CN202110718887 A CN 202110718887A CN 113419711 A CN113419711 A CN 113419711A
- Authority
- CN
- China
- Prior art keywords
- guidance
- target page
- configuration
- configuration information
- page
- 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
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000002452 interceptive effect Effects 0.000 claims description 43
- 238000004590 computer program Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 description 8
- 230000003287 optical effect Effects 0.000 description 6
- 230000000007 visual effect Effects 0.000 description 6
- 238000009960 carding Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/189—Automatic justification
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
- G06F9/453—Help systems
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种页面引导方法、装置、电子设备及存储介质。该方法通过获取目标页面对应的配置文件,基于配置文件中的目标页面的原型配置信息显示目标页面,并在接收到目标页面的操作指引请求时,基于配置文件中的引导配置信息显示操作指引请求对应的引导说明,实现了仅通过配置文件生成页面的原型,从而提高了原型更新的时效性,并且,实现了通过配置文件生成引导说明,从而减少了项目交接时开发人员梳理页面业务所需成本,提高了业务的梳理效率,并为用户提供页面上的引导说明,使得用户可以根据页面上的引导说明快速找到操作位置,提高用户的操作体验。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种页面引导方法、装置、电子设备及存储介质。
背景技术
一般来说,页面的开发通常需要先构建出页面的原型。其中,原型可以理解为页面设计的框架,即,将页面模块、元素等进行排版和布局,并加入交互性的元素后所得到的产品框架。
目前,页面的开发通常需要先制作出原型图,再结合原型图进行代码开发编辑,进而生成页面的原型。原型图的制作和代码的开发分别由不同部门的开发人员完成,当页面的业务逻辑需要更新时,需要先更新原型图,再由原型图制作人员通知代码的开发人员,对代码进行相应的更新。此外,开发人员通过梳理业务代码,结合历史原型图来梳理页面的业务细节,用户根据PDF文档或者截图获取页面的使用指引。
因此,现有技术存在以下技术问题:页面原型的更新需要多部门协同完成,若通知不及时,则不能实现原型的及时更新,原型更新的时效性较差;并且,页面的开发细节依赖于该页面的初始开发者,接手页面开发的开发人员需要大量时间去进行沟通,才可梳理出页面的开发细节,使得项目交接时梳理业务所需的时间成本过高;PDF和截图等传统用户指引方式由于形式上脱离页面独立存在,容易让用户使用时由于页面更新、样式改版更原因,导致难以及时找到最新的操作位置,无法得到较好的指引。
发明内容
本发明实施例提供了一种页面引导方法、装置、电子设备及存储介质,以减少开发人员梳理项目所需成本,并为用户提供页面上的操作指引,提高用户的操作体验感。
第一方面,本发明实施例提供了一种页面引导方法,包括:
获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
基于所述原型配置信息显示所述目标页面;
若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
可选的,在所述获取目标页面对应的配置文件之前,还包括:
基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,并将所述配置文件与所述目标页面对应存储。
可选的,所述基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,包括:
确定目标页面的配置文件对应的配置项;
在配置文件的编辑页面上展示所述配置项,并接收用户反馈的所述配置项对应的配置信息;
基于所述配置信息生成所述目标页面对应的配置文件。
可选的,所述确定目标页面的配置文件对应的配置项,包括:
调用后端节点服务获取配置文件模板中的配置项;
相应的,基于所述配置信息生成所述目标页面对应的配置文件,包括:
调用后端节点服务将所述配置信息写入至所述配置文件模板中,生成所述目标页面对应的配置文件。
可选的,在所述显示所述操作指引请求的引导说明之后,所述方法还包括:
若接收到用户基于所述引导说明的继续指引请求,则确定与所述交互节点标识关联的连续节点标识,在所述配置文件中确定出所述连续节点标识对应的引导配置信息;
基于所述继续指引请求对应的引导配置信息,在所述目标页面显示所述继续指引请求的引导说明。
可选的,所述基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明,包括:
基于所述操作指引请求对应的引导配置信息,确定所述操作指引请求的引导说明在所述目标页面上的预设显示位置;
在所述目标页面的所述预设显示位置处,基于所述操作指引请求对应的引导配置信息显示所述操作指引请求的引导说明。
可选的,所述在所述目标页面的所述预设显示位置处,基于所述操作指引请求对应的引导配置信息显示所述操作指引请求的引导说明,包括:
对所述操作指引请求对应的引导配置信息进行组装处理,得到所述引导说明;
在所述预设显示位置处对所述引导说明进行渲染显示。
第二方面,本发明实施例还提供了一种页面引导装置,该装置包括:
配置获取模块,用于获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
页面显示模块,用于基于所述原型配置信息显示所述目标页面;
引导配置确定模块,用于若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
引导说明显示模块,用于基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
第三方面,本发明实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明任意实施例提供的页面引导方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任意实施例提供的页面引导方法。
上述发明中的实施例具有如下优点或有益效果:
通过获取目标页面对应的配置文件,基于配置文件中的目标页面的原型配置信息显示目标页面,并在接收到目标页面的操作指引请求时,基于配置文件中的引导配置信息显示操作指引请求对应的引导说明,实现了仅通过配置文件生成页面的原型,从而提高了原型更新的时效性,并且,实现了通过配置文件生成引导说明,从而减少了项目交接时开发人员梳理页面业务所需成本,提高了业务的梳理效率,并为用户提供页面上的引导说明,使得用户可以根据页面上的引导说明快速找到操作位置,提高用户的操作体验。
附图说明
为了更加清楚地说明本发明示例性实施例的技术方案,下面对描述实施例中所需要用到的附图做一简单介绍。显然,所介绍的附图只是本发明所要描述的一部分实施例的附图,而不是全部的附图,对于本领域普通技术人员,在不付出创造性劳动的前提下,还可以根据这些附图得到其他的附图。
图1为本发明实施例一所提供的一种页面引导方法的流程示意图;
图2A为本发明实施例二所提供的一种页面引导方法的流程示意图;
图2B为本发明实施例二所提供的一种页面引导方法的流程示意图;
图3为本发明实施例三所提供的一种页面引导装置的结构示意图;
图4为本发明实施例四所提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种页面引导方法的流程示意图,本实施例可适用于基于预先生成的页面的配置文件,对页面以及对页面的操作指引进行展示的情况,该方法可以由页面引导装置来执行,该装置可以由硬件和/或软件来实现,该方法具体包括如下步骤:
S110、获取目标页面对应的配置文件,其中,配置文件包括目标页面的原型配置信息以及目标页面中各交互节点对应的引导配置信息。
其中,目标页面对应的配置文件可以是对目标页面的原型以及目标页面中的各需交互内容进行配置所得到的文件。具体的,配置文件既包括目标页面的原型配置信息,还包括针对目标页面中的各交互节点(需交互内容)所配置的引导配置信息。其中,交互节点可以是页面上需要显示原型说明或用户指引的DOM(Document ObjectModel,文档对象模型)节点。原型配置信息可以是显示目标页面的原型的配置信息;引导配置信息可以是显示目标页面的各交互节点的引导说明的配置信息。
在一种可选的实施方式中,配置文件为标准化json格式的文件。示例性的,配置文件中的原型配置信息包括但不限于页面url说明、页面描述文字、docID(document ID,文件ID)以及内容显示位置等配置信息。示例性的,配置文件中各交互节点对应的的引导配置信息包括说明文字。其中,说明文字可以是对交互节点进行说明的文字,例如,“账户注册请点击这里”。当然,引导配置信息还可以包括显示条件、显示位置、跳转链接、页面url等信息;其中,显示条件可以是说明文字的显示条件,例如,当用户在目标页面上触发了某些控件时,显示说明文字;跳转链接可以是触发交互节点后跳转的链接。
需要说明的是,本实施例提供的目标页面对应的配置文件可以预先配置生成。可选的,在获取目标页面对应的配置文件之前,还包括:基于用户输入的目标页面的配置信息,生成目标页面的配置文件,并将配置文件与目标页面对应存储。
其中,用户可以通过编辑代码输入目标页面的配置信息,也可以通过页面可视化编辑的方式录入目标页面的配置信息。具体的,在生成目标页面的配置文件之后,可以通过配置文件与目标页面的页面标识关联的方式,将配置文件与目标页面对应存储。
在一种实施方式中,获取目标页面对应的配置文件,包括:在接收到目标页面的显示请求时,基于目标页面的页面标识,筛选出与目标页面匹配的配置文件。
S120、基于原型配置信息显示目标页面。
其中,原型配置信息可以是用于显示目标页面的原型的相关配置内容。具体的,可以通过配置文件中的原型配置信息,展示目标页面。
示例性的,原型配置信息可以包括描述目标页面的页面模块以及页面元素的信息,还可以包括描述页面模块和页面元素的排版以及布局的信息、页面url信息、页面模块和页面元素的展示特效、页面模块和页面元素的展示条件等信息。
S130、若接收到目标页面的操作指引请求,则基于操作指引请求的交互节点标识在配置文件中确定出操作指引请求对应的引导配置信息。
其中,可以是用户触发目标页面上的交互节点后生成目标页面的操作指引请求。示例性的,可以是当用户触发操作指引控件时,接收到目标页面的操作指引请求,如,用户点击目标页面上的操作手册,此时,接收到目标页面的操作指引请求。
在本实施例中,当接收到目标页面的操作指引请求时,可以基于操作指引请求携带的交互节点标识,在配置文件中筛选出与该交互节点标识匹配的引导配置信息。其中,交互节点标识可以是docID。
具体的,配置文件中各交互节点对应的引导配置信息可以通过与交互节点标识关联的方式存储于配置文件中,还可以是直接将交互节点标识存储至引导配置信息中。当用户发出操作指引请求时,可以基于该操作指引请求所携带的交互节点标识,在配置文件中匹配出该操作指引请求对应的引导配置信息。
例如,用户点击目标页面上的操作手册,则基于操作手册的标识在配置文件中确定出对应的引导配置信息;用户继续点击目标页面上的登录按钮,则基于登录按钮的标识在配置文件中确定出对应的配置引导信息。
S140、基于操作指引请求对应的引导配置信息,在目标页面显示操作指引请求的引导说明。
其中,引导配置信息可以至少包括交互节点的说明文字以及交互节点标识。可选的,引导配置信息还包括显示位置、显示条件、跳转链接、交互节点标识等信息。
具体的,可以对引导配置信息进行解析,基于解析后所得到的信息确定引导说明,并在目标页面显示引导说明。
可选的,在显示操作指引请求的引导说明之后,本实施例提供的页面引导方法还包括:若接收到用户基于引导说明的继续指引请求,则确定与交互节点标识关联的连续节点标识,在配置文件中确定出连续节点标识对应的引导配置信息;基于继续指引请求对应的引导配置信息,在目标页面显示继续指引请求的引导说明。
其中,继续指引请求可以是在显示引导说明后用户点击预设区域时生成的,例如,预设区域可以是空白区域,用户在点击空白区域时生成继续指引请求;还可以是在显示引导说明后用户点击交互节点时生成的。具体的,在接收到继续指引请求时,可以确定出与当前显示的引导说明的交互节点相关联的交互节点,基于关联的交互节点的节点标识(即,连续节点标识)对应的引导配置信息确定下一引导说明,并显示该下一引导说明,以连续对用户进行操作指引。
可选的,基于操作指引请求对应的引导配置信息,在目标页面显示操作指引请求的引导说明,包括:基于操作指引请求对应的引导配置信息,确定操作指引请求的引导说明在目标页面上的预设显示位置;在目标页面的预设显示位置处,基于操作指引请求对应的引导配置信息显示操作指引请求的引导说明。
在该可选的实施方式中,引导配置信息还包括显示位置。具体的,基于引导配置信息可以确定出引导说明以及引导说明对应的预设显示位置,在目标页面的预设显示位置处显示引导说明,实现了为用户提供页面上的准确引导,使得用户可以根据页面上显示的引导快速找到操作位置,提高用户的操作体验。
可选的,在目标页面的预设显示位置处,基于操作指引请求对应的引导配置信息显示操作指引请求的引导说明,包括:对操作指引请求对应的引导配置信息进行组装处理,得到引导说明;在预设显示位置处对引导说明进行渲染显示。即,对组装得到的引导说明在页面对应位置处进行渲染显示。
本实施例的技术方案,通过获取目标页面对应的配置文件,基于配置文件中的目标页面的原型配置信息显示目标页面,并在接收到目标页面的操作指引请求时,基于配置文件中的引导配置信息显示操作指引请求对应的引导说明,实现了仅通过配置文件生成页面的原型,从而提高了原型更新的时效性,并且,实现了通过配置文件生成引导说明,从而减少了项目交接时开发人员梳理页面业务所需成本,提高了业务的梳理效率,并为用户提供页面上的引导说明,使得用户可以根据页面上的引导说明快速找到操作位置,提高用户的操作体验。
实施例二
图2A为本发明实施例二提供的一种页面引导方法的流程示意图,本实施例在上述各实施例的基础上,可选的,基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,包括:确定目标页面的配置文件对应的配置项;在配置文件的编辑页面上展示配置项,并接收用户反馈的配置项对应的配置信息;基于配置信息生成目标页面对应的配置文件。
其中与上述各实施例相同或相应的术语的解释在此不再赘述。参见图2A,本实施例提供的页面引导方法包括如下步骤:
S210、确定目标页面的配置文件对应的配置项。
其中,配置文件对应的配置项可以是配置文件中需要进行配置的内容。示例性的,配置文件对应的配置项可以是显示条件、页面url、描述文字等内容。通过确定出目标页面的配置文件对应的配置项,以对配置项进行配置,生成配置文件。
在一种实施方式中,确定目标页面的配置文件对应的配置项,包括:调用后端节点服务获取配置文件模板中的配置项。
其中,后端节点服务可以是node服务。具体的,node服务可以读取配置文件模板,从中确定出需要进行配置的配置项,并将配置项返回至web端。
在另一种实施方式中,确定目标页面的配置文件对应的配置项,还可以是通过读取预先编辑的配置项文件,确定配置文件对应的配置项。
S220、在配置文件的编辑页面上展示配置项,并接收用户反馈的配置项对应的配置信息,基于配置信息生成目标页面对应的配置文件。
在本实施例中,可以是在web端的编辑页面显示配置项,并获取用户输入的配置项的配置信息,根据用户针对各配置项输入的配置信息生成目标页面对应的配置文件。
示例性的,node服务可以读取配置文件模板中的配置项,并将读取到的配置项返回至web端进行显示,用户在web端根据显示的配置项进行配置后,提交配置的结果至node服务,node服务将配置的结果写回至配置文件模板中,生成配置文件。
即,可选的,在通过调用后端节点服务获取配置文件模板中的配置项时,基于配置信息生成目标页面对应的配置文件,包括:调用后端节点服务将配置信息写入至配置文件模板中,生成目标页面对应的配置文件。
S230、获取目标页面对应的配置文件,其中,配置文件包括目标页面的原型配置信息以及目标页面中各交互节点对应的引导配置信息。
S240、基于原型配置信息显示目标页面。
S250、若接收到目标页面的操作指引请求,则基于操作指引请求的交互节点标识在配置文件中确定出操作指引请求对应的引导配置信息。
S260、基于操作指引请求对应的引导配置信息,在目标页面显示操作指引请求的引导说明。
本实施例的技术方案,通过确定目标页面的配置文件对应的配置项,以在可视化的编辑页面上展示配置项,并接收用户在可视化编辑页面上写入的配置信息,基于用户针对各配置项写入的配置信息生成目标页面对应的配置文件,实现了通过可视化编辑生成配置文件,相比于传统通过录入代码的方式生成配置文件,本实施例提供的方法提高了配置文件的生成效率,减少了生成配置文件的错误率。
本实施例还提供一种可选的页面引导方法,如图2B所示,该方法包括如下步骤:1、初始化,接入应用;2、通过本地开发写入或可视化配置的方式完成配置文件的配置;其中,通过可视化配置的方式生成配置文件时,调用node服务在配置文件中读取配置项,并调用node服务将配置项的编辑结果写回配置文件中;3、用户使用页面时通过交互节点的docID与配置文件中各交互节点的引导配置信息进行关联匹配,获取页面上需展示的信息(如:显示位置、跳转链接、显示条件等)。该可选的页面引导方法,实现了通过配置文件生成引导说明,从而减少了项目交接时开发人员梳理页面业务所需成本,提高了业务的梳理效率,并为用户提供页面上的引导说明,使得用户可以根据页面上的引导说明快速找到操作位置,提高用户的操作体验。
实施例三
图3为本发明实施例三提供的一种页面引导装置的结构示意图,本实施例可适用于基于预先生成的页面的配置文件,对页面以及对页面的操作指引进行展示的情况,该装置具体包括:配置获取模块310、页面显示模块320、引导配置确定模块330和引导说明显示模块340。
配置获取模块310,用于获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
页面显示模块320,用于基于所述原型配置信息显示所述目标页面;
引导配置确定模块330,用于若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
引导说明显示模块340,用于基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
可选的,所述页面引导装置还包括配置生成模块,用于在所述获取目标页面对应的配置文件之前,基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,并将所述配置文件与所述目标页面对应存储。
可选的,配置生成模块包括配置项确定单元、配置项编辑单元、配置文件生成单元以及配置文件存储单元,其中,配置项确定单元用于确定目标页面的配置文件对应的配置项;配置项编辑单元用于在配置文件的编辑页面上展示所述配置项,并接收用户反馈的所述配置项对应的配置信息;配置文件生成单元用于基于所述配置信息生成所述目标页面对应的配置文件;配置文件存储单元用于将所述配置文件与所述目标页面对应存储。
可选的,配置项确定单元具体用于调用后端节点服务获取配置文件模板中的配置项;相应的,配置文件生成单元具体用于调用后端节点服务将所述配置信息写入至所述配置文件模板中,生成所述目标页面对应的配置文件。
可选的,所述页面引导装置还包括继续指引模块,用于在所述显示所述操作指引请求的引导说明之后,若接收到用户基于所述引导说明的继续指引请求,则确定与所述交互节点标识关联的连续节点标识,在所述配置文件中确定出所述连续节点标识对应的引导配置信息;基于所述继续指引请求对应的引导配置信息,在所述目标页面显示所述继续指引请求的引导说明。
可选的,引导说明显示模块340包括显示位置确定单元以及引导显示单元,其中,显示位置确定单元用于基于所述操作指引请求对应的引导配置信息,确定所述操作指引请求的引导说明在所述目标页面上的预设显示位置;引导显示单元用于在所述目标页面的所述预设显示位置处,基于所述操作指引请求对应的引导配置信息显示所述操作指引请求的引导说明。
可选的,引导显示单元具体用于对所述操作指引请求对应的引导配置信息进行组装处理,得到所述引导说明;在所述预设显示位置处对所述引导说明进行渲染显示。
在本实施例中,通过配置获取模块获取目标页面对应的配置文件,通过页面显示模块,基于配置文件中的目标页面的原型配置信息显示目标页面,并通过引导配置确定模块,在接收到目标页面的操作指引请求时,通过引导说明显示模块,基于配置文件中的引导配置信息显示操作指引请求对应的引导说明,实现了仅通过配置文件生成页面的原型,从而提高了原型更新的时效性,并且,实现了通过配置文件生成引导说明,从而减少了项目交接时开发人员梳理页面业务所需成本,提高了业务的梳理效率,并为用户提供页面上的引导说明,使得用户可以根据页面上的引导说明快速找到操作位置,提高用户的操作体验。
本发明实施例所提供的页面引导装置可执行本发明任意实施例所提供的页面引导方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述系统所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明实施例的保护范围。
实施例四
图4是本发明实施例四提供的一种电子设备的结构示意图。图4示出了适于用来实现本发明实施方式的示例性电子设备12的框图。图4显示的电子设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。设备12典型的是承担页面引导功能的电子设备。
如图4所示,电子设备12以通用计算设备的形式表现。电子设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,存储器28,连接不同组件(包括存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture,ISA)总线,微通道体系结构(Micro Channel Architecture,MCA)总线,增强型ISA总线、视频电子标准协会(Video Electronics StandardsAssociation,VESA)局域总线以及外围组件互连(Peripheral Component Interconnect,PCI)总线。
电子设备12典型地包括多种计算机可读介质。这些介质可以是任何能够被电子设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
存储器28可以包括易失性存储器形式的计算机装置可读介质,例如随机存取存储器(Random Access Memory,RAM)30和/或高速缓存存储器32。电子设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机存储介质。仅作为举例,存储装置34可以用于读写不可移动的、非易失性磁介质(图4未显示,通常称为“硬盘驱动器”)。尽管图4中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如只读光盘(Compact Disc-Read Only Memory,CD-ROM)、数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品40,该程序产品40具有一组程序模块42,这些程序模块被配置以执行本发明各实施例的功能。程序产品40,可以存储在例如存储器28中,这样的程序模块42包括但不限于一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
电子设备12也可以与一个或多个外部设备14(例如键盘、鼠标、摄像头等和显示器)通信,还可与一个或者多个使得用户能与该电子设备12交互的设备通信,和/或与使得该电子设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且,电子设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(Local Area Network,LAN),广域网WideArea Network,WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与电子设备12的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of Independent Disks,RAID)装置、磁带驱动器以及数据备份存储装置等。
处理器16通过运行存储在存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明上述实施例所提供的页面引导方法,包括:
获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
基于所述原型配置信息显示所述目标页面;
若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
当然,本领域技术人员可以理解,处理器还可以实现本发明任意实施例所提供的页面引导方法的技术方案。
实施例五
本发明实施例五还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任意实施例所提供的页面引导方法步骤,该方法包括:
获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
基于所述原型配置信息显示所述目标页面;
若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明实施例操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种页面引导方法,其特征在于,包括:
获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
基于所述原型配置信息显示所述目标页面;
若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
2.根据权利要求1所述的方法,其特征在于,在所述获取目标页面对应的配置文件之前,还包括:
基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,并将所述配置文件与所述目标页面对应存储。
3.根据权利要求2所述的方法,其特征在于,所述基于用户输入的目标页面的配置信息,生成所述目标页面的配置文件,包括:
确定目标页面的配置文件对应的配置项;
在配置文件的编辑页面上展示所述配置项,并接收用户反馈的所述配置项对应的配置信息;
基于所述配置信息生成所述目标页面对应的配置文件。
4.根据权利要求3所述的方法,其特征在于,所述确定目标页面的配置文件对应的配置项,包括:
调用后端节点服务获取配置文件模板中的配置项;
相应的,基于所述配置信息生成所述目标页面对应的配置文件,包括:
调用后端节点服务将所述配置信息写入至所述配置文件模板中,生成所述目标页面对应的配置文件。
5.根据权利要求1所述的方法,其特征在于,在所述显示所述操作指引请求的引导说明之后,所述方法还包括:
若接收到用户基于所述引导说明的继续指引请求,则确定与所述交互节点标识关联的连续节点标识,在所述配置文件中确定出所述连续节点标识对应的引导配置信息;
基于所述继续指引请求对应的引导配置信息,在所述目标页面显示所述继续指引请求的引导说明。
6.根据权利要求1所述的方法,其特征在于,所述基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明,包括:
基于所述操作指引请求对应的引导配置信息,确定所述操作指引请求的引导说明在所述目标页面上的预设显示位置;
在所述目标页面的所述预设显示位置处,基于所述操作指引请求对应的引导配置信息显示所述操作指引请求的引导说明。
7.根据权利要求6所述的方法,其特征在于,所述在所述目标页面的所述预设显示位置处,基于所述操作指引请求对应的引导配置信息显示所述操作指引请求的引导说明,包括:
对所述操作指引请求对应的引导配置信息进行组装处理,得到所述引导说明;
在所述预设显示位置处对所述引导说明进行渲染显示。
8.一种页面引导装置,其特征在于,包括:
配置获取模块,用于获取目标页面对应的配置文件,其中,所述配置文件包括所述目标页面的原型配置信息以及所述目标页面中各交互节点对应的引导配置信息;
页面显示模块,用于基于所述原型配置信息显示所述目标页面;
引导配置确定模块,用于若接收到所述目标页面的操作指引请求,则基于所述操作指引请求的交互节点标识在所述配置文件中确定出所述操作指引请求对应的引导配置信息;
引导说明显示模块,用于基于所述操作指引请求对应的引导配置信息,在所述目标页面显示所述操作指引请求的引导说明。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的页面引导方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一所述的页面引导方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110718887.8A CN113419711A (zh) | 2021-06-28 | 2021-06-28 | 页面引导方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110718887.8A CN113419711A (zh) | 2021-06-28 | 2021-06-28 | 页面引导方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113419711A true CN113419711A (zh) | 2021-09-21 |
Family
ID=77716876
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110718887.8A Pending CN113419711A (zh) | 2021-06-28 | 2021-06-28 | 页面引导方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113419711A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114296846A (zh) * | 2021-12-10 | 2022-04-08 | 北京三快在线科技有限公司 | 一种页面引导的配置方法、系统及装置 |
CN114564662A (zh) * | 2022-03-04 | 2022-05-31 | 北京达佳互联信息技术有限公司 | 页面引导方法、装置、电子设备、介质及产品 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109857506A (zh) * | 2019-02-19 | 2019-06-07 | 天津字节跳动科技有限公司 | 引导信息的实现方法、装置、电子设备和存储介质 |
CN109901834A (zh) * | 2019-01-25 | 2019-06-18 | 平安科技(深圳)有限公司 | 文档页面生成方法、装置、计算机设备和存储介质 |
CN112068880A (zh) * | 2020-09-10 | 2020-12-11 | 工银科技有限公司 | 导引页面的生成和控制方法、以及生成和控制装置 |
CN112214271A (zh) * | 2020-09-23 | 2021-01-12 | 支付宝(杭州)信息技术有限公司 | 页面引导方法、装置和电子设备 |
-
2021
- 2021-06-28 CN CN202110718887.8A patent/CN113419711A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109901834A (zh) * | 2019-01-25 | 2019-06-18 | 平安科技(深圳)有限公司 | 文档页面生成方法、装置、计算机设备和存储介质 |
CN109857506A (zh) * | 2019-02-19 | 2019-06-07 | 天津字节跳动科技有限公司 | 引导信息的实现方法、装置、电子设备和存储介质 |
CN112068880A (zh) * | 2020-09-10 | 2020-12-11 | 工银科技有限公司 | 导引页面的生成和控制方法、以及生成和控制装置 |
CN112214271A (zh) * | 2020-09-23 | 2021-01-12 | 支付宝(杭州)信息技术有限公司 | 页面引导方法、装置和电子设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114296846A (zh) * | 2021-12-10 | 2022-04-08 | 北京三快在线科技有限公司 | 一种页面引导的配置方法、系统及装置 |
CN114564662A (zh) * | 2022-03-04 | 2022-05-31 | 北京达佳互联信息技术有限公司 | 页面引导方法、装置、电子设备、介质及产品 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8074167B2 (en) | Cross domain presence of web user interface and logic | |
CN112540763A (zh) | 前端页面生成方法、装置、平台设备及存储介质 | |
US20150106723A1 (en) | Tools for locating, curating, editing, and using content of an online library | |
CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
US20200050540A1 (en) | Interactive automation test | |
CN110580189A (zh) | 生成前端页面的方法、装置、计算机设备以及存储介质 | |
US10417317B2 (en) | Web page profiler | |
CN113419711A (zh) | 页面引导方法、装置、电子设备及存储介质 | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
JP2023107749A (ja) | ブラウザベースのロボティックプロセスオートメーション(rpa)ロボット設計インターフェース | |
CN114036439A (zh) | 网站搭建方法、装置、介质及电子设备 | |
US20180089154A1 (en) | Computer implemented system and method for transforming web content for display on multiple form factors | |
CN116360735A (zh) | 一种表单生成方法、装置、设备和介质 | |
CN114253537A (zh) | 表单生成方法及装置、电子设备和存储介质 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN117389538A (zh) | 页面组件内容开发方法、装置、设备以及存储介质 | |
CN112799760A (zh) | 一种表单渲染方法及其装置 | |
US10788959B2 (en) | Personalization of a web application | |
CN111198738A (zh) | 移动端页面展示方法、装置及电子设备 | |
CN111061522A (zh) | 基于后端生成前端卡片组件的方法、装置、设备及存储介质 | |
CN113282285B (zh) | 代码编写方法、装置、电子设备及存储介质 | |
CN110717134A (zh) | 产品说明发布方法、装置、存储介质及电子设备 | |
CN112445473A (zh) | 客户端布局方法与装置、存储介质、电子设备 | |
CN112732254B (zh) | 网页开发方法、装置、计算机设备和存储介质 | |
CN111767111B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210921 |
|
RJ01 | Rejection of invention patent application after publication |