显示信息的方法、装置及计算机可读存储介质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
在步骤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.