CN113254016A - 界面生成方法、界面信息处理方法、设备及存储介质 - Google Patents
界面生成方法、界面信息处理方法、设备及存储介质 Download PDFInfo
- Publication number
- CN113254016A CN113254016A CN202110562621.9A CN202110562621A CN113254016A CN 113254016 A CN113254016 A CN 113254016A CN 202110562621 A CN202110562621 A CN 202110562621A CN 113254016 A CN113254016 A CN 113254016A
- Authority
- CN
- China
- Prior art keywords
- target
- interface
- component
- attribute
- assembly
- 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 52
- 230000010365 information processing Effects 0.000 title claims abstract description 21
- 238000003672 processing method Methods 0.000 title claims abstract description 10
- 238000004590 computer program Methods 0.000 claims description 16
- 230000000712 assembly Effects 0.000 claims description 5
- 238000000429 assembly Methods 0.000 claims description 5
- 238000012216 screening Methods 0.000 claims description 4
- 238000012545 processing Methods 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 5
- 230000004044 response Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012827 research and development Methods 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000003287 optical effect Effects 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/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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种界面生成方法、界面信息处理方法、设备及存储介质，属于界面处理技术领域。该方法包括：响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；在组件属性设置区域显示目标组件的属性项；响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；将目标界面的界面信息发送给服务器。本申请可以解决界面内部配置复杂，界面灵活性差的问题，减少界面配置时的时耗。
Description
技术领域
本申请涉及界面处理技术领域，具体而言，涉及一种界面生成方法、界面信息处理方法、设备及存储介质。
背景技术
随着可视化技术的日渐成熟，越来越多的技术研发人员在设计栏目界面时都会想到可视化技术，可视化是利用计算图形学和图像处理技术，将数据转换成图形或图像在屏幕上显示出来，并进行交互处理的一项技术。
在现有技术中，大多数的栏目界面都采用固定样式，或在界面中写死，且界面内部配置复杂，界面灵活性差，每次要进行调整或更新时都需要再进行额外的开发，给技术人员产生不必要的麻烦，使得用户在使用时体验较差，并且在界面配置时所需要花费的时间较多。
发明内容
本申请的目的在于提供一种界面生成方法、界面信息处理方法、设备及存储介质，可以让新闻栏目界面信息可以实现自动定义，无需再进行代码研发定制界面，解决界面内部配置复杂，界面灵活性差的问题，减少界面配置时的时耗。
本申请的实施例是这样实现的：
本申请实施例的一方面，提供一种界面生成方法，应用于界面编辑客户端，该方法包括：
响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；
在组件属性设置区域显示目标组件的属性项；
响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；
根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；
将目标界面的界面信息发送给服务器。
可选地，在界面编辑区域的目标位置显示目标组件之前，包括：
根据用户拖动目标组件的次序，确定目标组件在界面边界区域的目标位置。
可选地，根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息，包括：
根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息，生成目标界面的界面信息，其中，目标组件的关联信息用于标识目标组件与其他组件的关联关系。
可选地，目标组件的关联信息在组件属性设置区域进行设置。
可选地，根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息，包括：
使用预设的组装格式，将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串，并将目标字符串作为目标界面的界面信息。
可选地，目标界面为媒体栏目的界面。
本申请实施例的另一方面，提供一种界面信息处理方法，应用于服务器，该方法包括：
接收并保存界面编辑客户端发送的目标界面的界面信息；
接收应用程序客户端发送的界面显示请求，界面显示请求中包括待显示的目标界面的标识；
根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示。
可选地，目标界面的界面信息为具有预设格式的目标字符串；
根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示，包括：
根据目标界面的标识，从至少一个界面字符串中筛选出目标字符串，并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。
本申请实施例的另一方面，提供一种界面生成装置，应用于界面编辑客户端，该装置包括：响应模块、显示模块、获取模块、生成模块、发送模块；
响应模块，用于响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；
显示模块，用于在组件属性设置区域显示目标组件的属性项；
获取模块，用于响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；
生成模块，用于根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；
发送模块，用于将目标界面的界面信息发送给服务器。
可选地，生成模块，还用于根据用户拖动目标组件的次序，确定目标组件在界面边界区域的目标位置。
可选地，生成模块，还用于根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息，生成目标界面的界面信息，其中，目标组件的关联信息用于标识目标组件与其他组件的关联关系。
可选地，在该装置中，目标组件的关联信息在组件属性设置区域进行设置。
可选地，生成模块，具体用于使用预设的组装格式，将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串，并将目标字符串作为目标界面的界面信息。
可选地，该装置中，目标界面为媒体栏目的界面。
本申请实施例的另一方面，提供一种界面信息处理装置，应用于服务器，该装置包括：接收模块，标识显示模块；
接收模块，用于接收并保存界面编辑客户端发送的目标界面的界面信息；
接收模块，还用于接收应用程序客户端发送的界面显示请求，界面显示请求中包括待显示的目标界面的标识；
标识显示模块，用于根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示。
可选地，目标界面的界面信息为具有预设格式的目标字符串；标识显示模块，具体用于根据目标界面的标识，从至少一个界面字符串中筛选出目标字符串，并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。
本申请实施例的另一方面，提供一种电子设备，包括：第一存储器、第一处理器，第一存储器中存储有可在第一处理器上运行的计算机程序，第一处理器执行计算机程序时，实现上述界面生成方法的步骤。
本申请实施例的另一方面，提供一种服务器，第二存储器、第二处理器，第二存储器中存储有可在第二处理器上运行的计算机程序，第二处理器执行计算机程序时，实现上述界面信息处理的步骤。
本申请实施例的另一方面，提供一种计算机可读存储介质，存储介质上存储有计算机程序，该计算机程序被处理器执行时，实现上述界面生成方法以及界面信息处理的步骤。
本申请实施例的有益效果包括：
本申请实施例提供的一种界面生成方法、界面信息处理方法、设备及存储介质中，可以响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；在组件属性设置区域显示目标组件的属性项；响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；将目标界面的界面信息发送给服务器。其中，通过对目标组件的标识、目标位置以及各属性项的属性值可以得到目标界面的界面信息，该界面信息相对较为灵活，无需进行代码研发定义界面，减少了用户对界面配置时所消耗的时间，提高了界面配置的效率。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的界面生成方法的应用场景的示意图；
图2为本申请实施例提供的界面生成方法的流程示意图；
图3为本申请实施例提供的界面展示示意图一；
图4为本申请实施例提供的界面展示示意图二；
图5为本申请实施例提供的界面展示示意图三；
图6为本申请实施例提供的界面展示示意图四；
图7为本申请实施例提供的界面信息处理方法的流程示意图；
图8为本申请实施例提供的界面信息处理的交互示意图；
图9为本申请实施例提供的界面生成装置的结构示意图；
图10为本申请实施例提供的界面信息处理装置的结构示意图；
图11为本申请实施例提供的电子设备的结构示意图；
图12为本申请实施例提供的服务器的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。
因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
在本申请的描述中，需要说明的是，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
下面来具体解释本申请实施例中提供的界面生成方法的具体应用场景。
图1为本申请实施例提供的界面生成方法的应用场景的示意图，请参照图1，该场景中可以包括：界面编辑客户端110、应用程序客户端120以及服务器130，其中，界面编辑客户端110和应用程序客户端120分别与服务器130通信连接，界面编辑客户端110以及应用程序客户端120均可以是手机、计算机、平板电脑等电子设备，在此不作具体限制；服务器130可以是云端服务器，具有无限通信功能。界面编辑客户端110可以是用户使用的客户端，用户可以通过该客户端进行界面编辑设置；应用程序客户端120可以是用户使用的客户端，用户可以通过该客户端获取界面显示的结果。
下面来进一步具体解释本申请实施例提供的界面生成方法的具体实施过程。
图2为本申请实施例提供的界面生成方法的流程示意图，请参照图2，该方法包括：
S210：响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件。
可选地，该方法应用于前述的界面编辑客户端，用户可以通过单击、双击、长按、拖拽等方式实现对目标组件的拖动，其中，界面组件区域可以是在界面中用于放置多个组件的区域，界面编辑区域可以是对组件进行编辑操作的区域，具体可以设置于界面上的任意位置，在此不作限制。
可选地，用户对界面进行操作之后，可以将界面组件区域的目标组件拖动至界面编辑区域，并且可以在拖动的目标位置处显示该目标组件，其中，目标位置可以是用户停止拖动时的位置，或者预设的固定位置，在此不作限制。
S220：在组件属性设置区域显示目标组件的属性项。
可选地，组件属性设置区域可以是界面内用于显示属性项的区域，属性项具体可以是目标组件的多个属性信息选项，例如：首页可见的数据条目、数据显示样式(如：左图右文、右图左文、上图下文、上文下图、多图、纯文字、视频横屏、专题、微头条等)、显示的属性信息(如发布时间、作者、阅读量、点赞、评论等)。
S230：响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值。
可选地，用户可以通过鼠键操作或者触屏操作等方式输入目标组件的属性项的属性值，例如：选择具体的数据显示样式，设置各个属性信息的具体属性值，发布时间的具体日期、作者的名字、阅读量的具体数值、点赞的数量，评论的数量、内容、关键字等。
可选地，对于选择类型的属性项，用户可以从多个选项中选择其中的一个或者预设数量个；对于填充类型的属性项，用户可以具体输入该属性项的取值。通过用户的上述操作，可以获取到目标组件的各属性项的属性值。
S240：根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息。
可选地，目标组件的标识可以是一个标识信息，例如：代码标识等；目标组件的目标位置可以是在界面内的具体位置，例如：在界面内的坐标、区域等。
确定目标组件的各属性项的属性值后，可以根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值生成对应的目标界面的界面信息，其中界面信息内可以包括上述信息。
S250：将目标界面的界面信息发送给服务器。
可选地，得到上述目标界面的界面信息之后，该界面编辑客户端可以把该界面信息发送给服务器。
本申请实施例提供的一种界面生成方法中，可以响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；在组件属性设置区域显示目标组件的属性项；响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；将目标界面的界面信息发送给服务器。其中，通过对目标组件的标识、目标位置以及各属性项的属性值可以得到目标界面的界面信息，该界面信息相对较为灵活，无需进行代码研发定义界面，减少了用户对界面配置时所消耗的时间，提高了界面配置的效率。
可选地，在界面编辑区域的目标位置显示目标组件之前，包括：根据用户拖动目标组件的次序，确定目标组件在界面边界区域的目标位置。
可选地，用户在进行拖动时可以具有一定的次序，可以根据这些次序的优先级，确定目标组件在界面边界区域的目标位置。
例如：用户依次拖动多个目标组件时，可以从上至下排列，从而确定对应的目标位置，需要说明的是，从上至下仅为一种示例，在实际操作中，也可以设置其他方式来确定上述目标位置，在此不作限制。
可选地，根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息，包括：根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息，生成目标界面的界面信息，其中，目标组件的关联信息用于标识目标组件与其他组件的关联关系。
可选地，对于多个目标组件，若其中存在任意数量个目标组件之间存在关联关系，则这些目标组件可以具有相同的关联信息。例如：目标组件A和目标组件B之间具有关联关系，目标组件A和目标组件B均可以具有用于表征其关联关系的关联信息AB。
可选地，目标界面的界面信息具体可以是根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息综合生成的。
可选地，目标组件的关联信息在组件属性设置区域进行设置。
可选地，组件属性设置区域中可以对关联信息进行设置，例如：用户可以通过在该区域中的输入操作，将至少两个目标组件进行关联处理，从而实现在组件属性设置区域进行设置。
示例地，在组件属性设置区域中可以设置有关联设置选项，在该选项下，用户可以输入多个目标组件的标识，将这些目标组件进行关联，从而生成对应的关联信息。
可选地，根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息，包括：使用预设的组装格式，将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串，并将目标字符串作为目标界面的界面信息。
可选地，预设的组装格式具体可以是Json格式，可以将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串，目标字符串可以是Json格式的字符串，进而可以将该格式的字符串作为目标界面的界面信息。
可选地，可以采用预设的组装格式处理软件，将上述目标组件中的上述信息进行组装处理，进而得到上述目标界面的界面信息。
可选地，目标界面为媒体栏目的界面。
下面来通过多个不同的实施例来解释本申请提供的界面展示的示意图。
图3为本申请实施例提供的界面展示示意图一，请参照图3，图3中所展示为界面上的多个目标组件，例如：标题、轮播图、跑马灯、有限内容、无限内容等。
图4为本申请实施例提供的界面展示示意图二，请参照图4，图4中所展示的为界面编辑区域，图中所示的示例即为其中一个拖入界面编辑区域中的目标组件，该组件的列表名称、标题、日期、作者、阅读量等信息可以在界面编辑区域中进行显示，用户可以通过点击对应的位置对对应的信息进行编辑处理。
图5为本申请实施例提供的界面展示示意图三，请参照图5，图5中所展示的为组件属性设置区域，该区域中可以显示目标组件的属性项，例如：组件名称、对应的Json程序等。
图6为本申请实施例提供的界面展示示意图四，请参照图6，图6中所展示的也是组件属性设置区域，在该区域中，用户可以输入目标组件的属性项的属性值，从而进行对应的设置，例如可以对有限内容中的相关信息进行设置，还可以选择相关显示样式等。
下面来具体解释本申请实施例中提供的界面信息处理方法的具体实施过程。
图7为本申请实施例提供的界面信息处理方法的流程示意图，请参照图7，该方法包括：
S710：接收并保存界面编辑客户端发送的目标界面的界面信息。
可选地，该方法应用于前述服务器，该服务器接收到界面编辑客户端发送的上述界面信息后，可以通过相关存储装置存储该目标界面的界面信息。
S720：接收应用程序客户端发送的界面显示请求。
其中，界面显示请求中包括待显示的目标界面的标识。
可选地，应用程序客户端可以与服务器通信连接，服务器可以接收应用程序客户端发送的界面显示请求。
S730：根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示。
可选地，服务器接收到界面显示请求后，可以根据该显示请求中的目标界面的标识，确定前述得到的界面信息对应的目标界面，也即是说，若目标界面的标识，与界面信息对应的目标界面相匹配，则可以将该目标界面的界面信息发送给应用程序客户端进行显示。
可选地，目标界面的界面信息为具有预设格式的目标字符串；根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示，包括：根据目标界面的标识，从至少一个界面字符串中筛选出目标字符串，并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。
可选地，预设格式的目标字符串即可以是前述Json格式的字符串，根据目标界面的标识确定目标字符串之后，可以将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。
下面通过具体的交互关系图来解释本申请实施例中应用程序客户端、界面编辑客户端以及服务器之间的交互情况。
图8为本申请实施例提供的界面信息处理的交互示意图，请参照图8，该方法包括：
S810：界面编辑客户端响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件。
S820：界面编辑客户端在组件属性设置区域显示目标组件的属性项。
S830：界面编辑客户端响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值。
S840：界面编辑客户端根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息。
S850：界面编辑客户端将目标界面的界面信息发送给服务器。
S860：服务器保存界面编辑客户端发送的目标界面的界面信息。
S870：服务器接收应用程序客户端发送的界面显示请求。
S880：服务器根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示。
可选地，上述S810-S880的具体实施过程在前述S210-S250以及S710-S730进行了解释，在此不作限制。
下述对用以执行的本申请所提供界面生成方法所对应的装置、设备及存储介质等进行说明，其具体的实现过程以及技术效果参见上述，下述不再赘述。
图9为本申请实施例提供的界面生成装置的结构示意图，请参照图9，该装置包括：响应模块910、显示模块920、获取模块930、生成模块940、发送模块950；
响应模块910，用于响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在界面编辑区域的目标位置显示目标组件；
显示模块920，用于在组件属性设置区域显示目标组件的属性项；
获取模块930，用于响应用户输入目标组件的属性项的属性值的操作，获取目标组件的各属性项的属性值；
生成模块940，用于根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值，生成目标界面的界面信息；
发送模块950，用于将目标界面的界面信息发送给服务器。
可选地，生成模块940，还用于根据用户拖动目标组件的次序，确定目标组件在界面边界区域的目标位置。
可选地，生成模块940，还用于根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息，生成目标界面的界面信息，其中，目标组件的关联信息用于标识目标组件与其他组件的关联关系。
可选地，在该装置中，目标组件的关联信息在组件属性设置区域进行设置。
可选地，生成模块940，具体用于使用预设的组装格式，将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串，并将目标字符串作为目标界面的界面信息。
可选地，该装置中，目标界面为媒体栏目的界面。
图10为本申请实施例提供的界面信息处理装置的结构示意图，请参照图10，该装置包括：接收模块960，标识显示模块970；
接收模块960，用于接收并保存界面编辑客户端发送的目标界面的界面信息；
接收模块960，还用于接收应用程序客户端发送的界面显示请求，界面显示请求中包括待显示的目标界面的标识；
标识显示模块970，用于根据目标界面的标识，将目标界面的界面信息发送给应用程序客户端进行显示。
可选地，目标界面的界面信息为具有预设格式的目标字符串；标识显示模块970，具体用于根据目标界面的标识，从至少一个界面字符串中筛选出目标字符串，并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。
上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。
以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器(digital singnal processor，简称DSP)，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(CentralProcessing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，简称SOC)的形式实现。
图11为本申请实施例提供的电子设备的结构示意图，请参照图11，电子设备，包括：第一存储器210、第一处理器220，第一存储器210中存储有可在第一处理器220上运行的计算机程序，第一处理器220执行计算机程序时，实现上述界面生成方法的步骤。
图12为本申请实施例提供的服务器的结构示意图，请参照图12，服务器，第二存储器230、第二处理器240，第二存储器230中存储有可在第二处理器240上运行的计算机程序，第二处理器240执行计算机程序时，实现上述界面信息处理的步骤。
本申请实施例的另一方面，还提供一种计算机可读存储介质，存储介质上存储有计算机程序，该计算机程序被处理器执行时，实现上述界面生成方法以及界面信息处理的步骤。
在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(英文：processor)执行本发明各个实施例方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
上仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。
以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (10)
1.一种界面生成方法，其特征在于，应用于界面编辑客户端，所述方法包括：
响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作，在所述界面编辑区域的目标位置显示所述目标组件；
在组件属性设置区域显示所述目标组件的属性项；
响应用户输入所述目标组件的属性项的属性值的操作，获取所述目标组件的各属性项的属性值；
根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值，生成目标界面的界面信息；
将所述目标界面的界面信息发送给服务器。
2.根据权利要求1所述的方法，其特征在于，所述在所述界面编辑区域的目标位置显示所述目标组件之前，包括：
根据用户拖动所述目标组件的次序，确定所述目标组件在所述界面边界区域的所述目标位置。
3.根据权利要求1所述的方法，其特征在于，所述根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值，生成目标界面的界面信息，包括：
根据所述目标组件的标识、所述目标组件的目标位置、所述目标组件的各属性项的属性值以及所述目标组件的关联信息，生成目标界面的界面信息，其中，所述目标组件的关联信息用于标识所述目标组件与其他组件的关联关系。
4.根据权利要求3所述的方法，其特征在于，所述目标组件的关联信息在所述组件属性设置区域进行设置。
5.根据权利要求1-4任一项所述的方法，其特征在于，所述根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值，生成目标界面的界面信息，包括：
使用预设的组装格式，将所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值组装为目标字符串，并将所述目标字符串作为所述目标界面的界面信息。
6.根据权利要求1-4任一项所述的方法，其特征在于，所述目标界面为媒体栏目的界面。
7.一种界面信息处理方法，其特征在于，应用于服务器，所述方法包括：
接收并保存界面编辑客户端发送的目标界面的界面信息；
接收应用程序客户端发送的界面显示请求，所述界面显示请求中包括待显示的目标界面的标识；
根据所述目标界面的标识，将所述目标界面的界面信息发送给所述应用程序客户端进行显示。
8.根据权利要求7所述的方法，其特征在于，所述目标界面的界面信息为具有预设格式的目标字符串；
所述根据所述目标界面的标识，将所述目标界面的界面信息发送给所述应用程序客户端进行显示，包括：
根据所述目标界面的标识，从至少一个界面字符串中筛选出所述目标字符串，并将所述目标字符串作为所述目标界面的界面信息发送给所述应用程序客户端进行显示。
9.一种电子设备，其特征在于，包括：第一存储器、第一处理器，所述第一存储器中存储有可在所述第一处理器上运行的计算机程序，所述第一处理器执行所述计算机程序时，实现上述权利要求1至6任一项所述的方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，该计算机程序被处理器执行时，实现权利要求1至8中任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110562621.9A CN113254016A (zh) | 2021-05-21 | 2021-05-21 | 界面生成方法、界面信息处理方法、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110562621.9A CN113254016A (zh) | 2021-05-21 | 2021-05-21 | 界面生成方法、界面信息处理方法、设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113254016A true CN113254016A (zh) | 2021-08-13 |
Family
ID=77183904
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110562621.9A Pending CN113254016A (zh) | 2021-05-21 | 2021-05-21 | 界面生成方法、界面信息处理方法、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113254016A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114911387A (zh) * | 2022-01-13 | 2022-08-16 | 北京网界科技有限公司 | 数据处理系统及其方法 |
| CN115221449A (zh) * | 2022-08-04 | 2022-10-21 | 北京美迪康信息咨询有限公司 | 一种健康信息采集网站配置方法、装置及电子设备 |
Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101295251A (zh) * | 2008-06-19 | 2008-10-29 | 腾讯科技（深圳）有限公司 | 一种界面发布方法和装置 |
| CN102981855A (zh) * | 2012-11-23 | 2013-03-20 | 蓝盾信息安全技术股份有限公司 | 基于模板的界面自动生成的方法及系统 |
| US20140013247A1 (en) * | 2012-07-03 | 2014-01-09 | salesforce.com,inc. | Systems and methods for providing a customized user interface for publishing into a feed |
| CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和系统 |
| WO2017161994A1 (zh) * | 2016-03-23 | 2017-09-28 | 腾讯科技（深圳）有限公司 | 一种显示页面的方法及装置、计算机存储介质 |
| CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | 一种交互页面的编辑处理方法及终端 |
| CN109240687A (zh) * | 2018-08-01 | 2019-01-18 | 浙江口碑网络技术有限公司 | 图形界面描述文件的生成方法及装置 |
| CN110597513A (zh) * | 2019-09-18 | 2019-12-20 | 重庆紫光华山智安科技有限公司 | Web界面生成方法及相关装置 |
| CN111078219A (zh) * | 2019-12-13 | 2020-04-28 | 北京金山云网络技术有限公司 | 页面显示方法、装置、系统、电子设备及存储介质 |
| CN111596911A (zh) * | 2020-05-20 | 2020-08-28 | 广州平云小匠科技有限公司 | 生成控件的方法、装置、计算机设备和存储介质 |
| US20200410044A1 (en) * | 2019-06-28 | 2020-12-31 | Baidu Online Network Technology (Beijing) Co., Ltd. | Visualized edition method, device and apparatus, and storage medium |
| CN112445564A (zh) * | 2020-11-30 | 2021-03-05 | 深圳市启明云端科技有限公司 | 界面显示方法及电子设备、计算机可读存储介质 |
| CN112507273A (zh) * | 2020-12-15 | 2021-03-16 | 北京金山云网络技术有限公司 | 网页页面的生成方法、装置和电子设备 |
| CN112540823A (zh) * | 2020-12-25 | 2021-03-23 | 杭州智聪网络科技有限公司 | 用于组件化搭载的微页面分页方法 |
| CN112579068A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 代码的生成方法、装置、存储介质和设备 |
-
2021
- 2021-05-21 CN CN202110562621.9A patent/CN113254016A/zh active Pending
Patent Citations (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101295251A (zh) * | 2008-06-19 | 2008-10-29 | 腾讯科技（深圳）有限公司 | 一种界面发布方法和装置 |
| US20140013247A1 (en) * | 2012-07-03 | 2014-01-09 | salesforce.com,inc. | Systems and methods for providing a customized user interface for publishing into a feed |
| CN102981855A (zh) * | 2012-11-23 | 2013-03-20 | 蓝盾信息安全技术股份有限公司 | 基于模板的界面自动生成的方法及系统 |
| CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和系统 |
| WO2017161994A1 (zh) * | 2016-03-23 | 2017-09-28 | 腾讯科技（深圳）有限公司 | 一种显示页面的方法及装置、计算机存储介质 |
| US20180322101A1 (en) * | 2016-03-23 | 2018-11-08 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for displaying page and a computer storage medium |
| CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | 一种交互页面的编辑处理方法及终端 |
| CN109240687A (zh) * | 2018-08-01 | 2019-01-18 | 浙江口碑网络技术有限公司 | 图形界面描述文件的生成方法及装置 |
| US20200410044A1 (en) * | 2019-06-28 | 2020-12-31 | Baidu Online Network Technology (Beijing) Co., Ltd. | Visualized edition method, device and apparatus, and storage medium |
| CN110597513A (zh) * | 2019-09-18 | 2019-12-20 | 重庆紫光华山智安科技有限公司 | Web界面生成方法及相关装置 |
| CN112579068A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 代码的生成方法、装置、存储介质和设备 |
| CN111078219A (zh) * | 2019-12-13 | 2020-04-28 | 北京金山云网络技术有限公司 | 页面显示方法、装置、系统、电子设备及存储介质 |
| CN111596911A (zh) * | 2020-05-20 | 2020-08-28 | 广州平云小匠科技有限公司 | 生成控件的方法、装置、计算机设备和存储介质 |
| CN112445564A (zh) * | 2020-11-30 | 2021-03-05 | 深圳市启明云端科技有限公司 | 界面显示方法及电子设备、计算机可读存储介质 |
| CN112507273A (zh) * | 2020-12-15 | 2021-03-16 | 北京金山云网络技术有限公司 | 网页页面的生成方法、装置和电子设备 |
| CN112540823A (zh) * | 2020-12-25 | 2021-03-23 | 杭州智聪网络科技有限公司 | 用于组件化搭载的微页面分页方法 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114911387A (zh) * | 2022-01-13 | 2022-08-16 | 北京网界科技有限公司 | 数据处理系统及其方法 |
| CN114911387B (zh) * | 2022-01-13 | 2023-07-28 | 北京网界科技有限公司 | 数据处理系统及其方法 |
| CN115221449A (zh) * | 2022-08-04 | 2022-10-21 | 北京美迪康信息咨询有限公司 | 一种健康信息采集网站配置方法、装置及电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10416851B2 (en) | Electronic publishing mechanisms | |
| US20180137207A1 (en) | System and method for monitoring changes in databases and websites | |
| US20210303855A1 (en) | Augmented reality item collections | |
| JP2019530921A (ja) | 提示するためのネイティブコンテンツをサーバ側でレンダリングするための方法およびシステム | |
| US11256404B2 (en) | Holistic visual image interactivity engine | |
| CN113254016A (zh) | 界面生成方法、界面信息处理方法、设备及存储介质 | |
| US10817895B2 (en) | Marketing campaign system and method | |
| CN112561640A (zh) | 商品页面模板的生成方法、装置、计算机设备和存储介质 | |
| CN112925520A (zh) | 可视化页面的搭建方法、装置及计算机设备 | |
| CN111124564A (zh) | 显示用户界面的方法及装置 | |
| KR102634375B1 (ko) | 동적 키보드 인터페이스내의 애니메이션 이미지 포지셔닝 방법 및 시스템 | |
| CN113345048A (zh) | 地理信息图像编辑方法、装置及计算机设备 | |
| US20140143701A1 (en) | Visualizing related business activities in an interactive timeline | |
| US20230229302A1 (en) | Methods and Systems for Positioning Animated Images Within a Dynamic Keyboard Interface | |
| JP2018506783A (ja) | 要素識別子の生成 | |
| CN116450021A (zh) | 大屏搭建方法、系统、电子设备和存储介质 | |
| CN109120783A (zh) | 信息获取方法及装置、移动终端和计算机可读存储介质 | |
| CN113312104A (zh) | 一种基于小程序的广告转化方法和系统 | |
| CN110851521B (zh) | 数据可视化的方法、装置和存储介质 | |
| CN111597354A (zh) | 知识图谱配置方法、装置、计算机设备和可读存储介质 | |
| CN112925601B (zh) | 屏幕显示方法、装置、设备及存储介质 | |
| CN112291329B (zh) | 信息显示方法、装置及设备 | |
| KR102598749B1 (ko) | 동적 키보드 인터페이스에 의해 제시하기 위한 애니메이션 이미지 생성 방법 및 시스템 | |
| CN111612561B (zh) | 信息的规划方法、计算设备及存储介质 | |
| CN116016415A (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 |