CN113535162A - 前端界面配置方法、展示方法及装置 - Google Patents

前端界面配置方法、展示方法及装置 Download PDF

Info

Publication number
CN113535162A
CN113535162A CN202010307463.8A CN202010307463A CN113535162A CN 113535162 A CN113535162 A CN 113535162A CN 202010307463 A CN202010307463 A CN 202010307463A CN 113535162 A CN113535162 A CN 113535162A
Authority
CN
China
Prior art keywords
configuration
end interface
background
target object
options
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
CN202010307463.8A
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.)
Zhejiang Dasou Vehicle Software Technology Co Ltd
Original Assignee
Zhejiang Dasou Vehicle Software 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 Zhejiang Dasou Vehicle Software Technology Co Ltd filed Critical Zhejiang Dasou Vehicle Software Technology Co Ltd
Priority to CN202010307463.8A priority Critical patent/CN113535162A/zh
Publication of CN113535162A publication Critical patent/CN113535162A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种前端界面配置方法、展示方法及装置、电子设备、存储介质;该配置方法可以包括:接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面上展示所述目标对象的属性信息。通过本申请的技术方案,用户可自行配置前端界面。

Description

前端界面配置方法、展示方法及装置
技术领域
本申请涉及软件开发领域,特别涉及一种前端界面配置方法、展示方法及装置、电子设备、存储介质。
背景技术
在软件开发的过程中,需要对应用程序的前端界面进行配置。在相关技术中,通常由开发人员在开发应用程序的同时,将前端界面的代码嵌入应用程序的源代码中,即通过硬编码的方式配置前端界面。
在实际应用中,由于应用程序逻辑规则的变化或者展示需求的变化,需要重新配置前端界面,而前端界面通过硬编码的方式得到,导致需要对应用程序的代码进行改动以重新配置前端界面,这给配置过程带来了极大的困难,操作复杂,效率较低。
发明内容
有鉴于此,本申请提供一种前端界面配置方法、展示方法及装置、电子设备、存储介质,摆脱了通过硬编码的方式配置前端界面的限制,使得用户可以自行配置应用程序的前端界面。
为实现上述目的,本申请提供技术方案如下:
根据本申请的第一方面,提出了一种前端界面配置方法,包括:
接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;
将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,已在所述前端界面中展示所述目标对象的属性信息。
根据本申请的第二方面,提出了一种前端界面展示方法,包括:
响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存的对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息;
将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
根据本申请的第三方面,提出了一种前端界面配置装置,包括:
接收单元,接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;
保存单元,将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面中展示所述目标对象的属性信息。
根据本申请的第四方面,提出了一种前端界面展示装置,包括:
获取单元,响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存的对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息;
呈现单元,将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
根据本申请的第五方面,提供一种电子设备,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器通过运行所述可执行指令以实现如上述实施例中任一所述的方法。
根据本公开实施例的第六方面,提供一种计算机可读存储介质,其上存储有计算机指令,该指令被处理器执行时实现如上述实施例中任一所述方法的步骤。
由以上技术方案可见,本申请预先创建有配置选项库,该配置选项库中包含用于表征各个对象的属性信息的后台配置选项。当用户存在修改任一对象的前端界面的需求时,可从配置选项库中选取与自身需求相匹配的后台配置选项以对该任一对象的前端界面进行重新配置。那么,在后续打开该前端界面的情况下,可将重新配置的后台配置选项转换为前端配置选项,进而按照用户的需求在该前端界面上展示该任一对象的属性信息。由此可见,在上述配置前端界面的过程中,用户只需从配置选项库中选取相应的后台配置选项即可完成前端界面的配置,而无需通过硬编码的方式配置前端界面,有效简化了用户重新配置前端界面的操作,从而提高了重新配置前端界面的效率。
附图说明
图1是本申请一示例性实施例示出的一种前端界面配置方法的流程图。
图2是本申请一示例性实施例示出的一种前端界面展示方法的流程图。
图3是本申请一示例性实施例示出的一种针对目标对象的前端界面配置及展示方法的流程图。
图4是本申请一示例性实施例示出的一种展示候选配置选项的界面展示图。
图5是本申请一示例性实施例示出的另一种展示候选配置选项的界面展示图。
图6是本申请一示例性实施例示出的一种字段编辑界面展示图。
图7是本申请一示例性实施例示出的一种配置完成后的前端界面展示图。
图8是本申请一示例性实施例示出的一种电子设备的结构示意图。
图9是本申请一示例性实施例示出的一种前端界面配置装置的框图。
图10是本申请一示例性实施例示出的另一种电子设备的结构示意图。
图11是本申请一示例性实施例示出的一种前端界面展示装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
图1为本申请一示例性实施例示出的一种前端界面配置方法,如图1所示,该方法可以包括以下步骤:
步骤102,接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息。
在相关技术中,应用程序的前端界面或者Web界面通过硬编码的方式配置,即需要将前端界面的配置信息直接嵌入到应用程序或其他可执行对象的源代码中。这不仅要求配置人员具备极强的专业知识,而且配置效率低下。
基于上述原因,本申请在进行前端界面配置之前,预先在配置设备中创建有配置选项库;配置选项库中保存有专业人员预先编写完成的候选配置选项,以供在配置前端界面的过程中,基于不同的需求选择相应的候选配置选项。
配置选项库中的候选配置选项可以按照不同的标准划分为多个类别。例如,在一种情况下,可以将候选配置选项划分为按钮类型、字段类型、自定义类型等。按钮类型可以包括:新增按钮、删除按钮、编辑按钮、修改按钮等;字段类型可以包括:文本字段、数字字段、金额字段、时间字段、查找字段、单选选项集、多选选项集等;而自定义字段则允许用户自行定义展示内容。当然,该举例仅是示意性的,配置选项库中的候选配置选项的分类可由本领域技术人员根据实际需求划分,在此不作限定。
上述配置设备可以为常见的电子设备,如PC、笔记本电脑、移动终端(智能手机、平板电脑)等拥有编程功能的设备。应当理解的是,只要能够预先创建上述配置选项库,且能够从中选取配置选项进行前端界面配置的电子设备均可作为本申请的配置设备,本申请对此不作限制。
本申请中的前端界面是针对目标对象配置的,该目标对象可以理解为:用户配置的前端界面所要展示的对象,例如,该对象可以为:车辆、客户、订单等;而根据用户选取的配置指令从配置选项库中选取的后台配置选项则用于表征该目标对象的属性信息。以车辆为例,选取的配置选项可以表征车辆的各个属性,例如,车牌号、轮胎型号、售价、库存等。当然,该举例仅是示意性的,本申请对目标对象的选择以及后台配置选项的内容不作具体限制。
在用户配置前端界面的过程中,可以首先向配置设备发送配置前端界面的触发指令,例如,配置设备可以向用户展示一“配置界面”的按钮,在用户点击该按钮后,即可针对向配置设备发送配置前端界面的触发指令。当配置设备接收到针对配置前端界面的触发指令后,即可向用户展示配置选项库中预设的若干候选配置选项,例如向用户展示上述按钮类型以及字段类型的候选配置选项。此时,用户即可从展示的候选配置选项中选取针对目标对象的后台配置选项,以向配置设备发送针对若干候选配置选项的选取指令;当配置设备接收到选取指令时,即可将选取指令指示的候选配置选项确定为后台配置选项,以用于后续对目标对象的前端界面进行配置。
进一步的,用户还可以向配置设备发送针对配置不同对象的前端界面的触发指令,例如,配置设备可以针对不同的对象设置不同的“配置按钮”,以车辆、客户、订单为例,配置设备可以提供“车辆界面配置”、“客户界面配置”和“订单界面配置”三个配置按钮,当用户点击“车辆界面配置”按钮时,配置设备即可确定用户将“车辆”作为目标对象;当用户点击“客户界面配置”按钮时,配置设备即可确定用户将“客户”作为目标对象。进一步的,在确定目标对象后,可以向用户展示与该目标对象相关的候选配置选项。以“车辆”为目标对象为例,在该情况下,可以向用户展示与“车辆”相关的候选配置选项,例如,可以向用户展示金额字段、文本字段、数字字段等能够展示车辆属性信息的候选配置选项。换言之,通过优先确定目标对象的方式,仅向用户展示与该目标对象相关的候选配置选项,使得用户选择后台配置选项的范围基于对象这一维度缩小,提高了用户选取后台配置选项的效率,进而提高了配置前端界面的效率。
除了从配置选项库中选取后台配置选项对前端界面进行配置以外,用户还可以自行配置其他内容。例如,可以配置目标对象的某个属性的具体取值,以“车辆”为例,若用户想要在前端界面中展示某车辆的具体售价,即可在选取的“金额字段”后,在相应的编辑界面中输入该车辆的具体售价,如“300000¥”;若用户想要在前端界面中展示某车辆的车牌号码,即可在选取的“数字字段”后,在相应的编辑界面中输入该车辆的车牌号码,如“浙AXXXX”。
除此之外,还可以从配置选项库中选取目标页面布局模板,以在配置的前端界面被打开的情况下,使后台配置选项在转换为前端配置选项后,可以按照目标页面布局模板呈现于配置的前端界面中。换言之,在本申请的配置选项库中还可以预先创建有若干页面布局模板,以供用户选择。本申请中的页面布局模板可以理解为:配置的页面的布局样式。页面布局模板具体可以为:新建页、详情页、编辑页、列表页等。当然,该举例仅是示意性的,本领域技术人员可以根据实际需求确定供用户选择的页面布局模板,本申请对此不作限定。
步骤104,将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面上展示所述目标对象的属性信息。
在通过步骤102确定用于表征目标对象的属性信息的后台配置选项之后,可以将确定的后台配置选项保存至后台数据库中,以用于后续在配置的前端界面中展示目标对象的属性信息。
由于在后台数据库中保存的为后台配置选项,无法直接在前端界面中展示,因此,在检测到配置的前端界面被打开的情况下,需要将后台配置选项转换为前端配置选项,并在配置的前端界面中呈现转换后的前端配置选项,以展示目标对象的属性信息。
在一种情况下,当配置的前端界面被打开时,可以按照用户在步骤102中选择的目标页面布局模板,将转换为前台配置选项的后台配置选项呈现于配置的前端界面中。
在另一种情况下,无需用户选择目标页面布局模板。可以在前端界面的展示设备中预设若干页面布局模板,同时保存各个页面布局模板与页面特征信息之间的映射关系。在该情况下,当配置的前端界面被打开时,可以优先确定后台配置选项的页面特征信息,并通过该映射关系确定与页面特征信息对应的目标页面布局模板,并在后台配置选项转换为前端配置选项后,按照该目标页面布局模板呈现于配置的前端界面中。该页面特征信息可以通过多种方式确定,举例而言,详情页通常包含前文所述的用户自行配置的目标对象的某一属性的具体取值,因此,当展示设备读取到某一属性的具体取值时,即可将“详情页”确定为目标页面布局模板,并按照详情页的布局方式布局配置的前端界面。当然,上述举例仅是示意性的,应当理解的是,页面特征信息指的是某一页面布局模板特有的具有识别性的特点,本领域技术人员可以根据实际情况确定该页面特征信息,本申请对此不作限定。
除此之外,本申请还可以在配置的前端界面内展示目标对象的动态信息。该动态信息可以在配置的过程中直接配置;或者将配置的前端界面与保存有该目标对象动态信息的数据库或网页建立连接,以实时获取该目标对象的动态信息,并展示于配置的前端界面中。继续以“车辆”为例,当用户为一商家时,即可在配置的前端界面中展示该车辆是否已经出售。当然,该举例仅是示意性的,具体如何展示车辆的动态信息可以由本领域技术人员根据实际需求确定,本申请对此不作限定。
值得注意的是,本申请中用于前端界面的展示设备与用于配置前端界面的配置设备可以为同一设备,也可以为不同设备,本申请对此不作限制。举例而言,在配置设备与展示设备为不同设备的情况下,配置设备可以为一PC,展示设备可以为一智能手机;在配置设备与展示设备为同一设备的情况下,展示设备与配置设备可以为同一PC。
在本申请中,由于本申请基于后台数据库中保存的后台配置选项进行展示,使得在需要对前端界面的展示内容进行调整的情况下,只需调整后台数据库中保存的后台配置选项即可。该调整可以包括:新增后台配置选项、修改后台配置选项、删除后台配置选项等。继续以“车辆”为例,若原先针对目标对象配置的前端界面中不包含车辆的售价信息,即配置的后台配置选项中不包含金额字段,或包含的金额字段不用于展示车辆的售价信息,此时可以通过向后台数据库中加入一金额字段以用于展示车辆的售价信息。可见,通过本申请配置的前端界面具有较好的扩展性,可根据实际需求的变化,进行相应的调整。
由上述技术方案可知,本申请在配置设备中预先创建有配置选项库,该配置选项库中包含用于表征各个对象的属性信息的后台配置选项。在配置人员需要对前端界面进行配置的情况下,只需从配置选项库中选取所需的后台配置选项即可针对任一对象的前端界面进行配置。在该机制下,无需配置人员具备较强的专业知识,使得普通用户也可以自行配置前端界面。其次,由于无需通过硬编码的方式配置页面,有效简化了配置人员配置前端界面的操作,从而提高了页面配置的效率。
进一步的,当用户存在修改任一对象的前端界面的需求时,可以从配置选项库中选取与自身需求相匹配的后台配置选项以对该任一对象的前端界面进行重新配置。那么,在后续打开针对该前端界面的情况下,可以将重新配置的后台配置选项转换为前端配置选项,进而按照用户需求在该界面上展示任一对象的属性信息。由此可见,在重新配置前端界面的过程中,用户只需调整已配置的前端界面的后台配置选项,即可实现前端界面的重新配置。
本申请可以根据用户的配置内容确定相应的页面布局模板,使得配置人员无需自行对前端界面进行布局,进一步提高了页面配置的效率。
图2为本申请一示例性实施例示出的一种前端界面展示方法,在该展示方法中,技术方案的原理与上述配置方法类似,所涉及的实施细节如后台配置选项的选取、前端界面的展示过程等,同样可参考上述实施例,因此,下文不再进行详细描述。该方法可以包括以下步骤:
步骤202,响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存的对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息。
如前所述,可以根据用户针对目标对象的前端界面的配置指令,从配置选项库中选取相应的候选配置选项,以作为后台配置选项保存至数据库中。其中,配置选项库中的候选配置选项可以由配置设备向用户展示。
如前所述,配置人员还可以根据实际需求配置除配置选项以外的内容,如目标对象的某一属性的具体取值,以及页面布局模板等。
步骤204,将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
如前所述,在一种情况下,当配置的前端界面被打开时,可以按照用户选择的目标页面布局模板,将转换为前台配置选项的后台配置选项呈现于配置的前端界面中。在另一种情况下,当配置的前端界面被打开时,可以优先确定后台配置选项的页面特征信息,并根据该页面特征信息确定相应的目标页面布局模板。
如前所述,本申请用于展示前端界面的展示设备与用于配置前端界面的配置设备可以为同一设备,也可以为不同设备。
由上述技术方案可知,本申请在用户打开针对目标对象配置的前端界面时,可以读取保存在后台数据库中的后台配置选项,并将其转换为前端配置选项,即可在配置的前端界面中展示目标对象的属性信息。在该机制下,当用户需要对该前端界面的展示内容进行调整时,只需基于配置选项库中的配置选项调整后台数据库中保存的后台配置选项,即可实现对该前端界面的重新配置。换言之,本申请针对目标对象配置的前端界面,可以根据需求变化进行调整,扩展性较好。
为了方便理解,下面以车辆为目标对象、配置设备与展示设备为同一设备为例,对本申请的技术方案进行介绍。为了方便介绍,将该同一设备称为“目标设备”。
图3为本申请一示例性实施例示出的一种针对目标对象的前端界面配置及展示方法。由图3可知,该方法可以包括以下步骤:
步骤301,当检测到用户配置指令时,向用户展示配置选项库中预设的候选配置选项。
在本实施例中,配置选项库中预设的候选配置选项可以由专业人员将相应的代码编写完成后上传至目标设备。
在一种情况下,在接收到用户的配置指令后,目标设备可以将配置选项库中的所有配置选项作为候选配置选项向用户展示。例如,可以向用户展示如图4所示的配置界面。如图4所示,该配置界面向用户展示了多个候选配置选项类型,如字段类型、按钮类型、自定义类型等(在图中均以按钮形式出现)。在用户点击任一类型对应的按钮之后,即可进一步展示该类型中可以进行配置的候选配置选项。如图4所示,在点击字段类型按钮后,可展示如“金额字段”、“数字字段”、“文本字段”等多个候选配置选项。
在另一种情况下,目标设备可以向用户展示多个针对不同对象的配置按钮,以供用户选择要针对哪一对象进行界面配置,并将用户选定的对象确定为目标对象。例如,可以向用户展示如图5所示的“车辆界面配置”、“客户界面配置”和“订单界面配置”三个选项。在用户点击针对任一对象的配置按钮之后,即可进一步展示与该对象相关的候选配置选项。如在图5中,在点击“车辆配置按钮”后,可展示与车辆相关的候选配置选项,如字段类型包括“金额字段”、“数字字段”、“文本字段”;按钮类型包括“删除按钮”、“添加按钮”、“修改按钮”。
步骤302,接收用户发送的选取指令,并确定用户选取的后台配置选项。
下面以步骤301中的第一种情况为例,对本实施例的技术方案进行介绍。在向用户展示任一字段类型的候选配置选项后,用户即可选择其中的候选配置选项,以对该选取的候选配置选项进行具体的配置。例如,在点击“文本字段”对应的按钮后,向用户展示如图6所示的字段编辑界面,在该字段编辑界面中,可以对选取的字段进行设置,如以将“车辆”作为目标对象为例,若此次选取的“文本字段”用于表征车辆的车牌号码,可在字段编译界面中设置如图6所示的“文本内容为:车辆型号”。同理,可针对其他候选配置选项进行配置(包括同属于字段类型的其他候选配置选项、以及按钮类型的候选配置选项),具体过程参照对上述“文本字段”的配置,在此不作赘述。
值得注意的是,同一候选配置选项可以配置多次,以满足对目标对象的不同属性的展示需求。例如,“车辆型号”、“轮胎规格”等均需通过“文本字段”进行配置,因此,可多次选择“文本字段”以分别对“车辆型号”“轮胎规格”等属性信息进行配置。除上述属性以外,还可以对目标对象的其他属性进行配置,如图6中的车身颜色、库存、出厂日期、车辆归属地、网络标价、销售底价、展厅标价、批发价等均可为针对“车辆”这一目标对象配置的属性;还可以针对目标对象设置功能按钮,如针对车辆这一目标对昂可以设置“删除车辆按钮”、“编辑车辆按钮”、“查看车辆按钮”等按钮。当然,该举例仅是示意性的,本申请对此不作具体限制。
其次,还可以对选取的候选配置选项的具体取值进行设置,如若想展示车辆的售价信息,即可在金额字段中设置如“售价:300000¥”。
步骤303,将用户选取的后台配置选项保存至后台数据库中。
在选取一定数量的候选配置选项,并配置完成后,即可将配置完成的候选配置选项作为后台配置选项保存至后台数据库中,以用于展示目标对象的属性信息。值得注意的是,后台配置选项的数据模型为后台数据模型,其结构与前端展示的数据模型不一致。通常情况下,诸如后台配置选项的从后台配置的数据通过后台服务存储到后台数据库中,在前端界面展示的时候,需要转换为前端配置选项对应的前端数据模型。
步骤304,检测到针对目标对象的前端界面的启动指令。
在本实施例中,目标设备可以通过多种方式检测到用户的启动指令。举例而言,在目标设备配置有触摸屏的情况下,可以在检测到用户触碰到该前端界面的“启动指令”图标对应的感应区域时,即可确定检测到针对该前端界面的启动指令;在目标设备通过鼠标进行操作的情况下,可以在检测到鼠标点击该前端界面对应的启动按钮时,即可确定检测到针对该前端界面的启动指令。
步骤305,将后台数据库中针对目标对象的后台配置选项转换为前端配置选项。
由于后台配置选项无法直接呈现于前端界面,因此,需要将后台配置选项转换为前端配置选项,以在针对目标对象配置的前端界面中展示目标对象的属性信息。
步骤306,基于后台数据库中针对目标对象的后台配置选项确定目标页面布局模板。
在本实施例中,可以在目标设备中预设若干页面布局模板,如预设“新建页布局模板”、“编辑页布局模板”、“详情页布局模板”、“列表页布局模板”等。因此,当针对目标对象配置的前端界面被启动时,可根据后台配置选项的页面特征信息确定目标页面布局模板。以“详情页”为例,当后台配置选项配置有前文所述的具体取值时,即可确定“详情页”为目标页面布局模板。当然,该举例仅是示意性的,本领域技术人员可根据实际需求设定与各个页面布局模板对应的页面特征信息,本申请对此不作限定。
值得注意的是,步骤305与步骤306不存在执行顺序先后的问题,即两者可并行执行,也可以串行执行(可对调步骤305与步骤306的执行顺序)。
步骤307,按照目标页面布局展示前端配置选项。
在本实施例中,后台配置选项转换为前端配置选项的过程,可以通过渲染字段的方式实现,例如,可以将上述配置的字段进行渲染后展示于前端界面中。
在将后台配置选项转换为前端配置选项并确定目标页面布局模板后,即可将前端配置选项按照目标页面布局模板进行展示。以编辑页为例,最终展示的针对车辆这一目标对象配置的前端界面可如图7所示。其中,诸如车身颜色可通过单项选项集的形式进行选取,如图中可点击黑色三角显示包含可选颜色的下拉框。
步骤308,接收针对目标对象配置的前端界面的调整指令。
在本实施例中,当用户针对目标对象的展示需求改变时,用户可对已配置完成的前端界面进行调整。以新增展示内容为例,用户可通过图4所示的配置界面选取所要增加的后台配置选项,例如,用户需要增加车辆的车牌信息,即可选取“文本字段”,将该文本字段的内容设置为“车牌:XXXXX”。
调整指令可以采用多种方式发送,例如,针对每一配置完成的前端界面生成一调整按钮,用户只需点击该调整按钮即可对已配置完成的前端界面进行调整。当然该举例仅是示意性的,本领域技术人员可根据实际情况设定,本申请对此不作限定。
步骤309,根据调整指令调整后台数据库中保存的后台配置选项。
步骤310,根据调整后的后台配置选项展示针对目标对象配置的前端界面。
值得注意的是,本实施例仅是以配置设备与展示设备为同一设备为例,但在实际情况中,上述处于三个不同阶段的执行设备可以为同一设备,也可以为不同设备。例如,在处于三个不同阶段的执行设备为不同设备的情况下,配置设备可以为一PC、展示设备可以为一智能手机、调整设备可以为一笔记本电脑。
由上述技术方案可知,本申请预先创建有配置选项库,该配置选项库中包含用于表征各个对象的属性信息的后台配置选项,用户可根据目标对象的展示需求,从该配置选项库中选取与该展示需求相匹配的后台配置选项,进而对目标对象的前端界面进行配置。
进一步的,本申请中预设有页面布局模板与页面特征信息之间的映射关系,目标设备可根据用户配置的后台配置选项确定相应的页面布局模板,并将转换后的前端配置选项按照确定的页面布局模板进行布局,使得用户无需自行对后台配置选项进行布局,提高了配置效率。
再进一步,当用户针对目标对象的展示需求改变时,可基于配置选项库中保存的后台配置选项对后台数据库中保存的后台配置选项进行调整,进而对前端界面针对目标对象的展示内容进行调整。换言之,在本申请中,前端界面的展示内容可随用户的展示需求动态变化。
图8示出了根据本申请的一示例性实施例的电子设备的示意结构图。请参考图8,在硬件层面,该电子设备包括处理器802、内部总线804、网络接口806、内存808以及非易失性存储器810,当然还可能包括其他业务所需要的硬件。处理器802从非易失性存储器810中读取对应的计算机程序到内存808中然后运行,在逻辑层面上形成前端界面配置装置。当然,除了软件实现方式之外,本申请并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
请参考图9,在软件实施方式中,前端界面配置装置可以包括:
接收单元901,接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;
保存单元902,将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面上展示所述目标对象的属性信息。
可选的,还包括:
展示单元903,当检测到针对配置所述前端界面的触发指令时,展示所述配置选项库中预设的若干候选配置选项;
所述接收针对目标对象的前端界面的配置指令,包括:接收针对所述若干候选配置选项的选取指令,并将所述选取指令指示的候选配置选项作为所述后台配置选项。
可选的,所述前端配置选项在所述前端界面被打开的情况下,按照目标页面布局模板呈现于所述前端界面中,所述目标页面布局模板与所述后台配置选项的页面特征信息相对应。
图10示出了根据本申请的一示例性实施例的电子设备的示意结构图。请参考图10,在硬件层面,该电子设备包括处理器1002、内部总线1004、网络接口1006、内存1008以及非易失性存储器1010,当然还可能包括其他业务所需要的硬件。处理器1002从非易失性存储器1010中读取对应的计算机程序到内存1008中然后运行,在逻辑层面上形成前端界面展示装置。当然,除了软件实现方式之外,本申请并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
请参考图11,在软件实施方式中,前端界面展示装置可以包括:
获取单元1101,响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存的对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息;
呈现单元1102,将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
可选的,所述后台数据库中保存的后台配置选项由针对所述配置选项库中预设的若干候选配置选项的选取指令确定。
可选的,还包括:
确定单元1103,提取所述后台配置选项的页面特征信息,并确定与所述页面特征信息相对应的目标页面布局模板;
所述在所述前端界面中呈现所述前端配置选项,包括:按照所述目标页面布局模板在所述前端界面中呈现所述前端配置选项。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器,上述指令可由前端界面配置/展示装置的处理器执行以实现如上述实施例中任一所述的方法,比如该方法可以包括:接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面上展示所述目标对象的属性信息。
其中,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等,本申请并不对此进行限制。
以上所述仅为本申请的较佳实施例而已,并不用以限制本申请,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请保护的范围之内。

Claims (10)

1.一种前端界面配置方法,其特征在于,包括:
接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;
将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面上展示所述目标对象的属性信息。
2.根据权利要求1所述的方法,其特征在于,
还包括:当检测到针对配置所述前端界面的触发指令时,展示所述配置选项库中预设的若干候选配置选项;
所述接收针对目标对象的前端界面的配置指令,包括:接收针对所述若干候选配置选项的选取指令,并将所述选取指令指示的候选配置选项作为所述后台配置选项。
3.根据权利要求1所述的方法,其特征在于,所述前端配置选项在所述前端界面被打开的情况下,被按照目标页面布局模板呈现于所述前端界面中,所述目标页面布局模板与所述后台配置选项的页面特征信息相对应。
4.一种前端界面展示方法,其特征在于,包括:
响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存的对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息;
将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
5.根据权利要求4所述的方法,其特征在于,所述后台数据库中保存的后台配置选项由针对所述配置选项库中预设的若干候选配置选项的选取指令确定。
6.根据权利要求4所述的方法,其特征在于,
还包括:提取所述后台配置选项的页面特征信息,并确定与所述页面特征信息相对应的目标页面布局模板;
所述在所述前端界面中呈现所述前端配置选项,包括:按照所述目标页面布局模板在所述前端界面中呈现所述前端配置选项。
7.一种前端界面配置装置,其特征在于,包括:
接收单元,接收针对目标对象的前端界面的配置指令,所述配置指令中包含从预先创建的配置选项库中选取的后台配置选项,所述后台配置选项用于表征所述目标对象的属性信息;
保存单元,将所述后台配置选项保存至后台数据库中,所述后台数据库中保存的后台配置选项用于在所述前端界面被打开的情况下转换为前端配置选项,以在所述前端界面中展示所述目标对象的属性信息。
8.一种前端界面展示装置,其特征在于,包括:
获取单元,响应于用户针对目标对象的前端界面的触发指令,获取后台数据库中保存对应于所述目标对象的后台配置选项,所述后台配置选项通过响应于针对目标对象的前端界面的配置指令从预先创建的配置选项库中选取得到;所述后台配置选项用于表征所述目标对象的属性信息;
呈现单元,将所述后台配置选项转换为前端配置选项,并在所述前端界面中呈现所述前端配置选项,以展示所述目标对象的属性信息。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器通过运行所述可执行指令以实现如权利要求1-6中任一项所述的方法。
10.一种计算机可读存储介质,其上存储有计算机指令,其特征在于,该指令被处理器执行时实现如权利要求1-6中任一项所述方法的步骤。
CN202010307463.8A 2020-04-17 2020-04-17 前端界面配置方法、展示方法及装置 Pending CN113535162A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010307463.8A CN113535162A (zh) 2020-04-17 2020-04-17 前端界面配置方法、展示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010307463.8A CN113535162A (zh) 2020-04-17 2020-04-17 前端界面配置方法、展示方法及装置

Publications (1)

Publication Number Publication Date
CN113535162A true CN113535162A (zh) 2021-10-22

Family

ID=78123421

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010307463.8A Pending CN113535162A (zh) 2020-04-17 2020-04-17 前端界面配置方法、展示方法及装置

Country Status (1)

Country Link
CN (1) CN113535162A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116700725A (zh) * 2023-08-04 2023-09-05 太平金融科技服务(上海)有限公司 页面生成方法、装置、计算机设备、存储介质和程序产品

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116700725A (zh) * 2023-08-04 2023-09-05 太平金融科技服务(上海)有限公司 页面生成方法、装置、计算机设备、存储介质和程序产品
CN116700725B (zh) * 2023-08-04 2023-10-31 太平金融科技服务(上海)有限公司 页面生成方法、装置、计算机设备和存储介质

Similar Documents

Publication Publication Date Title
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
US10592211B2 (en) Generation of application behaviors
CN108345456A (zh) 页面代码生成方法、装置、计算机设备和存储介质
TWI460648B (zh) 基於視覺化一資料集之合適度而分級視覺化類型
JP4812337B2 (ja) フォームタイプを使用してフォームを生成する方法および装置
CN109408764B (zh) 页面区域划分方法、装置、计算设备和介质
US8276113B2 (en) Dynamic highlighting of related artifacts in a UML diagram
CN112540763A (zh) 前端页面生成方法、装置、平台设备及存储介质
CN107766310B (zh) 一种网格单元格编辑方法及装置
CN108027721A (zh) 用于使用控件来配置通用程序的技术
CN103109264A (zh) 创建配置文件模板
CN113535165A (zh) 界面生成方法、装置、电子设备及计算机可读存储介质
JP2019506645A (ja) ページ構築方法、端末、記憶媒体およびページ構築機器
CN107562710B (zh) 一种图表处理装置及方法
CN114564252A (zh) 一种低代码平台的事件配置方法、***、设备及介质
CN113760282A (zh) 表单界面的配置方法、装置、设备、介质及程序产品
CN114036443A (zh) 页面生成方法及装置
JP4814364B2 (ja) 評価支援方法、評価支援プログラム、および評価支援装置
CN116304442A (zh) 页面代码生成方法、装置、电子设备以及存储介质
CN113535162A (zh) 前端界面配置方法、展示方法及装置
US9214136B1 (en) Highlighting an object in a display using a dynamically generated highlight object
CN112825038B (zh) 基于通用组件语言规范的可视化页面制作方法和相关产品
CN112579664A (zh) 图表联动的处理方法和装置
CN110780970A (zh) 数据筛选方法、装置、设备及计算机可读存储介质
CN115993971A (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