WO2020258650A1 - 页面信息显示方法、装置、计算机设备和存储介质 - Google Patents
页面信息显示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- WO2020258650A1 WO2020258650A1 PCT/CN2019/117308 CN2019117308W WO2020258650A1 WO 2020258650 A1 WO2020258650 A1 WO 2020258650A1 CN 2019117308 W CN2019117308 W CN 2019117308W WO 2020258650 A1 WO2020258650 A1 WO 2020258650A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- information
- display
- style
- displayed
- server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9558—Details of hyperlinks; Management of linked annotations
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Definitions
- This application relates to a method, device, computer equipment and storage medium for displaying page information.
- the inventor realizes that most traditional business systems are developed using the framework EasyUI, but the DataGrid control function of the framework EasyUI cannot enable business personnel to perform personalized operations on the list page information of the business system before displaying it.
- the dataGrid control function of the framework EasyUI cannot enable business personnel to perform personalized operations on the list page information of the business system before displaying it.
- the information in the list page is messy, which affects the operation of the business system and leads to low work efficiency.
- a method, device, computer device, and storage medium for displaying page information are provided.
- a method for displaying page information including:
- the display page including an information box and a click event corresponding to the information box; the display page is generated by the server according to the control information;
- the click event corresponding to the information box When the click event corresponding to the information box is triggered, collecting trigger information and generating a display request to send to the server, the trigger information including the information in the information box and the style identifier;
- a display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- a page information display device including:
- the obtaining module is used to obtain the control adding instruction carrying the control information and send it to the server;
- a receiving module configured to receive a display page returned by the server, the display page including an information box and a click event corresponding to the information box; the display page is generated by the server according to the control information;
- the collection module is configured to collect trigger information and generate a display request to send to the server when the click event corresponding to the information box is triggered, where the trigger information includes the information in the information box and the style identifier;
- the receiving module is further configured to receive the display style sheet returned by the server according to the display request.
- the display module is configured to obtain a display style from the display style sheet based on the style identifier, and display the information in the information box after rendering according to the display style.
- a computer device includes a memory and one or more processors, the memory stores computer readable instructions, and when the computer readable instructions are executed by the processor, the one or more processors execute the following step:
- the display page including an information box and a click event corresponding to the information box; the display page is generated by the server according to the control information;
- the click event corresponding to the information box When the click event corresponding to the information box is triggered, collecting trigger information and generating a display request to send to the server, the trigger information including the information in the information box and the style identifier;
- a display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- One or more non-volatile storage media storing computer-readable instructions.
- the computer-readable instructions When executed by one or more processors, the one or more processors perform the following steps:
- the display page including an information box and a click event corresponding to the information box; the display page is generated by the server according to the control information;
- the click event corresponding to the information box When the click event corresponding to the information box is triggered, collecting trigger information and generating a display request to send to the server, the trigger information including the information in the information box and the style identifier;
- a display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- Fig. 1 is an application scenario diagram of a method for displaying page information according to one or more embodiments.
- Fig. 2 is a schematic flowchart of a method for displaying page information according to one or more embodiments.
- Fig. 3 is a schematic flowchart of a method for displaying page information in another embodiment.
- Fig. 4 is a block diagram of a page information display device according to one or more embodiments.
- Figure 5 is a block diagram of a computer device according to one or more embodiments.
- the method for displaying page information provided by this application can be applied to the application environment as shown in FIG. 1.
- the terminal 102 communicates with the server 104 through the network.
- the terminal 102 obtains the control adding instruction carrying the control information and sends it to the server 104;
- the terminal 102 receives the display page returned by the server 104, the display page includes the information box and the click event corresponding to the information box;
- the display page is generated by the server 104 according to the control information;
- the click event corresponding to the information box is triggered, the terminal 102 collects trigger information and generates a display request and sends it to the server 104.
- the trigger information includes the information in the information box and the style identifier; the terminal 102 receives the display style sheet returned by the server 104 according to the display request ; The terminal 102 obtains the display style from the display style sheet based on the style identifier, and displays the information in the information box after rendering according to the display style.
- the terminal 102 may be, but is not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices.
- the server 104 may be implemented by an independent server or a server cluster composed of multiple servers.
- a method for displaying page information is provided. Taking the method applied to the terminal in FIG. 1 as an example for description, the method includes the following steps:
- Step S202 Obtain a control adding instruction carrying control information and send it to the server.
- Control information refers to the control information of the newly added page control, including control type, control name, and information box linked to the control.
- the information box linked by the control is to bind the control to the information box, and the corresponding control is added to the information box, so that the information box can be clicked by the user. For example, when the user has a personalized operation requirement for the information box, the control is triggered to issue an instruction.
- the control adding instruction refers to a request for instructing the server to generate a display page according to the control information.
- the user transmits the control information of the new page control to the user terminal through the user terminal operation.
- the user terminal obtains the control information of the new page control uploaded by the user, it synchronously generates a control adding instruction and adds the control
- the instructions and control information are sent to the server.
- Step S204 Receive a display page returned by the server, the display page includes an information box and a click event corresponding to the information box; the display page is generated by the server according to the control information.
- Display page refers to the functional pages that can be displayed in various business systems.
- the display page is the page that can be displayed in the collection system, and can be a list of various business cases.
- the information box is the area used to display information on the display page.
- the information box is provided with corresponding controls and click events. Each control in the information box has a corresponding click event. The same control can trigger different click events according to different triggering methods. For example, right-clicking or double-clicking the control in the information box can trigger different click events.
- Different click events can complete different displays of the information in the message box, such as placing the information in the message box on top, graying out, highlighting, and changing the font color, size, and style. That is, when the user wants to perform personalized operations on the information corresponding to the information box, click the information box through different triggering methods to trigger the control corresponding to the information box to start the corresponding click event.
- information box 1 corresponds to control 1 and click event 1, and control 1 is triggered by the right button, and when the click event 1 is triggered by the right button, the page information display is on top.
- Trigger control 1 and start click event 1 to put the page information corresponding to information box 1 on top.
- the triggering method of the click event includes but not limited to touch, right click, left click, etc.
- Click events include burying rules and event monitoring tasks.
- the buried point rule is used to collect user behavior data when a click event is activated, that is, to collect trigger information when the click event is activated.
- the event monitoring task is used by the server to monitor whether the click event is started.
- the display page is loaded to the server through the control adding instruction, that is, the control adding instruction carrying the control information is sent to the server.
- the server receives the control adding instruction carrying the control information, it generates a display page according to the control information and returns it to the terminal for display. That is, the server first obtains the control list of the displayed page, adds new controls to the control list according to the control type and control name in the control information, and then links the new control with the specified information box according to the link information box in the control information.
- the server obtains the pre-configured burying rules and event monitoring tasks, sets the burying rules and event monitoring tasks at the controls on the display page, and completes the control corresponding to the click event. Set up. The display page is not generated until the new controls, burying rules, and event monitoring tasks are all set. And because the information in the displayed page has a corresponding information box, after linking the new control with the information box, when the control is triggered and the corresponding click event is started, the information in the information box For personalized display.
- Step S206 When the click event corresponding to the information box is triggered, the trigger information is collected and a display request is generated and sent to the server.
- the trigger information includes the information in the information box and the style identifier.
- the display request refers to an instruction used to instruct the server to change the display style of the information in the information box.
- the display request means that when the user clicks the information box in the display page by operating the terminal and triggers the control corresponding to the information box, the click event is initiated.
- the terminal collects the information and style identifiers in the information box through the burying rules in the click event, that is, trigger information, and the server also monitors that the click event of this control is triggered according to the event monitoring task, and sends a feedback instruction to the terminal.
- the terminal generates a display request according to the feedback instruction, and sends the trigger information collected by the burying rule to the server along with the display request.
- a feedback instruction for feeding back the trigger information collected by the buried point is sent to the terminal through the event monitoring task, which ensures the real-time upload of the trigger information.
- Step S208 Receive the display style sheet returned by the server according to the display request.
- the display style sheet is pre-configured and saved on the server.
- the server receives the display request, it can determine that the terminal user needs to perform personalized display of page information, and then responds to the display request to obtain the pre-stored display style sheet from the database and return it to the terminal.
- the terminal can receive the display style sheet returned by the server.
- step S210 the display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- the trigger information includes the information and style identification in the information box, and the information in the information box refers to the information for personalized display.
- the style identification refers to the number of the corresponding style obtained from the display style sheet.
- the terminal calls the burying rule corresponding to the click event to collect the information in the information box, that is, wait for the information to be displayed in a personalized manner, and obtain the corresponding yellow style Style ID.
- the user terminal After obtaining the corresponding display style from the display style sheet according to the style identifier, the user terminal renders the corresponding information in the information box into the display style and then displays it.
- obtaining the display style from the display style sheet based on the style identifier, and rendering the information in the information box according to the display style and displaying it includes the steps of: obtaining the corresponding display style from the display style sheet according to the style identifier; obtaining The style description of the display style; the information in the information box is rendered and displayed according to the style description.
- the terminal searches for the corresponding display style from the display style table according to the style identifier, and obtains the style description corresponding to the display style. Render the information in the information box according to the style description.
- the user terminal may re-acquire the information in the information box, and compare the re-acquired information in the information box with the information in the information box collected by the burying rule of the click event to determine whether the two are the same information.
- the page information corresponding to the information box is rendered according to the style description of the display style, and displayed on the display device of the terminal after the rendering is completed. By comparing the information, it prevents the terminal from obtaining errors or burying rules collecting errors.
- the style description is the information description of the display style, providing the font color, size or background color corresponding to the style.
- the user terminal obtains a display page including an information box and a corresponding click event from the server through a control addition instruction carrying control information, thereby ensuring that the page displayed by the user terminal is a display page that can support personalized operations. Then when the click event corresponding to the information box is triggered, the information in the information box and the style identifier are collected, and a display request is generated to instruct the server to return the display style sheet, so as to ensure that the rendered style can be obtained.
- the corresponding display style is obtained from the display style sheet based on the collected style identification, and the information in the information box is rendered and displayed according to the display style, thereby ensuring that the information in the information box is automatically rendered according to different user operations to complete the page information personality
- the customized display makes it easy for users to remember business processing conditions and improve work efficiency.
- step S206 another way of displaying page information is provided. The following steps are also included before step S206:
- Step S302 When the information box receives the information to be displayed, the configuration rule is acquired.
- the information to be displayed means that the user enters the information that needs to be displayed on the display page in the corresponding information box in real time.
- the configuration rule refers to a rule file that stores the determination rule corresponding to the information, and is used to determine whether the input information meets the requirements of automatic rendering.
- the configuration rules are obtained to determine whether the information to be displayed meets the requirements of automatic rendering.
- the amount management list in the collection system is a page used to manage customer repayment items, and the information recorded on the page includes the repayment amount and the outstanding amount.
- the judgment rule stipulates that when the repayment amount is less than the preset value, the entered repayment amount needs to be displayed in black. Then, according to the configuration rules, the repayment amount input by the user is compared with the preset value. When it is less than the preset value, it means that the repayment amount meets the requirement of being automatically rendered black.
- Step S304 when it is determined according to the configuration rule that the information to be displayed meets the automatic rendering requirement, an automatic rendering request is generated.
- the terminal After determining that the input information to be displayed meets the automatic rendering requirement according to the configuration rule, the terminal generates an automatic rendering request and sends it to the server.
- a request instruction used to instruct the server to feed back the display style automatically rendered.
- Step S306 Obtain a display style corresponding to the information to be displayed from the server based on the automatic rendering request.
- the terminal After the terminal generates an automatic rendering request, it sends the automatic rendering request to the server, and the automatic rendering request carries a corresponding style identifier.
- the server returns the corresponding display style according to the style identifier. For example, when the repayment amount entered by the user is compared with the preset value according to the configuration rules, and it is determined that the repayment amount is less than the preset value, the repayment amount needs to be displayed in black.
- the black style mark is sent to the server along with the automatic rendering request.
- the server obtains the display style corresponding to the black style from the pre-stored display style sheet according to the style identifier and returns it to the terminal.
- step S308 the information to be displayed is rendered and displayed according to the display style.
- the terminal after receiving the corresponding display style, the terminal obtains the corresponding style description from the display style, completes the style rendering according to the font color passed by the style description, and displays the input information in the information box after rendering.
- the terminal after receiving the corresponding display style, the terminal obtains the corresponding style description from the display style, completes the style rendering according to the font color passed by the style description, and displays the input information in the information box after rendering.
- the user there is no need for the user to trigger a control to initiate a click event to complete page rendering and display, and real-time input of information can realize automatic rendering, which further improves work efficiency.
- the information box when the information box receives the information to be displayed, after obtaining the configuration rules, it further includes the step of triggering a bubble display mechanism when it is determined according to the configuration rules that the information to be displayed meets the thumbnail display requirements; Obtain the display length of the bubble, the information box and the hidden symbol; input the information to be displayed into the information box according to the bubble, the display length and the hidden symbol.
- the thumbnail display requirement refers to determining whether the display length of the input information to be displayed is greater than the display length of the information box.
- the bubble display mechanism uses bubbles to hide and display the input information to be displayed. The hidden symbol reminds the user that the information in the information box is not displayed completely, and there is a corresponding bubble.
- the terminal user inputs the information to be displayed through the input box, and uploads it to the terminal after the input is completed.
- the terminal obtains the information to be displayed uploaded by the user, it determines the field length of the information to be displayed according to the input information to be displayed.
- the bubble display mechanism is triggered.
- the terminal displays the input information to be displayed, according to the field length of the information to be displayed
- the information to be displayed does not need to be replaced by a hidden symbol, and the complete information can be viewed when you click the information box.
- inputting the information to be displayed into the information box according to the bubble, the display length and the hidden symbols includes the steps of: obtaining the displayed information from the information to be displayed according to the display length, and inputting the displayed information and hidden symbols into the information box; and obtaining The display size and display mode of the bubble; input the information to be displayed into the bubble according to the display size and display mode, and link the bubble with the information box.
- Displayed information refers to the part of the to-be-displayed information displayed in the information box, and other to-be-displayed information is the hidden information.
- Hidden symbols refer to marks that replace hidden information, such as ellipsis.
- the display size refers to the size of the information that the bubble can display.
- the display mode refers to the arrangement of information in the bubble. Specifically, after the terminal obtains the bubble, the display length, and the hidden symbol, it obtains part of the information from the input information to be displayed as the display information according to the display length, and displays the display information and the hidden symbol in the corresponding information box in combination. For example, the displayed information can be intercepted from the beginning, and the hidden symbol is behind the displayed information.
- the displayed information can also be intercepted from the back, and the hidden symbol is before the displayed information.
- the displayed information can also be intercepted from the middle, and there are hidden symbols in front and behind the displayed information.
- the complete information to be displayed is arranged according to the display size and display mode of the bubble and then input into the bubble, and the bubble is linked to the corresponding information box, that is, to the hidden symbol.
- the user clicks the hidden symbol in the information box a bubble will pop up to display the complete information.
- inputting the information to be displayed into the bubble according to the display size and display mode, and linking the bubble with the information box includes the steps: arranging the information to be displayed according to the display mode to obtain the arrangement information; when the size of the arrangement information is different When the display size is met, a modification instruction is generated; a new bubble is obtained from the server according to the modification instruction, and the new bubble is generated by the server according to the size of the arrangement information; the arrangement information is input into the new bubble, and the new bubble is linked with the information box.
- the terminal synchronously generates a modification instruction, and synchronously sends the size of the arrangement information to the server.
- the server modifies the display size of the bubble according to the size of the arrangement information to generate a new bubble, or obtains a new bubble that meets the size of the arrangement information and returns it to the terminal.
- the terminal inputs the arrangement information into the new bubble, and links the new bubble with the information box. When it is not greater than, it means that the information to be displayed can be displayed in the bubble, and the arrangement information is input into the bubble.
- a page information display device including: an acquisition module 402, a receiving module 404, an acquisition module 406, and a display module 408, specifically:
- the obtaining module 402 is configured to obtain a control adding instruction carrying control information and send it to the server.
- the receiving module 404 is configured to receive a display page returned by the server.
- the display page includes an information box and a click event corresponding to the information box; the display page is generated by the server according to control information.
- the collection module 406 is configured to collect trigger information and generate a display request to send to the server when the click event corresponding to the information box is triggered.
- the trigger information includes the information in the information box and the style identification.
- the receiving module 404 is also configured to receive the display style sheet returned by the server according to the display request.
- the display module 418 is configured to obtain a display style from the display style sheet based on the style identifier, and display the information in the information box after rendering according to the display style.
- the device for displaying page information further includes a configuration module for obtaining configuration rules when the information box receives the information to be displayed;
- the display style corresponding to the page information to be displayed is obtained from the server based on the automatic rendering request; the information to be displayed is rendered and displayed according to the display style.
- the configuration module is further configured to trigger the bubble display mechanism when it is determined that the information to be displayed meets the thumbnail display requirements according to the configuration rules;
- the configuration module is further configured to obtain display information from the information to be displayed according to the display length, and input the display information and hidden symbols into the information box;
- the configuration module is further configured to arrange the information to be displayed according to the display mode to obtain the arrangement information
- the display module 410 is further configured to obtain the corresponding display style from the display style sheet according to the style identifier;
- the information in the information box is rendered and displayed according to the style description.
- the page information display device For the specific limitation of the page information display device, please refer to the above limitation on the page information display method, which will not be repeated here.
- the various modules in the above-mentioned page information display device can be implemented in whole or in part by software, hardware, and combinations thereof.
- the foregoing modules may be embedded in the form of hardware or independent of the processor in the computer device, or may be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the foregoing modules.
- a computer device is provided.
- the computer device may be a terminal, and its internal structure diagram may be as shown in FIG. 5.
- the computer equipment includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus.
- the processor of the computer device is used to provide calculation and control capabilities.
- the memory of the computer device includes a non-volatile storage medium and an internal memory.
- the non-volatile storage medium stores an operating system and computer readable instructions.
- the internal memory provides an environment for the operation of the operating system and computer-readable instructions in the non-volatile storage medium.
- the network interface of the computer device is used to communicate with an external terminal through a network connection.
- the computer-readable instruction is executed by the processor to realize a method for displaying page information.
- the display screen of the computer device can be a liquid crystal display or an electronic ink display screen
- the input device of the computer device can be a touch layer covered on the display screen, or it can be a button, trackball or touchpad set on the computer device shell , It can also be an external keyboard, touchpad, or mouse.
- FIG. 5 is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied.
- the specific computer device may Including more or fewer parts than shown in the figure, or combining some parts, or having a different arrangement of parts.
- a computer device includes a memory and one or more processors.
- the memory stores computer readable instructions.
- the one or more processors execute the following steps:
- the display page includes the information box and the click event corresponding to the information box; the display page is generated by the server according to the control information;
- the trigger information includes the information and style identification in the information box;
- the display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- the processor further implements the following steps when executing the computer-readable instructions:
- an automatic rendering request is generated
- the information to be displayed is rendered and displayed according to the display style.
- the processor further implements the following steps when executing the computer-readable instructions:
- the bubble display mechanism is triggered
- the processor further implements the following steps when executing the computer-readable instructions:
- the processor further implements the following steps when executing the computer-readable instructions:
- the processor further implements the following steps when executing the computer-readable instructions:
- the information in the information box is rendered and displayed according to the style description.
- One or more non-volatile storage media storing computer-readable instructions.
- the computer-readable instructions When executed by one or more processors, the one or more processors perform the following steps:
- the display page includes the information box and the click event corresponding to the information box;
- the display page is generated by the server according to the control information
- the trigger information includes the information and style identification in the information box;
- the display style is obtained from the display style sheet based on the style identifier, and the information in the information box is rendered and displayed according to the display style.
- an automatic rendering request is generated
- the information to be displayed is rendered and displayed according to the display style.
- the bubble display mechanism is triggered
- Get the style description of the display style display the information in the information box after rendering according to the style description.
- Non-volatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
- Volatile memory may include random access memory (RAM) or external cache memory.
- RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous chain Channel (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种页面信息显示方法，包括：获取携带有控件信息的控件增加指令并发送给服务器；接收服务器返回的显示页面，显示页面包括信息框和信息框对应的点击事件；显示页面由服务器根据控件信息生成；当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，触发信息包括信息框中的信息和样式标识；接收服务器根据显示请求返回的显示样式表；基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示。
Description
相关申请的交叉引用
本申请要求于2019年06月28日提交中国专利局，申请号为2019105723847，申请名称为“页面信息显示方法、装置、计算机设备和存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
本申请涉及一种页面信息显示方法、装置、计算机设备和存储介质。
随着社会经济的进步，带动了各种产业的发展。而为了便于管理产业的相关业务，大多数企业都有相关的业务系统。
然而，发明人意识到，传统的业务系统大多使用框架EasyUI进行开发，但是框架EasyUI的DataGrid控件功能无法使得业务人员对业务系统的列表页面信息进行个性化操作后再显示。而由于无法个性化将业务系统的列表页面信息进行显示，导致业务系统中列表页面中记录的信息过多时，使得列表页面中的信息杂乱无章，从而影响对业务系统的操作，导致工作效率低下。
发明内容
根据本申请公开的各种实施例，提供一种页面信息显示方法、装置、计算机设备和存储介质。
一种页面信息显示方法，包括：
获取携带有控件信息的控件增加指令并发送给服务器；
接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；
当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务 器，所述触发信息包括所述信息框中的信息和样式标识；
接收服务器根据所述显示请求返回的显示样式表；及
基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
一种页面信息显示装置，包括：
获取模块，用于获取携带有控件信息的控件增加指令并发送给服务器；
接收模块，用于接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；
采集模块，用于当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；
所述接收模块还用于接收服务器根据所述显示请求返回的显示样式表；及
显示模块，用于基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
一种计算机设备，包括存储器和一个或多个处理器，所述存储器存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述一个或多个处理器执行以下步骤：
获取携带有控件信息的控件增加指令并发送给服务器；
接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；
当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；
接收服务器根据所述显示请求返回的显示样式表；及
基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
获取携带有控件信息的控件增加指令并发送给服务器；
接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；
当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；
接收服务器根据所述显示请求返回的显示样式表；及
基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征和优点将从说明书、附图以及权利要求书变得明显。
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1为根据一个或多个实施例中页面信息显示方法的应用场景图。
图2为根据一个或多个实施例中页面信息显示方法的流程示意图。
图3为另一个实施例中页面信息显示方法的流程示意图。
图4为根据一个或多个实施例中页面信息显示装置的框图。
图5为根据一个或多个实施例中计算机设备的框图。
为了使本申请的技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的页面信息显示方法，可以应用于如图1所示的应用环境中。终端102通过网络与服务器104进行通信。终端102获取携带有控件信息的控件增加指令并发送给服务器104；终端102接收服务器104返回的显示页面，显示页面包括信息框和信息框对应的点击事件；显示页面由服务器104根据控件信息生成；终端102当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器104，触发信息包括信息框中的信息和样式标识；终端102接收服务器104根据显示请求返回的显示样式表；终端102基 于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示。终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一些实施例中，如图2所示，提供了一种页面信息显示方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：
步骤S202，获取携带有控件信息的控件增加指令并发送给服务器。
控件信息是指所新增的页面控件的控件信息，包括控件类型，控件名称以及控件所链接的信息框。控件所链接的信息框即是将该控件与该信息框进行绑定，对信息框增加对应的控件，使得信息框能够被用户点击。例如，当用户对该信息框有个性化操作需求时，通过触发该控件下发指令。而控件增加指令则是指用于指示服务器根据控件信息生成显示页面的请求。
具体的，用户通过用户终端操作将新增页面控件的控件信息传送给用户终端，当用户终端获取到用户上传的所要新增的页面控件的控件信息后，同步生成控件增加指令，并将控件增加指令和控件信息发送给服务器。
步骤S204，接收服务器返回的显示页面，显示页面包括信息框和信息框对应的点击事件；显示页面由服务器根据控件信息生成。
显示页面是指各种业务系统的所能显示的功能页面，例如在金融行业，有催收系统，可以理解为显示页面即为催收系统中能够显示的页面，可以为记录有各种业务案件列表的业务案件列表页面等。信息框则是显示页面中用于显示信息的区域，信息框设置有对应的控件和点击事件，信息框中的每个控件都有对应的点击事件。而同一个控件根据不同的触发方式可以触发不同的点击事件，例如对信息框中的控件进行右键操作或双击操作，能够触发不同的点击事件。而不同的点击事件可以完成信息框中信息的不同显示，例如信息框中的信息进行置顶、置灰、高亮标记、更改字体颜色、大小以及样式等。即当用户想要对信息框所对应的信息进行个性化操时，通过不同的触发方式点击信息框，即可触发该信息框对应的控件启动对应的点击事件。例如，信息框1对应控件1和点击事件1，而控件1的触发方式为右键，而点击事件1被右键触发时的页面信息显示是置顶，则当用户通过操作右键点击该信息框1时，触发控件1而启动点击事件1将信息框1对应的页面信息进行 置顶操作。而点击事件的触发方式根据不同移动终端的形式(移动终端、个人计算机等)包括但不限于触控、右键点击、左键点击等。点击事件包括埋点规则和事件监听任务。埋点规则用于采集当点击事件被启动时的用户行为数据，即采集该点击事件被启动时的触发信息。事件监听任务则是服务器用于监听该点击事件是否被启动。
具体地，当终端获取到携带有控件信息的控件增加指令后，通过该控件增加指令向服务器加载显示页面，也就是将携带有控件信息的控件增加指令发送给服务器。当服务器接收到携带有控件信息的控件增加指令后，即根据控件信息生成显示页面返回给终端显示。即，服务器首先获取显示页面的控件列表，根据控件信息中的控件类型和控件名称在控件列表中新增控件，然后根据控件信息中的链接信息框将新增控件与指定的信息框进行链接。而当显示页面所要新增的控件新增完成后，服务器则获取预先配置的埋点规则和事件监听任务，将埋点规则和事件监听任务设置在显示页面的控件处，完成控件对应点击事件的设置。当新增控件、埋点规则以及事件监听任务均设置完成后显示页面才生成完成。而由于显示页面中的信息都有一个对应显示的信息框，则将新增控件与信息框进行链接后，当该控件被触发而启动对应的点击事件后，则是将该信息框中的信息进行个性化显示。
步骤S206，当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，触发信息包括信息框中的信息和样式标识。
显示请求是指用于指示服务器更改信息框中信息的显示样式的指令。显示请求是指当用户通过在终端操作点击显示页面中的信息框而触发了该信息框对应的控件，则启动点击事件。终端通过点击事件中的埋点规则采集信息框中的信息和样式标识，即触发信息，而服务器也根据事件监听任务监听到此控件的点击事件被触发了，则向终端发送反馈指令。终端根据反馈指令生成显示请求，将埋点规则所采集的触发信息随着显示请求一并发送给服务器。本实施例通过事件监听任务向终端发送将埋点所采集的触发信息反馈的反馈指令，保证了触发信息的实时上传。
步骤S208，接收服务器根据显示请求返回的显示样式表。
显示样式表是预先配置保存在服务器的，当服务器接收到显示请求后，即可确定终端用户需要进行页面信息的个性化显示，则响应显示请求从数据库中获取预存的显示样式表返回给终端，终端即可接收到服务器返回的显示样式表。
步骤S210，基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框 中的信息进行渲染后显示。
触发信息包括信息框中的信息和样式标识，信息框中的信息是指进行个性化显示的信息。样式标识是指从显示样式表中获取对应的样式的编号。当终端用户通过操作点击到信息框对应的控件时同步触发启动点击事件，终端根据点击事件中的埋点规则采集信息框中的信息和样式标识。例如：用户在终端点击信息框，触发了该信息框对应的控件从而启动了点击事件。而该控件触发的点击事件对应的个性化操作是标黄，则终端调用该点击事件对应的埋点规则采集该信息框中的信息，即等待进行个性化显示的信息、以及获取标黄样式对应的样式标识。则用户终端根据样式标识从显示样式表中获取对应的显示样式后，将信息框中对应的信息渲染成该显示样式后进行显示。
在一些实施例中，基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示包括步骤：根据样式标识从显示样式表中获取对应的显示样式；获取显示样式的样式描述；根据样式描述对信息框中的信息进行渲染后显示。
具体地，终端根据样式标识从显示样式表中查找对应的显示样式，获取该显示样式对应的样式描述。根据样式描述将信息框中的信息进行渲染。或者用户终端可以重新获取信息框中的信息，并将重新获取的信息框中信息，与点击事件的埋点规则所采集的信息框中的信息进行比较，确定二者是否为相同的信息。当二者是相同的信息时，根据显示样式的样式描述将信息框对应的页面信息进行渲染，渲染完成后显示在终端的显示装置上。通过比较信息防止终端获取错误或者埋点规则采集错误。样式描述是对显示样式的信息描述，提供该样式对应的字体颜色、大小或者背景颜色等。首先根据样式标识获取到的显示样式的样式描述，然后根据样式描述获取本次渲染的字体颜色、大小或者背景颜色等信息，然后根据上述信息对信息框对应的信息进行绘制，绘制成对应的显示文字，也就是经过渲染后的信息。然后将渲染后的信息显示在该信息框中。
上述页面信息显示方法，用户终端通过携带有控件信息的控件增加指令向服务器获取包括信息框和对应点击事件的显示页面，从而确保用户终端显示的页面是能够支持个性化操作的显示页面。然后当信息框对应的点击事件被触发时，采集信息框中的信息以及样式标识，并生成显示请求指示服务器返回显示样式表，从而确保能够获取到渲染的样式。基于所采集的样式标识从显示样式表中获取对应的显示样式，根据显示样式将信息框中的信息进行渲染后显示，从而确保根据不同的用户操作自动渲染信息框中的信息，完成页面信 息个性化的显示，便于用户记忆业务处理情况，提高工作效率。
在一些实施例中，如图3所示，提供另一种页面信息显示方式。在步骤S206之前还包括以下步骤：
步骤S302，当信息框接收到待显示信息时，获取配置规则。
待显示信息是指用户在对应信息框中实时输入需要显示在显示页面的信息。配置规则是指存储了信息对应的判定规则，用于判定被输入的信息是否满足自动渲染要求的规则文件。具体地，当用户通过在显示页面的信息框中输入信息时，即待显示信息，则获取配置规则判断该待显示信息是否满足自动渲染要求。例如，催收系统中的金额管理列表是用于管理客户还款事项的页面，页面所记载的信息包括还款金额和未还款金额等。而当用户通过终端输入某客户的还款金额时，则获取配置规则。从配置规则中获取关于还款金额对应的判定规则。而该判定规则规定当还款金额小于预设值时，需要将输入的还款金额标黑显示。则根据配置规则将用户输入的还款金额与预设值进行比较，当小于预设值时，表示该还款金额满足了自动渲染成黑的要求。
步骤S304，当根据配置规则确定待显示信息满足自动渲染要求时，则生成自动渲染请求。
具体地，则当根据配置规则判定所输入的待显示信息满足自动渲染要求后，终端生成自动渲染请求发送给服务器。用于指示服务器反馈自动渲染的显示样式的请求指令。
步骤S306，基于自动渲染请求向服务器获取待显示信息对应的显示样式。
具体地，当终端生成自动渲染请求后，将该自动渲染请求发送给服务器，并且自动渲染请求中携带有对应的样式标识。服务器根据样式标识返回对应的显示样式。例如，根据配置规则将用户输入的还款金额与预设值进行比较时，而判定还款金额小于预设值需要将还款金额标黑显示，则终端获取标黑样式的样式标识，将标黑样式标识随自动渲染请求发送给服务器。服务器根据样式标识从预存的显示样式表中获取标黑样式对应的显示样式返回给终端。
步骤S308，根据显示样式对待显示信息进行渲染后显示。
具体地，终端接收到对应的显示样式后，从该显示样式中获取对应的样式描述，根据样式描述通过的字体颜色完成样式渲染，将输入的信息渲染后再显示在信息框中。在本实施例中，不需要通过用户触发控件启动点击事件完成页面渲染显示，实时输入信息即可 实现自动渲染，进一步提高工作效率。
在一些实施例中，信息框接收到待显示信息时，获取配置规则之后，还包括步骤：当根据配置规则确定待显示信息满足缩略显示要求时，触发气泡显示机制；基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号；根据气泡、显示长度和隐藏符号将待显示信息输入至信息框。
缩略显示要求是指判断所输入的待显示信息的显示长度是否大于信息框的显示长度。气泡显示机制则是将所输入的待显示信息完整的用气泡进行隐藏显示。隐藏符号则是提醒用户该信息框的信息没有显示完整，并且有对应的气泡。具体地，终端用户通过输入框输入待显示的信息，输入完成后上传给终端。当终端获取到用户上传的待显示信息时，根据所输入的待显示信息确定待显示信息的字段长度。当根据配置规则判断所输入的待显示信息的字段长度大于信息框隐藏显示的预设上限值时，则触发气泡显示机制。根据触发气泡显示机制向服务器获取气泡、待显示信息对应信息框的显示长度和隐藏符号。根据气泡、待显示信息对应信息框的显示长度和隐藏符号完成待显示信息的缩略显示。当本次输入的信息大于对应信息框的显示长度，但是没有大于配置规则中信息框隐藏显示的预设上限值，则终端显示输入的待显示信息时，根据待显示信息的字段长度将部分待显示信息不用隐藏符号代替而隐藏，当点击信息框时即可查看完整的信息。
在一些实施例中，根据气泡、显示长度和隐藏符号将待显示信息输入至信息框包括步骤：根据显示长度从待显示信息中获取显示信息，将显示信息和隐藏符号输入至信息框中；获取气泡的显示尺寸和显示方式；根据显示尺寸和显示方式将待显示信息输入至气泡中，并将气泡与信息框链接。
显示信息是指显示在信息框的部分待显示信息，而其他的待显示信息即为隐藏信息。隐藏符号是指替代隐藏信息的标记，例如省略号等。显示尺寸是指气泡能够显示的信息的大小。显示方式是指信息在气泡中的排列方式。具体地，当终端获取到气泡、显示长度和隐藏符号后，根据显示长度从输入的待显示信息中获取部分信息为显示信息，将显示信息与隐藏符号进行组合显示在对应的信息框中。例如，显示信息可以为从开头截取，则隐藏符号在显示信息后面。显示信息也可以从后面开始截取，则隐藏符号在显示信息之前。显示信息还可以为从中间截取，则显示信息前面和后面均有隐藏符号在。信息框中的显示完成后，则根据气泡的显示尺寸和显示方式将完整的待显示信息进行排列后输入至气泡中， 将该气泡与对应的信息框链接，也就是与隐藏符号进行链接。当用户点击信息框中的隐藏符号后，即可弹出气泡显示完整的信息。
在一些实施例中，根据显示尺寸和显示方式将待显示信息输入至气泡中，并将气泡与信息框链接包括步骤：根据显示方式将待显示信息进行排列得到排列信息；当排列信息的尺寸不满足显示尺寸时，生成修改指令；根据修改指令向服务器获取新气泡，新气泡由服务器根据排列信息的尺寸修改生成；将排列信息输入至新气泡中，并将新气泡与信息框链接。
具体地，当根据气泡的显示方式将待显示信息进行排列后得到的排列信息后，将排列信息输入至气泡中时确定排列信息的尺寸是否大于气泡的显示尺寸，当大于时，表示待显示信息无法完整显示在气泡中，终端同步生成修改指令，将排列信息的尺寸同步发送给服务器。服务器接收到修改指令后，根据排列信息的尺寸修改气泡的显示尺寸生成新气泡，或者重新获取满足排列信息尺寸的新气泡返回给终端。终端将排列信息输入至新气泡中，将新气泡与信息框链接。当不大于时，表示待显示信息可以完成显示在气泡中，则将排列信息输入至气泡。
应该理解的是，虽然图2-3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-3中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一些实施例中，如图4所示，提供了一种页面信息显示装置，包括：获取模块402、接收模块404、采集模块406和显示模块408，具体地：
获取模块402，用于获取携带有控件信息的控件增加指令并发送给服务器。
接收模块404，用于接收服务器返回的显示页面，显示页面包括信息框和信息框对应的点击事件；显示页面由服务器根据控件信息生成。
采集模块406，用于当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，触发信息包括信息框中的信息和样式标识。
接收模块404还用于接收服务器根据显示请求返回的显示样式表。及
显示模块418，用于基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示。
在一些实施例中，页面信息显示装置还包括配置模块，用于当信息框接收到待显示信息时，获取配置规则；
当根据配置规则确定待显示信息满足自动渲染要求时，生成自动渲染请求；及
基于自动渲染请求向服务器获取待显示页面信息对应的显示样式；根据显示样式对待显示信息进行渲染后显示。
在一些实施例中，配置模块还用于当根据配置规则确定待显示信息满足缩略显示要求时，触发气泡显示机制；
基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号；及
根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。
在一些实施例中，配置模块还用于根据显示长度从待显示信息中获取显示信息，将显示信息和隐藏符号输入至信息框中；
获取气泡的显示尺寸和显示方式；及
根据显示尺寸和显示方式将待显示信息输入至气泡中，并将气泡与信息框链接。
在一些实施例中，配置模块还用于根据显示方式将待显示信息进行排列得到排列信息；
当排列信息的尺寸不满足显示尺寸时，生成修改指令；
根据修改指令向服务器获取新气泡，新气泡由服务器根据排列信息的尺寸修改生成；及
将排列信息输入至新气泡中，并将新气泡与所述信息框链接。
在一些实施例中，显示模块410还用于根据样式标识从显示样式表中获取对应的显示样式；
获取显示样式的样式描述；及
根据样式描述对信息框中的信息进行渲染后显示。
关于页面信息显示装置的具体限定可以参见上文中对于页面信息显示方法的限定，在此不再赘述。上述页面信息显示装置中的各个模块可全部或部分通过软件、硬件及其组合 来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一些实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令。该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种页面信息显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图5中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
一种计算机设备，包括存储器和一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被处理器执行时，使得一个或多个处理器执行以下步骤：
获取携带有控件信息的控件增加指令并发送给服务器；
接收服务器返回的显示页面，显示页面包括信息框和信息框对应的点击事件；显示页面由服务器根据控件信息生成；
当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，触发信息包括信息框中的信息和样式标识；
接收服务器根据显示请求返回的显示样式表；及
基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
当信息框接收到待显示信息时，获取配置规则；
当根据配置规则确定待显示信息满足自动渲染要求时，生成自动渲染请求；
基于自动渲染请求向服务器获取待显示页面信息对应的显示样式；及
根据显示样式对待显示信息进行渲染后显示。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
当根据配置规则确定待显示信息满足缩略显示要求时，触发气泡显示机制；
基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号；及
根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
根据显示长度从待显示信息中获取显示信息，将显示信息和隐藏符号输入至信息框中；
获取气泡的显示尺寸和显示方式；及
根据显示尺寸和显示方式将待显示信息输入至气泡中，并将气泡与信息框链接。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
根据显示方式将待显示信息进行排列得到排列信息；
当排列信息的尺寸不满足显示尺寸时，生成修改指令；
根据修改指令向服务器获取新气泡，新气泡由服务器根据排列信息的尺寸修改生成；及
将排列信息输入至新气泡中，并将新气泡与所述信息框链接。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
根据样式标识从显示样式表中获取对应的显示样式；
获取显示样式的样式描述；及
根据样式描述对信息框中的信息进行渲染后显示。
一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
获取携带有控件信息的控件增加指令并发送给服务器；
接收服务器返回的显示页面，显示页面包括信息框和信息框对应的点击事件；
显示页面由服务器根据控件信息生成；
当信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，触 发信息包括信息框中的信息和样式标识；
接收服务器根据显示请求返回的显示样式表；及
基于样式标识从显示样式表中获取显示样式，并根据显示样式对信息框中的信息进行渲染后显示。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
当信息框接收到待显示信息时，获取配置规则；
当根据配置规则确定待显示信息满足自动渲染要求时，生成自动渲染请求；
基于自动渲染请求向服务器获取待显示页面信息对应的显示样式；及
根据显示样式对待显示信息进行渲染后显示。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
当根据配置规则确定待显示信息满足缩略显示要求时，触发气泡显示机制；
基于气泡显示机制向服务器获取气泡、信息框的显示长度以及隐藏符号；及
根据气泡、显示长度和隐藏符号将待显示信息输入至所述信息框。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
根据显示长度从待显示信息中获取显示信息，将显示信息和隐藏符号输入至信息框中；
获取气泡的显示尺寸和显示方式；及
根据显示尺寸和显示方式将待显示信息输入至气泡中，并将气泡与信息框链接。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
根据显示方式将待显示信息进行排列得到排列信息；
当排列信息的尺寸不满足显示尺寸时，生成修改指令；
根据修改指令向服务器获取新气泡，新气泡由服务器根据排列信息的尺寸修改生成；及
将排列信息输入至新气泡中，并将新气泡与所述信息框链接。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
根据样式标识从显示样式表中获取对应的显示样式；及
获取显示样式的样式描述；根据样式描述对信息框中的信息进行渲染后显示。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通 过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (20)
- 一种页面信息显示方法，包括：获取携带有控件信息的控件增加指令并发送给服务器；接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；接收服务器根据所述显示请求返回的显示样式表；及基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
- 根据权利要求1所述的方法，其特征在于，所述当所述信息框对应的点击事件被触发之前，还包括：当所述信息框接收到待显示信息时，获取配置规则；当根据所述配置规则确定所述待显示信息满足自动渲染要求时，生成自动渲染请求；基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式；及根据所述显示样式对所述待显示信息进行渲染后显示。
- 根据权利要求2所述的方法，其特征在于，所述当所述信息框接收到待显示信息时，获取配置规则之后，还包括：当根据所述配置规则确定所述待显示信息满足缩略显示要求时，触发气泡显示机制；基于所述气泡显示机制向所述服务器获取气泡、所述信息框的显示长度以及隐藏符号；及根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框。
- 根据权利要求3所述的方法，其特征在于，所述根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框，包括：根据所述显示长度从所述待显示信息中获取显示信息，将所述显示信息和所述隐藏符号输入至所述信息框中；获取所述气泡的显示尺寸和显示方式；及根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中，并将所述气泡与 所述信息框链接。
- 根据权利要求4所述的方法，其特征在于，根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中，并将所述气泡与所述信息框链接，包括：根据所述显示方式将所述待显示信息进行排列得到排列信息；当所述排列信息的尺寸不满足所述显示尺寸时，生成修改指令；根据所述修改指令向服务器获取新气泡，所述新气泡由服务器根据所述排列信息的尺寸修改生成；及将所述排列信息输入至所述新气泡中，并将所述新气泡与所述信息框链接。
- 根据权利要求1所述的方法，其特征在于，基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示，包括：根据所述样式标识从所述显示样式表中获取对应的显示样式；获取所述显示样式的样式描述；及根据所述样式描述对所述信息框中的信息进行渲染后显示。
- 一种页面信息显示装置，包括：获取模块，用于获取携带有控件信息的控件增加指令并发送给服务器；接收模块，用于接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；采集模块，用于当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；所述接收模块还用于接收服务器根据所述显示请求返回的显示样式表；及显示模块，用于基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
- 根据权利要求7所述的装置，其特征在于，所述装置还包括：配置模块，用于当所述信息框接收到待显示信息时，获取配置规则；当根据所述配置规则确定所述待显示信息满足自动渲染要求时，生成自动渲染请求；基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式；及根据所述显示样式对所述待显示信息进行渲染后显示。
- 一种计算机设备，包括存储器及一个或多个处理器，所述存储器存储有计算机可 读指令，所述计算机可读指令被所述一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：获取携带有控件信息的控件增加指令并发送给服务器；接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；接收服务器根据所述显示请求返回的显示样式表；及基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
- 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：当所述信息框接收到待显示信息时，获取配置规则；当根据所述配置规则确定所述待显示信息满足自动渲染要求时，生成自动渲染请求；基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式；及根据所述显示样式对所述待显示信息进行渲染后显示。
- 根据权利要求10所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：当根据所述配置规则确定所述待显示信息满足缩略显示要求时，触发气泡显示机制；基于所述气泡显示机制向所述服务器获取气泡、所述信息框的显示长度以及隐藏符号；及根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框。
- 根据权利要求11所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：根据所述显示长度从所述待显示信息中获取显示信息，将所述显示信息和所述隐藏符号输入至所述信息框中；获取所述气泡的显示尺寸和显示方式；及根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中，并将所述气泡与 所述信息框链接。
- 根据权利要求12所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：根据所述显示方式将所述待显示信息进行排列得到排列信息；当所述排列信息的尺寸不满足所述显示尺寸时，生成修改指令；根据所述修改指令向服务器获取新气泡，所述新气泡由服务器根据所述排列信息的尺寸修改生成；及将所述排列信息输入至所述新气泡中，并将所述新气泡与所述信息框链接。
- 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：根据所述样式标识从所述显示样式表中获取对应的显示样式；获取所述显示样式的样式描述；及根据所述样式描述对所述信息框中的信息进行渲染后显示。
- 一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：获取携带有控件信息的控件增加指令并发送给服务器；接收服务器返回的显示页面，所述显示页面包括信息框和所述信息框对应的点击事件；所述显示页面由所述服务器根据所述控件信息生成；当所述信息框对应的点击事件被触发时，采集触发信息并生成显示请求发送至服务器，所述触发信息包括所述信息框中的信息和样式标识；接收服务器根据所述显示请求返回的显示样式表；及基于所述样式标识从所述显示样式表中获取显示样式，并根据所述显示样式对所述信息框中的信息进行渲染后显示。
- 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：当所述信息框接收到待显示信息时，获取配置规则；当根据所述配置规则确定所述待显示信息满足自动渲染要求时，生成自动渲染请求；基于所述自动渲染请求向服务器获取所述待显示信息对应的显示样式；及根据所述显示样式对所述待显示信息进行渲染后显示。
- 根据权利要求16所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：当根据所述配置规则确定所述待显示信息满足缩略显示要求时，触发气泡显示机制；基于所述气泡显示机制向所述服务器获取气泡、所述信息框的显示长度以及隐藏符号；及根据所述气泡、所述显示长度和所述隐藏符号将所述待显示信息输入至所述信息框。
- 根据权利要求17所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：根据所述显示长度从所述待显示信息中获取显示信息，将所述显示信息和所述隐藏符号输入至所述信息框中；获取所述气泡的显示尺寸和显示方式；及根据所述显示尺寸和显示方式将所述待显示信息输入至所述气泡中，并将所述气泡与所述信息框链接。
- 根据权利要求18所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：根据所述显示方式将所述待显示信息进行排列得到排列信息；当所述排列信息的尺寸不满足所述显示尺寸时，生成修改指令；根据所述修改指令向服务器获取新气泡，所述新气泡由服务器根据所述排列信息的尺寸修改生成；及将所述排列信息输入至所述新气泡中，并将所述新气泡与所述信息框链接。
- 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：根据所述样式标识从所述显示样式表中获取对应的显示样式；获取所述显示样式的样式描述；及根据所述样式描述对所述信息框中的信息进行渲染后显示。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910572384.7A CN110413922B (zh) | 2019-06-28 | 2019-06-28 | 页面信息显示方法、装置、计算机设备和存储介质 |
| CN201910572384.7 | 2019-06-28 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2020258650A1 true WO2020258650A1 (zh) | 2020-12-30 |
Family
ID=68359920
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2019/117308 Ceased WO2020258650A1 (zh) | 2019-06-28 | 2019-11-12 | 页面信息显示方法、装置、计算机设备和存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN110413922B (zh) |
| WO (1) | WO2020258650A1 (zh) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110413922B (zh) * | 2019-06-28 | 2024-06-14 | 平安科技（深圳）有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
| CN111125578B (zh) * | 2019-11-22 | 2024-03-12 | 拉扎斯网络科技（上海）有限公司 | 页面显示方法、页面显示装置、存储介质和电子设备 |
| CN111273904B (zh) * | 2020-01-14 | 2024-12-10 | 平安壹钱包电子商务有限公司 | 基于自定义模块的页面生成方法、装置、设备和存储介质 |
| CN111832773B (zh) * | 2020-05-29 | 2024-05-17 | 北京嘀嘀无限科技发展有限公司 | 信息显示方法、装置、存储介质和电子设备 |
| CN112685678B (zh) * | 2021-01-07 | 2023-11-07 | 腾讯科技（深圳）有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
| CN112887376B (zh) * | 2021-01-14 | 2022-10-18 | 广东电网有限责任公司广州供电局 | feed流去重方法、装置、系统、计算机设备和存储介质 |
| CN113836465A (zh) * | 2021-09-17 | 2021-12-24 | 深圳追一科技有限公司 | 控件显示方法、系统、计算机设备和存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012058936A1 (zh) * | 2010-11-02 | 2012-05-10 | 深圳市融创天下科技股份有限公司 | 一种界面控件树的创建和绘制的方法、系统及移动终端 |
| CN104267964A (zh) * | 2014-10-10 | 2015-01-07 | 北京嘉和美康信息技术有限公司 | 一种模板生成装置 |
| CN108132814A (zh) * | 2017-12-22 | 2018-06-08 | 平安养老保险股份有限公司 | 应用程序的页面加载方法、装置、计算机设备和存储介质 |
| CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技（深圳）有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
| CN110413922A (zh) * | 2019-06-28 | 2019-11-05 | 平安科技（深圳）有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107203303A (zh) * | 2016-03-18 | 2017-09-26 | 阿里巴巴集团控股有限公司 | 一种界面显示方法及装置 |
| CN108153788B (zh) * | 2016-12-02 | 2022-02-11 | 阿里巴巴集团控股有限公司 | 页面信息个性化处理方法、装置及系统 |
| CN108874810B (zh) * | 2017-05-10 | 2021-01-26 | 北京京东尚科信息技术有限公司 | 信息采集的方法和装置 |
| CN107241633A (zh) * | 2017-06-07 | 2017-10-10 | 珠海市魅族科技有限公司 | 一种焦点提示方法及装置、计算机装置及可读存储介质 |
| CN109725901B (zh) * | 2018-05-31 | 2024-03-29 | 中国平安人寿保险股份有限公司 | 前端代码的开发方法、装置、设备和计算机存储介质 |
| CN109597960A (zh) * | 2018-12-26 | 2019-04-09 | 深圳互联先锋科技有限公司 | 一种个性化网站系统及配置方法 |
-
2019
- 2019-06-28 CN CN201910572384.7A patent/CN110413922B/zh active Active
- 2019-11-12 WO PCT/CN2019/117308 patent/WO2020258650A1/zh not_active Ceased
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012058936A1 (zh) * | 2010-11-02 | 2012-05-10 | 深圳市融创天下科技股份有限公司 | 一种界面控件树的创建和绘制的方法、系统及移动终端 |
| CN104267964A (zh) * | 2014-10-10 | 2015-01-07 | 北京嘉和美康信息技术有限公司 | 一种模板生成装置 |
| CN108132814A (zh) * | 2017-12-22 | 2018-06-08 | 平安养老保险股份有限公司 | 应用程序的页面加载方法、装置、计算机设备和存储介质 |
| CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技（深圳）有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
| CN110413922A (zh) * | 2019-06-28 | 2019-11-05 | 平安科技（深圳）有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110413922B (zh) | 2024-06-14 |
| CN110413922A (zh) | 2019-11-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2020258650A1 (zh) | 页面信息显示方法、装置、计算机设备和存储介质 | |
| WO2021184571A1 (zh) | 动态表单生成方法、装置、计算机设备和存储介质 | |
| WO2020186786A1 (zh) | 文件处理方法、装置、计算机设备和存储介质 | |
| WO2020151333A1 (zh) | 页面加载方法、装置、计算机设备和存储介质 | |
| WO2020186783A1 (zh) | 数据导入方法、装置、计算机设备和存储介质 | |
| WO2021164161A1 (zh) | 影像数据标注方法、装置、计算机设备和存储介质 | |
| US10725622B2 (en) | Providing attachment control to manage attachments in conversation | |
| CN111510439B (zh) | 会话提醒方法、装置、计算机设备和存储介质 | |
| US10872198B2 (en) | Methods and systems for applying responsive design to subframes on a web page | |
| WO2019134340A1 (zh) | 薪资计算方法、应用服务器及计算机可读存储介质 | |
| CN112000903A (zh) | 数据查询方法、装置、计算机设备和存储介质 | |
| WO2019047508A1 (zh) | 电子书评论信息的处理方法、电子设备以及存储介质 | |
| CN110321467A (zh) | 机场工程项目信息展示方法、装置、系统、设备和介质 | |
| CN110543450A (zh) | 电子文档生成方法、装置、计算机设备及存储介质 | |
| CN115905397A (zh) | 一种业务数据的可视化展示方法、装置、系统及介质 | |
| CN110177039A (zh) | 消息分享方法、装置、计算机设备和存储介质 | |
| CN104537049B (zh) | 一种图片浏览方法及装置 | |
| WO2020015146A1 (zh) | 文件批注信息的处理方法、装置、计算机设备及存储介质 | |
| CN109542962B (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
| CN112686010B (zh) | 资源数据报表生成方法、装置、计算机设备和存储介质 | |
| CN113377265A (zh) | 一种批注方法、装置、移动终端和存储介质 | |
| CN110888901B (zh) | 系统管理方法、装置、计算机设备和存储介质 | |
| CN113886240A (zh) | 可视化回归测试方法、装置、计算机设备及存储介质 | |
| WO2019019753A1 (zh) | 提供健康报告的判断方法、装置、计算机设备和存储介质 | |
| CN109656549B (zh) | 监察系统的构建方法、装置、计算机设备和存储介质 |
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: 19934708 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: 19934708 Country of ref document: EP Kind code of ref document: A1 |