WO2021082652A1 - Information display method and apparatus, and computer-readable storage medium - Google Patents

Information display method and apparatus, and computer-readable storage medium Download PDF

Info

Publication number
WO2021082652A1
WO2021082652A1 PCT/CN2020/110288 CN2020110288W WO2021082652A1 WO 2021082652 A1 WO2021082652 A1 WO 2021082652A1 CN 2020110288 W CN2020110288 W CN 2020110288W WO 2021082652 A1 WO2021082652 A1 WO 2021082652A1
Authority
WO
WIPO (PCT)
Prior art keywords
view control
information
display
user
view
Prior art date
Application number
PCT/CN2020/110288
Other languages
French (fr)
Chinese (zh)
Inventor
于威
Original Assignee
北京沃东天骏信息技术有限公司
北京京东世纪贸易有限公司
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 北京沃东天骏信息技术有限公司, 北京京东世纪贸易有限公司 filed Critical 北京沃东天骏信息技术有限公司
Publication of WO2021082652A1 publication Critical patent/WO2021082652A1/en

Links

Images

Classifications

    • 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

Definitions

  • the present disclosure relates to the field of information technology, and in particular to a method, device and non-transitory computer-readable storage medium for displaying information.
  • a method for displaying information includes: dividing an information display template into a plurality of view controls; generating a personalized information display template according to a user's editing results for each view control;
  • the customized information display template displays the information of each target in the display interface for the user.
  • generating a personalized information display template according to the user's edit result of each view control includes: generating the position information of each view control according to the user's edit result of each view control; the position information is not null.
  • the view control is displayed, and the display position corresponds to the position information of the view control whose position information is not null, and the view control whose position information is null is hidden to form a personalized information display template.
  • generating a personalized information display template according to the user's editing results for each view control further includes: determining the number of view controls whose position information is not a null value; if the number is less than a preset value, prompting the user Re-edit each view control.
  • generating a personalized information display template according to the user's editing results for each view control further includes: using position information to determine whether the display positions of each view control overlap; in the case of overlap, prompting the user to re Edit each view control.
  • generating the personalized information display template according to the user's editing result of each view control further includes: determining the size restriction condition of each view control; and instructing the user to edit each view control according to the size restriction condition.
  • the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
  • the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
  • the position information includes reference point coordinate information, display width information, and display height information.
  • the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
  • an apparatus for displaying information including: a control division module configured to divide an information display template into a plurality of view controls; The edit result of the view control generates a personalized information display template; the information display module is configured to display the information of each target in the display interface for the user through the personalized information display template.
  • the template generation module is configured to: generate position information of each view control according to the edit result of each view control by the user; display the view control whose position information is not null, and the display position and position information are not The view control with a null value corresponds to the position information, and the view control with a null position information is hidden to form a personalized information display template.
  • the template generation module is further configured to: determine the number of view controls whose position information is not a null value; if the number is less than a preset value, prompt the user to re-edit each view control.
  • the template generation module is further configured to: use the position information to determine whether the display positions of each view control overlap; in the case of overlap, prompt the user to perform an editing operation on each view control again.
  • the template generation module is further configured to: determine the size restriction conditions of each view control; according to the size restriction conditions, instruct the user to perform an editing operation on each view control.
  • the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
  • the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
  • the position information includes reference point coordinate information, display width information, and display height information.
  • the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
  • yet another device for displaying information including: a memory; and a processor coupled to the memory, and the processor is configured to execute the aforementioned display based on instructions stored in the memory. Information method.
  • a non-transitory computer-readable storage medium wherein the non-transitory computer-readable storage medium stores computer instructions, and when the instructions are executed by a processor, the aforementioned display information is realized. method.
  • Fig. 1 shows a schematic flowchart of a method for displaying information according to some embodiments of the present disclosure.
  • Figure 2 shows a schematic diagram of dividing an information display template into multiple view controls.
  • Figure 3 shows a personalized information display template.
  • Figure 4 shows another personalized information display template.
  • FIG. 5 shows a schematic flowchart of some embodiments of generating a personalized information display template.
  • Fig. 6 shows a schematic structural diagram of an information display device according to some embodiments of the present disclosure.
  • FIG. 7 shows a schematic structural diagram of an information display device according to other embodiments of the present disclosure.
  • the inventor's research found that traditional information display methods cannot meet the individual needs of users. For example, if the user does not want to see the store information of each product in the product list, they cannot be blocked or hidden. For another example, if the user feels that the image size of each product in the product list is not appropriate, they cannot modify it. If the style of displaying information can be customized, each user can get his own personalized style of displaying information, which will greatly improve the user's information display experience.
  • a technical problem solved by the present disclosure is how to provide users with a personalized information display experience.
  • the present disclosure enables users to customize the style of displaying information, and enables users to flexibly configure the style of displaying information, thereby providing users with a personalized information display experience.
  • Some embodiments of the method for displaying information of the present disclosure will be described with reference to FIG. 1.
  • Fig. 1 shows a schematic flowchart of a method for displaying information according to some embodiments of the present disclosure. As shown in Fig. 1, this embodiment includes steps S101 to S103.
  • step S101 the information display template is divided into multiple view controls.
  • the content of the product list needs to be partitioned and structured, and the complex product content information in the product list interface is cut into pictures, titles (such as AAA brand 65-inch TVs), and prices (such as 2849). Yuan), reviews (e.g. 44669 reviews), store information (e.g. AAA brand TV mini store), tags (e.g. "self-operated", "coupon 999 minus 50"), keywords (e.g.
  • Figure 2 shows a schematic diagram of dividing the information display template into multiple view controls.
  • step S102 a personalized information display template is generated according to the edit result of each view control by the user.
  • the user can click the preset edit button to start editing the product list style he wants, and after editing, he can click the preset save button to save.
  • the specific editing operations of the user include:
  • step S103 the personalized information display template is used to display the information of each target on the display interface for the user.
  • each product in the product list is displayed in the style of a personalized information display template to display the product information to the user.
  • Figure 3 shows a personalized information display template. Through the personalized information display template shown in Figure 3, users can see important product information more simply.
  • Figure 4 shows another personalized information display template. Through the personalized information display template shown in Figure 4, users can see a wealth of product information according to their own preferences.
  • This embodiment allows the user to customize the style of the displayed information by partitioning the information display template and the user's custom editing of the view control, so that the user can flexibly configure the style of the displayed information, thereby providing the user with a personalized information display Experience.
  • FIG. 5 shows a schematic flowchart of some embodiments of generating a personalized information display template. As shown in Figure 2, this embodiment includes steps S5021 to S5022.
  • step S5021 the position information of each view control is generated according to the edit result of each view control by the user.
  • the location information may include reference point coordinate information, display width information, and display height information.
  • the reference point coordinate information is the coordinates of the pixel at the upper left corner of the view control in the information display template
  • the display width information is the display width of the view control
  • the display height information is the display height of the view control.
  • View control ID View control name Datum point coordinates Display width Display height A image (XA,YA) 150 150 B title (XB,YB) 500 50 C price (XC,YC) 500 50 ... To To To To F Feature information NULL NULL NULL G add to Shopping Cart (XG,YG) 50 50
  • step S5022 the view control whose position information is not null is displayed, the display position corresponds to the position information of the view control whose position information is not null, and the view control whose position information is null is hidden to Form a personalized information display template.
  • step S5023 to step S5024 are further included.
  • step S5023 it is determined whether the number of view controls whose position information is not a null value is less than a preset value.
  • step S5024 is executed.
  • the user is prompted to re-edit each view control. If the number is not less than the preset value, continue to perform other steps in this embodiment.
  • step S5025 is further included.
  • step S5025 the position information of each view control is used to determine whether the display position of each view control overlaps.
  • the abscissa of the reference point of the title view control can be subtracted from the abscissa of the reference point of the picture view control to obtain the abscissa of the reference point. Difference. Then, compare the size between the difference in the abscissa of the reference point and the display width of the picture view control.
  • the display positions of the picture view control and the title view control do not overlap; if the difference in the abscissa of the datum point is less than the display width of the picture view control, the picture view control It overlaps with the display position of the title view control.
  • step S5024 is executed.
  • the user is prompted to re-edit each view control. If there is no overlap, continue to perform other steps in this embodiment.
  • Overlapping view controls will obscure product information and cause confusion on the interface. At this time, you can prompt the user to edit the view control again through a pop-up window.
  • step S5026 to step S5027 are further included.
  • step S5026 the size restriction conditions of each view control are determined.
  • the size restriction conditions of the view control are, for example, as shown in Table 2, which may include at least one of the display width restriction, the display height restriction, and whether the display width and the display height are proportional.
  • the picture needs to limit whether the display width and the display height are proportional, otherwise the picture that the user sees after editing will be stretched and deformed.
  • the size of the picture also needs to be limited. Too small may cause users to be unable to see clearly, and too large may cause users to waste traffic and time-consuming to load pictures, which can further enhance the user's personalized information display experience.
  • the display height of the title also needs to be limited, to ensure that the minimum height can at least fit the next line of text, and so on.
  • step S5027 the user is instructed to perform an editing operation on each view control according to the size restriction condition.
  • the editing result After verifying that the editing result is legal, it can be saved in the database according to the editing result and the location information in the editing result. After the user refreshes the information display template, he can see the product list displayed in the information display template after editing by himself.
  • Fig. 6 shows a schematic structural diagram of an information display device according to some embodiments of the present disclosure.
  • the device 60 for displaying information in this embodiment includes:
  • the control division module 601 is configured to divide the information display template into multiple view controls; the template generation module 602 is configured to generate a personalized information display template according to the user's editing results for each view control; the information display module 603 is configured to It is configured to display the information of each target in the display interface for the user through a personalized information display template.
  • the template generation module 602 is configured to: generate position information of each view control according to the edit result of each view control by the user; display the view control whose position information is not null, and display the position and position information Corresponding to the position information of the view controls that are not null values, and hide the view controls whose position information is null to form a personalized information display template.
  • the template generation module 602 is further configured to: determine the number of view controls whose position information is not a null value; if the number is less than a preset value, prompt the user to re-edit each view control.
  • the template generation module 602 is further configured to: use the position information to determine whether the display positions of each view control overlap; in the case of overlap, prompt the user to perform an editing operation on each view control again.
  • the template generation module 602 is further configured to: determine the size restriction conditions of each view control; according to the size restriction conditions, instruct the user to perform an editing operation on each view control.
  • the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
  • the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
  • the position information includes reference point coordinate information, display width information, and display height information.
  • the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
  • the above embodiment allows users to customize the style of the displayed information by partitioning the information display template and the user's custom editing of the view controls, so that the user can flexibly configure the style of the displayed information, thereby providing the user with a personalized information display Experience.
  • FIG. 7 shows a schematic structural diagram of an information display device according to other embodiments of the present disclosure.
  • the apparatus 70 for displaying information in this embodiment includes a memory 710 and a processor 720 coupled to the memory 710.
  • the processor 720 is configured to execute any of the foregoing based on instructions stored in the memory 710. The method of displaying information in the embodiment.
  • the memory 710 may include, for example, a system memory, a fixed non-volatile storage medium, and the like.
  • the system memory stores, for example, an operating system, an application program, a boot loader (Boot Loader), and other programs.
  • the device 70 for displaying information may also include an input/output interface 730, a network interface 740, a storage interface 750, and the like. These interfaces 730, 740, 750, and the memory 710 and the processor 720 may be connected via a bus 760, for example.
  • the input and output interface 730 provides a connection interface for input and output devices such as a display, a mouse, a keyboard, and a touch screen.
  • the network interface 740 provides a connection interface for various networked devices.
  • the storage interface 750 provides a connection interface for external storage devices such as SD cards and U disks.
  • the present disclosure also includes a non-transitory computer-readable storage medium on which computer instructions are stored, and when the instructions are executed by a processor, the method for displaying information in any of the foregoing embodiments is implemented.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.

Landscapes

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

Abstract

An information display method and apparatus, and a non-transitory computer-readable storage medium, relating to the technical field of information. The information display method comprises: dividing an information display template into a plurality of view controls (S101); generating a personalized information display template according to the result of a user editing each view control (S102); and displaying information of each target to the user through the personalized information display template (S103). The method can make it possible for a user to customize the style of information for display, such that the user can flexibly configure the style of the information for display, thereby providing a personalized information display experience for the user.

Description

显示信息的方法、装置及计算机可读存储介质Method, device and computer readable storage medium for displaying information
相关申请的交叉引用Cross-references to related applications
本申请是以CN申请号为201911029842.9,申请日为2019年10月28日的申请为基础,并主张其优先权,该CN申请的公开内容在此作为整体引入本申请中。This application is based on the application with the CN application number 201911029842.9 and the filing date of October 28, 2019, and claims its priority. The disclosure of the CN application is hereby incorporated into this application as a whole.
技术领域Technical field
本公开涉及信息技术领域,特别涉及一种显示信息的方法、装置及非瞬时性计算机可读存储介质。The present disclosure relates to the field of information technology, and in particular to a method, device and non-transitory computer-readable storage medium for displaying information.
背景技术Background technique
随着近年来移动互联网的飞速发展,网络购物逐渐称为人们生活中不可或缺的一部分。With the rapid development of the mobile Internet in recent years, online shopping has gradually become an indispensable part of people's lives.
当用户在网络购物时搜索一个产品时,会显示产品列表。产品列表中的每个产品,都会显示图片、标题,价格、评价等内容。这些内容的显示位置,是通过预先设置的信息显示模版展示出来的。因此,每个用户看到的产品列表的信息显示样式都是相同的。When a user searches for a product while shopping online, a list of products will be displayed. Each product in the product list will display pictures, titles, prices, reviews and other content. The display position of these contents is displayed through the preset information display template. Therefore, the information display style of the product list that each user sees is the same.
为了提升用户的信息显示体验,需要开发多种信息显示模版。通过切换不同的信息显示模版和大数据统计,来确定哪种模版能够向用户提供更好的信息显示体验。In order to improve the user's information display experience, a variety of information display templates need to be developed. By switching between different information display templates and big data statistics, it is determined which template can provide users with a better information display experience.
发明内容Summary of the invention
根据本公开实施例的一个方面,提供了一种显示信息的方法,包括:将信息显示模版划分为多个视图控件;根据用户对各个视图控件的编辑结果,生成个性化信息显示模版;通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。According to one aspect of the embodiments of the present disclosure, a method for displaying information is provided, which includes: dividing an information display template into a plurality of view controls; generating a personalized information display template according to a user's editing results for each view control; The customized information display template displays the information of each target in the display interface for the user.
在一些实施例中,根据用户对各个视图控件的编辑结果,生成个性化信息显示模版包括:根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息;对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。In some embodiments, generating a personalized information display template according to the user's edit result of each view control includes: generating the position information of each view control according to the user's edit result of each view control; the position information is not null. The view control is displayed, and the display position corresponds to the position information of the view control whose position information is not null, and the view control whose position information is null is hidden to form a personalized information display template.
在一些实施例中,根据用户对各个视图控件的编辑结果,生成个性化信息显示模 版还包括:确定位置信息不为空值的视图控件的数量;在数量小于预设值的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, generating a personalized information display template according to the user's editing results for each view control further includes: determining the number of view controls whose position information is not a null value; if the number is less than a preset value, prompting the user Re-edit each view control.
在一些实施例中,根据用户对各个视图控件的编辑结果,生成个性化信息显示模版还包括:利用位置信息,判断各个视图控件的显示位置是否发生重叠;在发生重叠的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, generating a personalized information display template according to the user's editing results for each view control further includes: using position information to determine whether the display positions of each view control overlap; in the case of overlap, prompting the user to re Edit each view control.
在一些实施例中,根据用户对各个视图控件的编辑结果,生成个性化信息显示模版还包括:确定各个视图控件的尺寸限制条件;根据尺寸限制条件,指示用户对各个视图控件进行编辑操作。In some embodiments, generating the personalized information display template according to the user's editing result of each view control further includes: determining the size restriction condition of each view control; and instructing the user to edit each view control according to the size restriction condition.
在一些实施例中,尺寸限制条件包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。In some embodiments, the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
在一些实施例中,编辑操作包括缩放操作、移动操作、添加操作、删除操作中的至少一种。In some embodiments, the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
在一些实施例中,位置信息包括基准点坐标信息、显示宽度信息以及显示高度信息。In some embodiments, the position information includes reference point coordinate information, display width information, and display height information.
在一些实施例中,多个视图控件包括图片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件中的至少两种。In some embodiments, the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
根据本公开实施例的另一个方面,提供了一种显示信息的装置,包括:控件划分模块,被配置为将信息显示模版划分为多个视图控件;模版生成模块,被配置为根据用户对各个视图控件的编辑结果,生成个性化信息显示模版;信息显示模块,被配置为通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。According to another aspect of the embodiments of the present disclosure, there is provided an apparatus for displaying information, including: a control division module configured to divide an information display template into a plurality of view controls; The edit result of the view control generates a personalized information display template; the information display module is configured to display the information of each target in the display interface for the user through the personalized information display template.
在一些实施例中,模版生成模块被配置为:根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息;对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。In some embodiments, the template generation module is configured to: generate position information of each view control according to the edit result of each view control by the user; display the view control whose position information is not null, and the display position and position information are not The view control with a null value corresponds to the position information, and the view control with a null position information is hidden to form a personalized information display template.
在一些实施例中,模版生成模块还被配置为:确定位置信息不为空值的视图控件的数量;在数量小于预设值的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, the template generation module is further configured to: determine the number of view controls whose position information is not a null value; if the number is less than a preset value, prompt the user to re-edit each view control.
在一些实施例中,模版生成模块还被配置为:利用位置信息,判断各个视图控件的显示位置是否发生重叠;在发生重叠的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, the template generation module is further configured to: use the position information to determine whether the display positions of each view control overlap; in the case of overlap, prompt the user to perform an editing operation on each view control again.
在一些实施例中,模版生成模块还被配置为:确定各个视图控件的尺寸限制条件;根据尺寸限制条件,指示用户对各个视图控件进行编辑操作。In some embodiments, the template generation module is further configured to: determine the size restriction conditions of each view control; according to the size restriction conditions, instruct the user to perform an editing operation on each view control.
在一些实施例中,尺寸限制条件包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。In some embodiments, the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
在一些实施例中,编辑操作包括缩放操作、移动操作、添加操作、删除操作中的至少一种。In some embodiments, the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
在一些实施例中,位置信息包括基准点坐标信息、显示宽度信息以及显示高度信息。In some embodiments, the position information includes reference point coordinate information, display width information, and display height information.
在一些实施例中,多个视图控件包括图片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件中的至少两种。In some embodiments, the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
根据本公开实施例的又一个方面,提供了又一种显示信息的装置,包括:存储器;以及耦接至存储器的处理器,处理器被配置为基于存储在存储器中的指令,执行前述的显示信息的方法。According to another aspect of the embodiments of the present disclosure, there is provided yet another device for displaying information, including: a memory; and a processor coupled to the memory, and the processor is configured to execute the aforementioned display based on instructions stored in the memory. Information method.
根据本公开实施例的再一个方面,提供了一种非瞬时性计算机可读存储介质,其中,非瞬时性计算机可读存储介质存储有计算机指令,指令被处理器执行时实现前述的显示信息的方法。According to still another aspect of the embodiments of the present disclosure, there is provided a non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, and when the instructions are executed by a processor, the aforementioned display information is realized. method.
通过以下参照附图对本公开的示例性实施例的详细描述,本公开的其它特征及其优点将会变得清楚。Through the following detailed description of exemplary embodiments of the present disclosure with reference to the accompanying drawings, other features and advantages of the present disclosure will become clear.
附图说明Description of the drawings
为了更清楚地说明本公开实施例或相关技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。In order to more clearly describe the technical solutions in the embodiments of the present disclosure or related technologies, the following will briefly introduce the accompanying drawings that need to be used in the description of the embodiments or related technologies. Obviously, the accompanying drawings in the following description are merely the present invention. For some of the disclosed embodiments, for those of ordinary skill in the art, other drawings can be obtained from these drawings without creative labor.
图1示出了本公开一些实施例的显示信息的方法的流程示意图。Fig. 1 shows a schematic flowchart of a method for displaying information according to some embodiments of the present disclosure.
图2示出了将信息显示模版划分为多个视图控件的示意图。Figure 2 shows a schematic diagram of dividing an information display template into multiple view controls.
图3示出了一种个性化信息显示模版。Figure 3 shows a personalized information display template.
图4示出了另一种个性化信息显示模版。Figure 4 shows another personalized information display template.
图5示出了生成个性化信息显示模版的一些实施例的流程示意图。FIG. 5 shows a schematic flowchart of some embodiments of generating a personalized information display template.
图6示出了本公开一些实施例的显示信息的装置的结构示意图。Fig. 6 shows a schematic structural diagram of an information display device according to some embodiments of the present disclosure.
图7示出了本公开另一些实施例的显示信息的装置的结构示意图。FIG. 7 shows a schematic structural diagram of an information display device according to other embodiments of the present disclosure.
具体实施方式Detailed ways
下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本公开及其应用或使用的任何限制。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本公开保护的范围。The technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only a part of the embodiments of the present disclosure, rather than all the embodiments. The following description of at least one exemplary embodiment is actually only illustrative, and in no way serves as any limitation to the present disclosure and its application or use. Based on the embodiments in the present disclosure, all other embodiments obtained by those of ordinary skill in the art without creative work shall fall within the protection scope of the present disclosure.
发明人研究发现,传统的信息显示方法无法满足用户的个性化需求。例如,用户如果不想看到产品列表中每个产品的店铺信息,无法将其屏蔽或隐藏。再比如,用户如果觉得产品列表中每个产品的图片尺寸不合适,无法对其进行修改。如果能够自定义显示信息的样式,每个用户都能获得自己个性化的显示信息的样式,将大幅提高用户的信息显示体验。The inventor's research found that traditional information display methods cannot meet the individual needs of users. For example, if the user does not want to see the store information of each product in the product list, they cannot be blocked or hidden. For another example, if the user feels that the image size of each product in the product list is not appropriate, they cannot modify it. If the style of displaying information can be customized, each user can get his own personalized style of displaying information, which will greatly improve the user's information display experience.
本公开解决的一个技术问题是,如何为用户提供个性化的信息显示体验。A technical problem solved by the present disclosure is how to provide users with a personalized information display experience.
本公开能够让用户定制显示信息的样式,使用户能够对显示信息的样式进行灵活配置,从而为用户提供了个性化的信息显示体验。首先结合图1描述本公开显示信息的方法的一些实施例。The present disclosure enables users to customize the style of displaying information, and enables users to flexibly configure the style of displaying information, thereby providing users with a personalized information display experience. First, some embodiments of the method for displaying information of the present disclosure will be described with reference to FIG. 1.
图1示出了本公开一些实施例的显示信息的方法的流程示意图。如图1所示,本实施例包括步骤S101~步骤S103。Fig. 1 shows a schematic flowchart of a method for displaying information according to some embodiments of the present disclosure. As shown in Fig. 1, this embodiment includes steps S101 to S103.
在步骤S101中,将信息显示模版划分为多个视图控件。In step S101, the information display template is divided into multiple view controls.
以显示信息为IOS(iPhone Operation System,苹果移动设备操作系统)客户端中的产品列表为例。为了使用户能够自定义产品列表的样式,需要对产品列表的内容进行分区结构化,将产品列表界面中复杂的产品内容信息切割成图片、标题(例如AAA牌65英寸电视)、价格(例如2849元)、评价(例如44669条评价)、店铺信息(例如AAA牌电视旗舰店)、标签(例如“自营”、“领券999减50”)、关键词(例如“超清画质”,“AI智能”)、特征信息(例如“超高清4K屏幕分辨率”)、加入购物车等多个数据单元,并分别通过图片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件进行显示。图2示出了将信息显示模版划分为多个视图控 件的示意图。Take the product list in the IOS (iPhone Operation System) client as an example. In order to enable users to customize the style of the product list, the content of the product list needs to be partitioned and structured, and the complex product content information in the product list interface is cut into pictures, titles (such as AAA brand 65-inch TVs), and prices (such as 2849). Yuan), reviews (e.g. 44669 reviews), store information (e.g. AAA brand TV flagship store), tags (e.g. "self-operated", "coupon 999 minus 50"), keywords (e.g. "super clear image quality", "AI intelligence"), feature information (such as "Ultra HD 4K screen resolution"), adding to the shopping cart and other data units, and through the picture view control, title view control, price view control, evaluation view control, store information View control, label view control, keyword view control, feature information view control, and add shopping cart view control for display. Figure 2 shows a schematic diagram of dividing the information display template into multiple view controls.
在步骤S102中,根据用户对各个视图控件的编辑结果,生成个性化信息显示模版。In step S102, a personalized information display template is generated according to the edit result of each view control by the user.
例如,用户点击预设的编辑按钮可以开始编辑自己想要的产品列表样式,编辑完成后可以点击预设的保存按钮进行保存。用户的具体编辑操作包括:For example, the user can click the preset edit button to start editing the product list style he wants, and after editing, he can click the preset save button to save. The specific editing operations of the user include:
(1)缩放操作,用户拖动视图控件的四个角可进行任意的放大或缩小;(1) Zoom operation, the user can drag the four corners of the view control to zoom in or out at will;
(2)移动操作,用户拖动视图控件可对视图控件进行移动;(2) Move operation, the user can drag the view control to move the view control;
(3)添加操作,用户可点击预设的添加按钮,可以从添加列表中添加自己需要的视图控件;(3) Add operation, users can click the preset add button, and add the view controls they need from the add list;
(4)删除操作,用户长按视图控件,视图控件右上角会显示删除按钮,用户点击删除按钮后,被删除的视图控件会被投放至添加列表中,用户在添加列表中进行添加操作可以将其重新添加。(4) Delete operation. If the user long presses the view control, the delete button will be displayed in the upper right corner of the view control. After the user clicks the delete button, the deleted view control will be put into the add list, and the user can add in the add list. Add it again.
在步骤S103中,通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。In step S103, the personalized information display template is used to display the information of each target on the display interface for the user.
以目标为产品举例,产品列表中的每个产品都以个性化信息显示模版的样式,将产品信息展示给用户。图3示出了一种个性化信息显示模版,通过图3所示的个性化信息显示模版,用户能够更加简约地看到重要的产品信息。图4示出了另一种个性化信息显示模版,通过图4所示的个性化信息显示模版,用户能够按照自身喜好看到丰富的产品信息。Taking the target as an example of the product, each product in the product list is displayed in the style of a personalized information display template to display the product information to the user. Figure 3 shows a personalized information display template. Through the personalized information display template shown in Figure 3, users can see important product information more simply. Figure 4 shows another personalized information display template. Through the personalized information display template shown in Figure 4, users can see a wealth of product information according to their own preferences.
本实施例通过对信息显示模版分区以及用户对视图控件的自定义编辑,能够让用户定制显示信息的样式,使用户能够对显示信息的样式进行灵活配置,从而为用户提供了个性化的信息显示体验。This embodiment allows the user to customize the style of the displayed information by partitioning the information display template and the user's custom editing of the view control, so that the user can flexibly configure the style of the displayed information, thereby providing the user with a personalized information display Experience.
下面结合图5描述如何生成个性化信息显示模版。The following describes how to generate a personalized information display template with reference to Figure 5.
图5示出了生成个性化信息显示模版的一些实施例的流程示意图。如图2所示,本实施例包括步骤S5021~步骤S5022。FIG. 5 shows a schematic flowchart of some embodiments of generating a personalized information display template. As shown in Figure 2, this embodiment includes steps S5021 to S5022.
在步骤S5021中,根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息。In step S5021, the position information of each view control is generated according to the edit result of each view control by the user.
如果用户删除了视图控件B,则信息显示模版中隐藏视图控件B,视图控件B的位置信息为空。如果用户添加了视图控件C,则信息显示模版中显示视图控件C,视图控件C的位置信息为非空。在位置信息非空的情况下,位置信息可以包括基准点坐 标信息、显示宽度信息以及显示高度信息。例如,基准点坐标信息为视图控件左上角的像素点在信息显示模版中的坐标,显示宽度信息为视图控件的显示宽度,显示高度信息为视图控件的显示高度。各个视图控件的位置信息例如表1所示。If the user deletes the view control B, the view control B is hidden in the information display template, and the position information of the view control B is empty. If the user adds a view control C, the view control C is displayed in the information display template, and the position information of the view control C is non-empty. When the location information is not empty, the location information may include reference point coordinate information, display width information, and display height information. For example, the reference point coordinate information is the coordinates of the pixel at the upper left corner of the view control in the information display template, the display width information is the display width of the view control, and the display height information is the display height of the view control. The location information of each view control is shown in Table 1 for example.
表1Table 1
视图控件标识View control ID 视图控件名称View control name 基准点坐标Datum point coordinates 显示宽度Display width 显示高度Display height
AA 图片image (XA,YA)(XA,YA) 150150 150150
BB 标题title (XB,YB)(XB,YB) 500500 5050
CC 价格price (XC,YC)(XC,YC) 500500 5050
……...  To  To  To  To
FF 特征信息Feature information NULL空值NULL NULL空值NULL NULL空值NULL
GG 加入购物车add to Shopping Cart (XG,YG)(XG,YG) 5050 5050
在步骤S5022中,对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。In step S5022, the view control whose position information is not null is displayed, the display position corresponds to the position information of the view control whose position information is not null, and the view control whose position information is null is hidden to Form a personalized information display template.
在一些实施例中,还包括步骤S5023~步骤S5024。In some embodiments, step S5023 to step S5024 are further included.
在步骤S5023中,判断位置信息不为空值的视图控件的数量是否小于预设值。In step S5023, it is determined whether the number of view controls whose position information is not a null value is less than a preset value.
在数量小于预设值的情况下,执行步骤S5024。在步骤S5024中,提示用户重新对各个视图控件进行编辑操作。在数量不小于预设值的情况下,继续执行本实施例中的其它步骤。If the number is less than the preset value, step S5024 is executed. In step S5024, the user is prompted to re-edit each view control. If the number is not less than the preset value, continue to perform other steps in this embodiment.
例如,在需要显示的视图控件的数量小于4的情况下,视图太少会导致用户看到的产品信息量不足,可能影响用户下单,可以通过弹窗提示用户重新编辑视图控件。For example, when the number of view controls that need to be displayed is less than 4, too few views will cause the user to see insufficient product information, which may affect the user's order, and the user can be prompted to re-edit the view control through a pop-up window.
在一些实施例中,还包括步骤S5025。In some embodiments, step S5025 is further included.
在步骤S5025中,利用各个视图控件的位置信息,判断各个视图控件的显示位置是否发生重叠。In step S5025, the position information of each view control is used to determine whether the display position of each view control overlaps.
以图3为例,在判断图片视图控件与标题视图控件的显示位置是否发生重叠时,可以用标题视图控件的基准点横坐标与图片视图控件的基准点横坐标相减,得到基准点横坐标差值。然后,比较基准点横坐标差值与图片视图控件的显示宽度之间的大小。如果基准点横坐标差值大于等于图片视图控件的显示宽度,则图片视图控件与标题视图控件的显示位置不发生重叠;如果基准点横坐标差值小于图片视图控件的显示宽度,则图片视图控件与标题视图控件的显示位置发生重叠。Taking Figure 3 as an example, when judging whether the display positions of the picture view control and the title view control overlap, the abscissa of the reference point of the title view control can be subtracted from the abscissa of the reference point of the picture view control to obtain the abscissa of the reference point. Difference. Then, compare the size between the difference in the abscissa of the reference point and the display width of the picture view control. If the difference in the abscissa of the datum point is greater than or equal to the display width of the picture view control, the display positions of the picture view control and the title view control do not overlap; if the difference in the abscissa of the datum point is less than the display width of the picture view control, the picture view control It overlaps with the display position of the title view control.
在发生重叠的情况下,执行步骤S5024。在步骤S5024中,提示用户重新对各个视图控件进行编辑操作。在不发生重叠的情况下,继续执行本实施例中的其它步骤。In the case of overlap, step S5024 is executed. In step S5024, the user is prompted to re-edit each view control. If there is no overlap, continue to perform other steps in this embodiment.
视图控件重叠会遮盖产品信息,导致界面错乱。此时可以通过弹窗提示用户重新编辑视图控件。Overlapping view controls will obscure product information and cause confusion on the interface. At this time, you can prompt the user to edit the view control again through a pop-up window.
在一些实施例中,还包括步骤S5026~步骤S5027。In some embodiments, step S5026 to step S5027 are further included.
在步骤S5026中,确定各个视图控件的尺寸限制条件。In step S5026, the size restriction conditions of each view control are determined.
视图控件的尺寸限制条件例如表2所示,可以包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。图片需要限制显示宽度与显示高度是否等比例,否则用户编辑后看到的图片会拉伸变形的。图片的尺寸也同样需要限制,太小可能导致用户无法看清,太大可能导致用户浪费流量且加载图片耗时,这些都能够进一步提升用户个性化的信息显示体验。标题显示高度同样需要做限制,要保证最小的高度至少能放得下一行文字,等等。The size restriction conditions of the view control are, for example, as shown in Table 2, which may include at least one of the display width restriction, the display height restriction, and whether the display width and the display height are proportional. The picture needs to limit whether the display width and the display height are proportional, otherwise the picture that the user sees after editing will be stretched and deformed. The size of the picture also needs to be limited. Too small may cause users to be unable to see clearly, and too large may cause users to waste traffic and time-consuming to load pictures, which can further enhance the user's personalized information display experience. The display height of the title also needs to be limited, to ensure that the minimum height can at least fit the next line of text, and so on.
表2Table 2
Figure PCTCN2020110288-appb-000001
Figure PCTCN2020110288-appb-000001
在步骤S5027中,根据尺寸限制条件,指示用户对各个视图控件进行编辑操作。In step S5027, the user is instructed to perform an editing operation on each view control according to the size restriction condition.
验证编辑结果合法后,可以根据编辑结果及编辑结果中的位置信息保存到数据库中。用户刷新信息显示模版后,即可看到通过自己编辑后信息显示模版展示的产品列表。After verifying that the editing result is legal, it can be saved in the database according to the editing result and the location information in the editing result. After the user refreshes the information display template, he can see the product list displayed in the information display template after editing by himself.
下面结合图6描述本公开显示信息的装置的一些实施例。The following describes some embodiments of the information display device of the present disclosure in conjunction with FIG. 6.
图6示出了本公开一些实施例的显示信息的装置的结构示意图。如图6所示,本实施例中的显示信息的装置60包括:Fig. 6 shows a schematic structural diagram of an information display device according to some embodiments of the present disclosure. As shown in FIG. 6, the device 60 for displaying information in this embodiment includes:
控件划分模块601,被配置为将信息显示模版划分为多个视图控件;模版生成模块602,被配置为根据用户对各个视图控件的编辑结果,生成个性化信息显示模版; 信息显示模块603,被配置为通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。The control division module 601 is configured to divide the information display template into multiple view controls; the template generation module 602 is configured to generate a personalized information display template according to the user's editing results for each view control; the information display module 603 is configured to It is configured to display the information of each target in the display interface for the user through a personalized information display template.
在一些实施例中,模版生成模块602被配置为:根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息;对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。In some embodiments, the template generation module 602 is configured to: generate position information of each view control according to the edit result of each view control by the user; display the view control whose position information is not null, and display the position and position information Corresponding to the position information of the view controls that are not null values, and hide the view controls whose position information is null to form a personalized information display template.
在一些实施例中,模版生成模块602还被配置为:确定位置信息不为空值的视图控件的数量;在数量小于预设值的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, the template generation module 602 is further configured to: determine the number of view controls whose position information is not a null value; if the number is less than a preset value, prompt the user to re-edit each view control.
在一些实施例中,模版生成模块602还被配置为:利用位置信息,判断各个视图控件的显示位置是否发生重叠;在发生重叠的情况下,提示用户重新对各个视图控件进行编辑操作。In some embodiments, the template generation module 602 is further configured to: use the position information to determine whether the display positions of each view control overlap; in the case of overlap, prompt the user to perform an editing operation on each view control again.
在一些实施例中,模版生成模块602还被配置为:确定各个视图控件的尺寸限制条件;根据尺寸限制条件,指示用户对各个视图控件进行编辑操作。In some embodiments, the template generation module 602 is further configured to: determine the size restriction conditions of each view control; according to the size restriction conditions, instruct the user to perform an editing operation on each view control.
在一些实施例中,尺寸限制条件包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。In some embodiments, the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
在一些实施例中,编辑操作包括缩放操作、移动操作、添加操作、删除操作中的至少一种。In some embodiments, the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
在一些实施例中,位置信息包括基准点坐标信息、显示宽度信息以及显示高度信息。In some embodiments, the position information includes reference point coordinate information, display width information, and display height information.
在一些实施例中,多个视图控件包括图片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件中的至少两种。In some embodiments, the multiple view controls include a picture view control, a title view control, a price view control, an evaluation view control, a store information view control, a label view control, a keyword view control, a feature information view control, and a shopping cart view At least two of the controls.
上述实施例通过对信息显示模版分区以及用户对视图控件的自定义编辑,能够让用户定制显示信息的样式,使用户能够对显示信息的样式进行灵活配置,从而为用户提供了个性化的信息显示体验。The above embodiment allows users to customize the style of the displayed information by partitioning the information display template and the user's custom editing of the view controls, so that the user can flexibly configure the style of the displayed information, thereby providing the user with a personalized information display Experience.
下面结合图7描述本公开显示信息的装置的另一些实施例。In the following, other embodiments of the information display device of the present disclosure will be described in conjunction with FIG.
图7示出了本公开另一些实施例的显示信息的装置的结构示意图。如图7所示,该实施例的显示信息的装置70包括:存储器710以及耦接至该存储器710的处理器720,处理器720被配置为基于存储在存储器710中的指令,执行前述任意一些实施 例中的显示信息的方法。FIG. 7 shows a schematic structural diagram of an information display device according to other embodiments of the present disclosure. As shown in FIG. 7, the apparatus 70 for displaying information in this embodiment includes a memory 710 and a processor 720 coupled to the memory 710. The processor 720 is configured to execute any of the foregoing based on instructions stored in the memory 710. The method of displaying information in the embodiment.
其中,存储器710例如可以包括系统存储器、固定非易失性存储介质等。系统存储器例如存储有操作系统、应用程序、引导装载程序(Boot Loader)以及其他程序等。Among them, the memory 710 may include, for example, a system memory, a fixed non-volatile storage medium, and the like. The system memory stores, for example, an operating system, an application program, a boot loader (Boot Loader), and other programs.
显示信息的装置70还可以包括输入输出接口730、网络接口740、存储接口750等。这些接口730、740、750以及存储器710和处理器720之间例如可以通过总线760连接。其中,输入输出接口730为显示器、鼠标、键盘、触摸屏等输入输出设备提供连接接口。网络接口740为各种联网设备提供连接接口。存储接口750为SD卡、U盘等外置存储设备提供连接接口。The device 70 for displaying information may also include an input/output interface 730, a network interface 740, a storage interface 750, and the like. These interfaces 730, 740, 750, and the memory 710 and the processor 720 may be connected via a bus 760, for example. Among them, the input and output interface 730 provides a connection interface for input and output devices such as a display, a mouse, a keyboard, and a touch screen. The network interface 740 provides a connection interface for various networked devices. The storage interface 750 provides a connection interface for external storage devices such as SD cards and U disks.
本公开还包括一种非瞬时性计算机可读存储介质,其上存储有计算机指令,该指令被处理器执行时实现前述任意一些实施例中的显示信息的方法。The present disclosure also includes a non-transitory computer-readable storage medium on which computer instructions are stored, and when the instructions are executed by a processor, the method for displaying information in any of the foregoing embodiments is implemented.
本公开是参照根据本公开实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。The present disclosure is described with reference to flowcharts and/or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present disclosure. It should be understood that each process and/or block in the flowchart and/or block diagram, and the combination of processes and/or blocks in the flowchart and/or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing equipment to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing equipment are generated It is a device that realizes the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device. The device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment. The instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
以上所述仅为本公开的较佳实施例,并不用以限制本公开,凡在本公开的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本公开的保护范围之内。The above descriptions are only preferred embodiments of the present disclosure and are not intended to limit the present disclosure. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present disclosure shall be included in the protection of the present disclosure. Within range.

Claims (20)

  1. 一种显示信息的方法,包括:A method of displaying information, including:
    将信息显示模版划分为多个视图控件;Divide the information display template into multiple view controls;
    根据用户对各个视图控件的编辑结果,生成个性化信息显示模版;According to the user's editing results of each view control, a personalized information display template is generated;
    通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。Through the personalized information display template, the information of each target is displayed on the display interface for the user.
  2. 如权利要求1所述的方法,其中,所述根据用户对各个视图控件的编辑结果,生成个性化信息显示模版包括:8. The method according to claim 1, wherein said generating a personalized information display template according to a user's edit result of each view control comprises:
    根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息;Generate the position information of each view control according to the user's edit result of each view control;
    对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。Display the view control whose position information is not null, the display position corresponds to the position information of the view control whose position information is not null, and hide the view control whose position information is null to form a personalized information display stencil.
  3. 如权利要求2所述的方法,其中,所述根据用户对各个视图控件的编辑结果,生成个性化信息显示模版还包括:3. The method according to claim 2, wherein said generating a personalized information display template according to a user's edit result of each view control further comprises:
    确定位置信息不为空值的视图控件的数量;Determine the number of view controls whose location information is not null;
    在所述数量小于预设值的情况下,提示用户重新对各个视图控件进行编辑操作。In the case that the number is less than the preset value, the user is prompted to perform an editing operation on each view control again.
  4. 如权利要求2所述的方法,其中,所述根据用户对各个视图控件的编辑结果,生成个性化信息显示模版还包括:3. The method according to claim 2, wherein said generating a personalized information display template according to a user's edit result of each view control further comprises:
    利用所述位置信息,判断各个视图控件的显示位置是否发生重叠;Use the position information to determine whether the display positions of each view control overlap;
    在发生重叠的情况下,提示用户重新对各个视图控件进行编辑操作。In the case of overlap, the user is prompted to re-edit each view control.
  5. 如权利要求2所述的方法,其中,所述根据用户对各个视图控件的编辑结果,生成个性化信息显示模版还包括:3. The method according to claim 2, wherein said generating a personalized information display template according to a user's edit result of each view control further comprises:
    确定各个视图控件的尺寸限制条件;Determine the size constraints of each view control;
    根据所述尺寸限制条件,指示用户对各个视图控件进行编辑操作。According to the size restriction condition, the user is instructed to perform an editing operation on each view control.
  6. 如权利要求5所述的方法,其中,所述尺寸限制条件包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。5. The method according to claim 5, wherein the size restriction condition includes at least one of display width restriction, display height restriction, and whether the display width and the display height are in the same proportion.
  7. 如权利要求3至6中任一项所述的方法,其中,所述编辑操作包括缩放操作、移动操作、添加操作、删除操作中的至少一种。The method according to any one of claims 3 to 6, wherein the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
  8. 如权利要求2至6中任一项所述的方法,其中,所述位置信息包括基准点坐标信息、显示宽度信息以及显示高度信息。The method according to any one of claims 2 to 6, wherein the position information includes reference point coordinate information, display width information, and display height information.
  9. 如权利要求1至6中任一项所述的方法,其中,所述多个视图控件包括图片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件中的至少两种。The method according to any one of claims 1 to 6, wherein the plurality of view controls includes a picture view control, a title view control, a price view control, an evaluation view control, a shop information view control, a label view control, and a key At least two of the word view control, the feature information view control, and the shopping cart view control.
  10. 一种显示信息的装置,包括:A device for displaying information, including:
    控件划分模块,被配置为将信息显示模版划分为多个视图控件;The control division module is configured to divide the information display template into multiple view controls;
    模版生成模块,被配置为根据用户对各个视图控件的编辑结果,生成个性化信息显示模版;The template generation module is configured to generate a personalized information display template according to the user's editing results of each view control;
    信息显示模块,被配置为通过个性化信息显示模版,为用户在显示界面中显示每个目标的信息。The information display module is configured to display the information of each target on the display interface for the user through a personalized information display template.
  11. 如权利要求10所述的装置,其中,所述模版生成模块被配置为:The apparatus of claim 10, wherein the template generation module is configured to:
    根据用户对各个视图控件的编辑结果,生成各个视图控件的位置信息;Generate the position information of each view control according to the user's edit result of each view control;
    对位置信息不为空值的视图控件进行显示,显示位置与位置信息不为空值的视图控件的位置信息相对应,并对位置信息为空值的视图控件进行隐藏,以形成个性化信息显示模版。Display the view control whose location information is not null, the display position corresponds to the location information of the view control whose location information is not null, and hide the view control whose location information is null to form a personalized information display stencil.
  12. 如权利要求11所述的装置,其中,所述模版生成模块还被配置为:The apparatus of claim 11, wherein the template generation module is further configured to:
    确定位置信息不为空值的视图控件的数量;Determine the number of view controls whose location information is not null;
    在所述数量小于预设值的情况下,提示用户重新对各个视图控件进行编辑操作。In the case that the number is less than the preset value, the user is prompted to perform an editing operation on each view control again.
  13. 如权利要求11所述的装置,其中,所述模版生成模块还被配置为:The apparatus of claim 11, wherein the template generation module is further configured to:
    利用所述位置信息,判断各个视图控件的显示位置是否发生重叠;Use the position information to determine whether the display positions of each view control overlap;
    在发生重叠的情况下,提示用户重新对各个视图控件进行编辑操作。In the case of overlap, the user is prompted to re-edit each view control.
  14. 如权利要求11所述的装置,其中,所述模版生成模块还被配置为:The apparatus of claim 11, wherein the template generation module is further configured to:
    确定各个视图控件的尺寸限制条件;Determine the size constraints of each view control;
    根据所述尺寸限制条件,指示用户对各个视图控件进行编辑操作。According to the size restriction condition, the user is instructed to perform an editing operation on each view control.
  15. 如权利要求14所述的装置,其中,所述尺寸限制条件包括显示宽度限制、显示高度限制、显示宽度与显示高度是否等比例中的至少一种。The device according to claim 14, wherein the size restriction condition includes at least one of a display width restriction, a display height restriction, and whether the display width and the display height are proportional.
  16. 如权利要求12至15中任一项所述的装置,其中,所述编辑操作包括缩放操作、移动操作、添加操作、删除操作中的至少一种。The device according to any one of claims 12 to 15, wherein the editing operation includes at least one of a zoom operation, a move operation, an add operation, and a delete operation.
  17. 如权利要求11至15中任一项所述的装置,其中,所述位置信息包括基准点坐标信息、显示宽度信息以及显示高度信息。The device according to any one of claims 11 to 15, wherein the position information includes reference point coordinate information, display width information, and display height information.
  18. 如权利要求10至15中任一项所述的装置,其中,所述多个视图控件包括图 片视图控件、标题视图控件、价格视图控件、评价视图控件、店铺信息视图控件、标签视图控件、关键词视图控件、特征信息视图控件、加入购物车视图控件中的至少两种。The device according to any one of claims 10 to 15, wherein the plurality of view controls includes a picture view control, a title view control, a price view control, an evaluation view control, a shop information view control, a label view control, and a key At least two of the word view control, the feature information view control, and the shopping cart view control.
  19. 一种显示信息的装置,包括:A device for displaying information, including:
    存储器;以及Memory; and
    耦接至所述存储器的处理器,所述处理器被配置为基于存储在所述存储器中的指令,执行如权利要求1至9中任一项所述的显示信息的方法。A processor coupled to the memory, and the processor is configured to execute the method for displaying information according to any one of claims 1 to 9 based on instructions stored in the memory.
  20. 一种非瞬时性计算机可读存储介质,其中,所述非瞬时性计算机可读存储介质存储有计算机指令,所述指令被处理器执行时实现如权利要求1至9中任一项所述的显示信息的方法。A non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, and when the instructions are executed by a processor, the method described in any one of claims 1 to 9 is realized. The method of displaying information.
PCT/CN2020/110288 2019-10-28 2020-08-20 Information display method and apparatus, and computer-readable storage medium WO2021082652A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201911029842.9 2019-10-28
CN201911029842.9A CN111782309B (en) 2019-10-28 2019-10-28 Method and device for displaying information and computer readable storage medium

Publications (1)

Publication Number Publication Date
WO2021082652A1 true WO2021082652A1 (en) 2021-05-06

Family

ID=72755593

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/110288 WO2021082652A1 (en) 2019-10-28 2020-08-20 Information display method and apparatus, and computer-readable storage medium

Country Status (2)

Country Link
CN (1) CN111782309B (en)
WO (1) WO2021082652A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114077375A (en) * 2021-11-25 2022-02-22 北京字跳网络技术有限公司 Interaction method and device, electronic equipment and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090249193A1 (en) * 2008-03-31 2009-10-01 Vistaprint Technologies Limited Flexible web page template building system and method
CN102314430A (en) * 2010-06-30 2012-01-11 上海视加信息科技有限公司 Realization method of virtual website host domain name
CN106201489A (en) * 2016-06-30 2016-12-07 乐视控股(北京)有限公司 A kind of page editing method and apparatus
CN109634598A (en) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 A kind of page display method, device, equipment and storage medium
CN109657182A (en) * 2018-12-18 2019-04-19 深圳店匠科技有限公司 Generation method, system and the computer readable storage medium of webpage

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004118636A (en) * 2002-09-27 2004-04-15 Bank Of Tokyo-Mitsubishi Ltd Personalization display information preparing device, method, its program and recording medium
CN101359290A (en) * 2008-09-11 2009-02-04 中兴通讯股份有限公司 Method for customizing service document based on metadata and apparatus
CN103345410B (en) * 2013-06-28 2017-08-25 广东电网公司佛山供电局 The mobile customized interface implementing method of operation business and system
CN103955366B (en) * 2014-04-18 2017-04-19 南威软件股份有限公司 Producing method of visualized website template
EP3139331A1 (en) * 2014-05-20 2017-03-08 Huawei Technologies Co., Ltd. Advertisement template configuration method, server and system
CN109933390A (en) * 2017-12-19 2019-06-25 浙江绍兴苏泊尔生活电器有限公司 The display methods and device of cooking menu, cooking apparatus
CN109754314A (en) * 2018-12-19 2019-05-14 深圳优启科技有限公司 A kind of personalized customization method, device, computer equipment and storage medium
CN109828806A (en) * 2018-12-24 2019-05-31 苏州蜗牛数字科技股份有限公司 A kind of optimization method based on the customized diversified control combing of UI
CN110162246A (en) * 2019-04-16 2019-08-23 深圳壹账通智能科技有限公司 Object displaying method, device, computer equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090249193A1 (en) * 2008-03-31 2009-10-01 Vistaprint Technologies Limited Flexible web page template building system and method
CN102314430A (en) * 2010-06-30 2012-01-11 上海视加信息科技有限公司 Realization method of virtual website host domain name
CN106201489A (en) * 2016-06-30 2016-12-07 乐视控股(北京)有限公司 A kind of page editing method and apparatus
CN109634598A (en) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 A kind of page display method, device, equipment and storage medium
CN109657182A (en) * 2018-12-18 2019-04-19 深圳店匠科技有限公司 Generation method, system and the computer readable storage medium of webpage

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114077375A (en) * 2021-11-25 2022-02-22 北京字跳网络技术有限公司 Interaction method and device, electronic equipment and storage medium
CN114077375B (en) * 2021-11-25 2023-05-05 北京字跳网络技术有限公司 Target object display method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN111782309A (en) 2020-10-16
CN111782309B (en) 2022-07-05

Similar Documents

Publication Publication Date Title
EP3608795A1 (en) Method and apparatus for generating knowledge graph, device and computer readable storage medium
CN109614424B (en) Page layout generation method, device, computing equipment and medium
US9436673B2 (en) Automatic application of templates to content
US20140331179A1 (en) Automated Presentation of Visualized Data
JP5862103B2 (en) Electronic blackboard device, screen display method and program
US20140325418A1 (en) Automatically manipulating visualized data based on interactivity
EP3367266A1 (en) Page construction method, terminal, computer-readable storage medium and page construction device
CN110837366A (en) Form generation method, electronic device and computer readable storage medium
WO2023046009A1 (en) Document processing method and apparatus, and electronic device and computer-readable storage medium
US20230325546A1 (en) Systems and methods for automatically grouping design elements
US20180364873A1 (en) Inter-Context Coordination to Facilitate Synchronized Presentation of Image Content
US8756494B2 (en) Methods and systems for designing documents with inline scrollable elements
WO2021082652A1 (en) Information display method and apparatus, and computer-readable storage medium
US20170017370A1 (en) Device and method for processing data
CN109657201B (en) Typesetting display method and device for elements, electronic equipment and storage medium
US11698719B2 (en) Systems and methods for automated derivation of interactive layers for fixed content
US20230205939A1 (en) Systems and methods for adding a design element to a design
CN106569785A (en) Job form generating method and equipment
JP2017033421A (en) Image display method
CN117253246A (en) Data processing method, apparatus, computer device, storage medium, and program product
CN118151798A (en) Information display method, information display device, computer equipment and storage medium
JP2645174B2 (en) Computer with field display function
CN118377406A (en) Content-based tabular method, apparatus, computer device, and storage medium
US10073819B2 (en) Media table for a digital document
CN117193609A (en) Image processing method, apparatus, computer device, storage medium, and program product

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20881311

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20881311

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 02.09.2022)

122 Ep: pct application non-entry in european phase

Ref document number: 20881311

Country of ref document: EP

Kind code of ref document: A1