WO2020151333A1 - 页面加载方法、装置、计算机设备和存储介质 - Google Patents

页面加载方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
WO2020151333A1
WO2020151333A1 PCT/CN2019/118362 CN2019118362W WO2020151333A1 WO 2020151333 A1 WO2020151333 A1 WO 2020151333A1 CN 2019118362 W CN2019118362 W CN 2019118362W WO 2020151333 A1 WO2020151333 A1 WO 2020151333A1
Authority
WO
WIPO (PCT)
Prior art keywords
drop
selection box
page
down selection
configuration file
Prior art date
Application number
PCT/CN2019/118362
Other languages
English (en)
French (fr)
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 WO2020151333A1 publication Critical patent/WO2020151333A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/957—Browsing optimisation, e.g. caching or content distillation

Definitions

  • This application relates to a page loading method, device, computer equipment and storage medium.
  • front-end technology changes with each passing day. Users began to have more and more requirements for the front-end interface.
  • developers develop the front-end page they must develop the filtering function, and filter through the drop-down selection box.
  • the front-end page implements the filtering function through hard-coded methods, that is, the data is directly embedded into the source code of the program or other executable objects. This implementation method makes the code reusability very low.
  • developers want to develop a large number of pages with filtering functions each page needs to write the corresponding source code.
  • the corresponding source code needs to be obtained to load. Because a large amount of page source code is saved, it takes a lot of time to search, which reduces the efficiency of page loading.
  • a page loading method, device, computer device, and storage medium are provided.
  • a page loading method includes:
  • Receiving a page loading instruction sending a page information acquisition request to the server according to the page loading instruction, receiving page information returned by the server and acquiring a target configuration file.
  • the target configuration file is configured with drop-down selection box attribute information
  • Parse the target configuration file and page information to obtain drop-down selection box attribute information and page attribute information, and pass the drop-down selection box attribute information to the preset drop-down selection box component to obtain the target drop-down selection box component;
  • a page loading device includes:
  • the information acquisition module is used to receive page loading instructions, send page information acquisition requests to the server according to the page load instructions, receive page information returned by the server and acquire a target configuration file, which is configured with drop-down selection box attribute information;
  • the component obtaining module is used to parse the target configuration file and page information to obtain the drop-down selection box attribute information and page attribute information, and transfer the drop-down selection box attribute information to the preset drop-down selection box component to obtain the target drop-down selection box component;
  • the loading module is used to render the target drop-down selection box component and page attribute information, and draw the rendered target drop-down selection box component and page attribute information to obtain a page with a drop-down selection box.
  • a computer device including 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 steps:
  • Receiving a page loading instruction sending a page information acquisition request to the server according to the page loading instruction, receiving the page information returned by the server and acquiring a target configuration file, the target configuration file is configured with drop-down selection box attribute information;
  • Parse the target configuration file and page information to obtain drop-down selection box attribute information and page attribute information, and pass the drop-down selection box attribute information to the preset drop-down selection box component to obtain the target drop-down selection box component;
  • 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:
  • Receiving a page loading instruction sending a page information acquisition request to the server according to the page loading instruction, receiving the page information returned by the server and acquiring a target configuration file, the target configuration file is configured with drop-down selection box attribute information;
  • Parse the target configuration file and page information to obtain drop-down selection box attribute information and page attribute information, and pass the drop-down selection box attribute information to the preset drop-down selection box component to obtain the target drop-down selection box component;
  • Fig. 1 is an application scenario diagram of a page loading method according to one or more embodiments.
  • Fig. 2 is a schematic flowchart of a page loading method according to one or more embodiments.
  • Fig. 3 is a schematic diagram of a process of receiving a target configuration file according to one or more embodiments.
  • Fig. 4 is a schematic diagram of a process of obtaining a page with a drop-down selection box according to one or more embodiments.
  • Fig. 5 is a schematic flowchart of obtaining a target configuration file according to one or more embodiments.
  • Fig. 6 is a schematic diagram of a process of monitoring a drop-down selection box page according to one or more embodiments.
  • Fig. 7 is a block diagram of a page loading device according to one or more embodiments.
  • Figure 8 is a block diagram of a computer device according to one or more embodiments.
  • the page loading method provided in 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 receives the page load instruction, sends a page information acquisition request to the server 104 according to the page load instruction, receives the page information returned by the server 104 and acquires a target configuration file.
  • the target configuration file is configured with drop-down selection box attribute information; the terminal 102 analyzes the target configuration File and page information, get the drop-down selection box attribute information and page attribute information, pass the drop-down selection box attribute information to the preset drop-down selection box component, get the target drop-down selection box component; terminal 102 renders the target drop-down selection box component and page properties Information and draw the rendered target drop-down selection box component and page attribute information to obtain a page with a drop-down selection box.
  • 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 page loading method is provided. Taking the method applied to the terminal in FIG. 1 as an example for description, the method includes the following steps:
  • S202 Receive a page load instruction, send a page information acquisition request to the server according to the page load instruction, receive page information returned by the server, and acquire a target configuration file, the target configuration file is configured with drop-down selection box attribute information.
  • the target configuration file is used to pre-configure the attribute information of the drop-down selection box on the page.
  • the attribute information of the drop-down selection box refers to the specific properties of the drop-down selection box, for example, the style, color, spacing of the drop-down selection box, the data of the drop-down list in the drop-down selection box and the initial value of the drop-down selection box, etc.
  • Page information refers to the code information that implements the page.
  • the terminal receives a page loading instruction through a browser, and the page loading instruction includes a page uniform resource locator. Send a page information acquisition request to the server according to the page uniform resource locator in the page loading instruction, and receive the page information returned by the server. At this time, the terminal obtains the target configuration file saved in the terminal, and the attribute information of the drop-down selection box has been configured in the target configuration file.
  • the terminal can be the terminal used by the developer to develop the page, or the terminal used by the user.
  • S204 Parse the target configuration file and page information to obtain drop-down selection box attribute information and page attribute information, and pass the drop-down selection box attribute information to the preset drop-down selection box component through the binding relationship between data and props to obtain the target drop-down selection box Components.
  • the preset drop-down selection box component is a pre-set general drop-down selection box implementation method.
  • the target drop-down selection box component is a component that obtains the attribute information of the drop-down selection box on the page, and different drop-down selection box attribute information can obtain different target drop-down selection box components.
  • Props are defined in the default drop-down selection box component. Use the v-bind instruction to bind the relationship between the data and the props, so that the preset drop-down selection box component can obtain the dynamically changing data.
  • the target configuration file and page information obtained by the browser in the terminal are parsed to obtain drop-down selection box attribute information and page attribute information, and the drop-down selection box attribute information is transferred to the preset drop-down selection box component through the binding relationship between data and props , Get the target drop-down selection box component.
  • S206 Render the target drop-down selection box component and page attribute information, and draw the rendered target drop-down selection box component and page attribute information to obtain a page with a drop-down selection box.
  • the browser in the terminal renders the target drop-down selection box component and page attribute information, and draws the rendered target drop-down selection box component and page attribute information in the browser to obtain a page with a drop-down selection box.
  • the target configuration file is configured with drop-down selection box attribute information
  • the target is parsed Configure file and page information, get the drop-down selection box property information and page property information, pass the drop-down selection box property information to the preset drop-down selection box component, get the target drop-down selection box component, rendering target drop-down selection box component and page property information , And draw the rendered target drop-down selection box component and page attribute information to get the page with the drop-down selection box.
  • the target drop-down frame component is obtained, and then the page with the drop-down selection box is generated, which reduces the time to obtain the source code and improves Improved page loading efficiency.
  • obtaining the target configuration file includes the steps:
  • S302 Receive a target configuration file acquisition instruction, and send a target configuration file acquisition request to the server according to the target configuration file acquisition instruction, where the target configuration file acquisition request carries a file identifier.
  • S304 Receive and save the target configuration file returned by the server according to the file identifier.
  • the file identifier is used to uniquely identify the target configuration file, and can be a file name, etc.
  • the terminal receives the target configuration file acquisition instruction, which carries the file identification of the target configuration file to be acquired and the server address where the target configuration file is stored, and sends the target configuration file acquisition request to the server according to the server address stored in the configuration file ,
  • the target configuration file acquisition request carries a file identifier
  • the server parses the target configuration file acquisition request to obtain the file identifier.
  • the corresponding target configuration file is found according to the file identifier and the target configuration file is sent to the terminal.
  • the target configuration file is saved.
  • the target configuration file can be stored in the terminal in advance, and it can be used directly when the page is loaded, which is convenient and fast, and improves the efficiency of page loading.
  • step S206 is to render the target drop-down selection box component and page attribute information, and draw the rendered target drop-down selection box component and page attribute information to obtain a drop-down selection box Page, including steps:
  • S402 Compile the target drop-down selection box component and page attribute information to obtain the node tree of the page with the drop-down selection box, and parse the node tree of the page with the drop-down selection box to obtain the element information of the page with the drop-down selection box.
  • the element information of the page with the drop-down selection box refers to the position information of each node in the page with the drop-down selection box.
  • the terminal compiles the target drop-down box component and page attribute information through the engine of the browser to obtain the node tree of the page with the drop-down selection box, and parses the node tree of the page with the drop-down selection box to obtain the element of the page with the drop-down selection box. information.
  • S404 Draw a page with a drop-down selection box according to element information of the page with a drop-down selection box to obtain a page with a drop-down selection box.
  • the terminal draws the page with the drop-down selection box according to the element information of the page with the drop-down selection box to obtain the page with the drop-down selection box.
  • the node tree of the page with the drop-down selection box is obtained, and the node tree of the page with the drop-down selection box is parsed to obtain the element information of the page with the drop-down selection box.
  • the element information of the page with the drop-down selection box the page with the drop-down selection box is drawn, and the page with the drop-down selection box is obtained, and the page with the drop-down selection box can be generated in time to meet user needs.
  • step S202 before step S202, after receiving the page loading instruction, according to the page loading instruction, the page information acquisition request is sent to the server, the page information returned by the server is acquired, and the target configuration file is acquired.
  • the attribute information of the drop-down selection box is configured in the file, it also includes the following steps:
  • S502 Receive a target configuration file generation instruction, where the target configuration file generation instruction carries the attribute information of the drop-down selection box and the developer identifier.
  • the developer ID is used to uniquely identify the developer who develops the page.
  • the terminal receives a target configuration file generation instruction, and the target configuration file generation instruction carries the attribute information of the drop-down selection box and the developer identifier.
  • the terminal receives the target configuration file generation instruction, parses the target configuration file generation instruction, and obtains the attribute information of the drop-down selection box and the developer ID.
  • the terminal will perform permission verification on the developer ID, that is, the terminal sends a permission verification request to the server, and the request carries the developer ID.
  • the server can find the developer ID in the preset permission data table, the permission verification passes .
  • the server does not find the developer ID in the preset permission data table, the permission verification fails, and then the server sends the permission verification result to the terminal.
  • the terminal When the terminal receives the permission verification result as the permission verification passed, the terminal identifies the developer If the permission verification is passed, the terminal uses the script language to generate the key-value pair of the drop-down selection box according to the attribute information of the drop-down selection box, and writes the key-value pair of the drop-down selection box into the preset file to obtain the target configuration file.
  • the terminal displays on the display interface that the developer ID does not have permission, please obtain the authorization prompt.
  • the scripting language can use JSON (JavaScript Object Notation), a lightweight data exchange format.
  • the target configuration file obtained can be ⁇ label: customer name; component: the drop-down information in the drop-down box is the font of the insurance type Attributes, colors, spacing, etc.; style: style information of the drop-down box (width, height, page position); other information: unique attributes such as the content displayed in the initial drop-down box, that is, the initial value, etc. ⁇ . You can also get the target The configuration file is uploaded to the server for sharing.
  • the target configuration file generation instruction carries the drop-down selection box attribute information and the developer ID.
  • the drop-down selection box is generated using the script language according to the drop-down selection box attribute information. Select the key-value pair of the box and write the key-value pair of the drop-down selection box into the preset file to obtain the target configuration file.
  • the target configuration file can be generated in advance, and can be used directly when loading the drop-down selection box page, which improves the loading efficiency. And when developing the drop-down selection box page, you only need to configure different configuration files to generate different drop-down selection box pages, which improves the development efficiency of the drop-down selection box page.
  • step S206 the drop-down selection box component and page attribute information of the rendering target are drawn, and the rendered target drop-down selection box component and page attribute information are drawn, and the result is After selecting the page of the box, there are also steps:
  • S602 Monitor a page with a drop-down selection box, and display a drop-down list when a trigger event to the drop-down selection box is detected.
  • the trigger event for the drop-down selection box refers to the user's operation event on the drop-down selection box, such as mouse clicks on the drop-down selection box, mouse movement to the drop-down selection box, and so on.
  • the terminal uses a preset monitor to monitor the drop-down selection box on the page, and when the monitor detects a trigger event of the drop-down selection box, the drop-down list is displayed in the drop-down selection box.
  • S604 Receive a selection instruction for an option in the drop-down list, obtain the selected list option according to the selection instruction, and display the list option in the drop-down selection box.
  • the terminal receives a selection instruction for the options in the drop-down list, obtains the selected list options according to the selection instructions, and displays the list options in the drop-down selection box.
  • the drop-down list is displayed, the selection instruction for the options in the drop-down list is received, and the selected list option is obtained according to the selection instruction ,
  • the list options are displayed in the drop-down selection box, which realizes the selection of drop-down options and is convenient for users to use.
  • a page loading apparatus 700 including: an information obtaining module 702, a component obtaining module 704, and a loading module 706, wherein:
  • the information acquisition module 702 is configured to receive a page load instruction, send a page information acquisition request to the server according to the page load instruction, receive page information returned by the server, and acquire a target configuration file.
  • the target configuration file is configured with drop-down selection box attribute information;
  • the component obtaining module 704 is used to parse the target configuration file and page information to obtain the attribute information of the drop-down selection box and the page attribute information, and transfer the attribute information of the drop-down selection box to the preset drop-down selection box component to obtain the target drop-down selection box component;
  • the loading module 706 is configured to render the target drop-down selection box component and page attribute information, and draw the rendered target drop-down selection box component and page attribute information to obtain a page with a drop-down selection box.
  • the page information returned by the server is obtained through the information obtaining module 702 and the target configuration file is obtained, and the target drop-down selection box component is obtained through the component obtaining module 704, and finally the rendered target drop-down selection box component is drawn in the loading module 706 And page attribute information, get the page with the drop-down selection box, and realize the loading of the page with the drop-down selection box.
  • the target drop-down frame component by directly obtaining common components and obtaining the target configuration file, and then generate a page with a drop-down selection box, which reduces the time to obtain source code and improves Improved page loading efficiency.
  • the information acquisition module 702 includes:
  • the request sending unit is configured to receive a target configuration file acquisition instruction, and send a target configuration file acquisition request to the server according to the target configuration file acquisition instruction, and the target configuration file acquisition request carries a file identifier;
  • the configuration receiving unit is configured to receive and save the target configuration file returned by the server according to the file identifier.
  • the loading module 706 includes:
  • the element information obtaining unit is used to compile the target drop-down selection box component and page attribute information to obtain the node tree of the page with the drop-down selection box, and to parse the node tree of the page with the drop-down selection box to obtain the element information of the page with the drop-down selection box ;
  • the drawing unit is used to draw the page with the drop-down selection box according to the element information of the page with the drop-down selection box to obtain the page with the drop-down selection box.
  • the page loading device 700 further includes:
  • the instruction receiving module is used to receive the target configuration file generation instruction, and the target configuration file generation instruction carries the attribute information of the drop-down selection box and the developer ID;
  • the configuration file obtaining module is used to generate the key-value pair of the drop-down selection box using the script language according to the attribute information of the drop-down selection box when the developer ID is verified, and write the key-value pair of the drop-down selection box into the preset file to obtain the target configuration file .
  • the page loading device 700 further includes:
  • the monitoring module is used to monitor the page with a drop-down selection box. When a trigger event to the drop-down selection box is detected, the drop-down list is displayed;
  • the option display module is used to receive a selection instruction for the options in the drop-down list, obtain the selected list options according to the selection instruction, and display the list options in the drop-down selection box.
  • Each module in the above-mentioned page loading device can be implemented in whole or in part by software, hardware, and a combination thereof.
  • the foregoing modules may be embedded in the form of hardware or independent of the processor in the computer equipment, or may be stored in the memory of the computer equipment 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. 8.
  • 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 instructions are executed by the processor to implement a page loading method.
  • the display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen
  • the input device of the computer equipment can be a touch layer covered on the display screen, or it can be a button, a trackball or a touchpad set on the housing of the computer equipment , It can also be an external keyboard, touchpad, or mouse.
  • FIG. 8 is only a block diagram of part of the structure related to the solution of the present application, and does not constitute a limitation on the computer equipment to which the solution of the present application is applied.
  • the specific computer equipment may Including more or less parts than shown in the figure, or combining some parts, or having a different part arrangement.
  • a computer device includes a memory and one or more processors.
  • the memory stores computer-readable instructions.
  • the one or more processors perform the following steps: receiving a page load instruction, Send a page information acquisition request to the server according to the page loading instruction, receive the page information returned by the server and obtain the target configuration file.
  • the target configuration file is configured with drop-down selection box attribute information; parse the target configuration file and page information to obtain the drop-down selection box attribute information And page attribute information, transfer the drop-down selection box attribute information to the preset drop-down selection box component to obtain the target drop-down selection box component; and render the target drop-down selection box component and page attribute information, and draw the rendered target drop-down selection box component And page attribute information to get a page with a drop-down selection box.
  • the processor further implements the following steps when executing the computer-readable instructions: receiving a target configuration file obtaining instruction, and sending a target configuration file obtaining request to the server according to the target configuration file obtaining instruction, the target configuration file obtaining request carrying a file identifier ; And receive the target configuration file returned by the server according to the file identifier and save it.
  • the processor further implements the following steps when executing the computer-readable instructions: compiling the target drop-down selection box component and page attribute information to obtain the node tree with the drop-down selection box page, and parsing the nodes with the drop-down selection box page Tree, obtain the element information of the page with the drop-down selection box; and draw the page with the drop-down selection box according to the element information of the page with the drop-down selection box to obtain the page with the drop-down selection box.
  • the processor further implements the following steps when executing the computer-readable instructions: receiving the target configuration file generation instruction, the target configuration file generation instruction carries the attribute information of the drop-down selection box and the developer ID; and when the developer ID verification passes When using the script language to generate the key-value pairs of the drop-down selection box according to the attribute information of the drop-down selection box, write the key-value pairs of the drop-down selection box into the preset file to obtain the target configuration file.
  • the processor further implements the following steps when executing the computer-readable instructions: monitoring a page with a drop-down selection box, when a trigger event for the drop-down selection box is detected, displaying the drop-down list; The selection instruction of the option, the selected list option is obtained according to the selection instruction, and the list option is displayed in the drop-down selection box.
  • One or more non-volatile storage media storing computer-readable instructions.
  • the one or more processors perform the following steps: receiving a page load instruction, and according to the page The load instruction sends a page information acquisition request to the server, receives the page information returned by the server and obtains the target configuration file.
  • the target configuration file is configured with drop-down selection box attribute information; parses the target configuration file and page information to obtain the drop-down selection box attribute information and page Property information, transfer the drop-down selection box property information to the preset drop-down selection box component to obtain the target drop-down selection box component; and render the target drop-down selection box component and page property information, and draw the rendered target drop-down selection box component and page Property information, get a page with a drop-down selection box.
  • the following steps are further implemented: receiving a target configuration file obtaining instruction, and sending a target configuration file obtaining request to the server according to the target configuration file obtaining instruction, the target configuration file obtaining request carrying a file Identification; and receiving and saving the target configuration file returned by the server according to the file identification.
  • the following steps are also implemented: compile the target drop-down selection box component and page attribute information to obtain the node tree of the page with the drop-down selection box, and parse the page with the drop-down selection box
  • the node tree obtains the element information of the page with the drop-down selection box
  • the following steps are further implemented: receiving a target configuration file generation instruction, the target configuration file generation instruction carrying drop-down selection box attribute information and developer identification; and when the developer identification verification When passed, use the script language to generate the key-value pair of the drop-down selection box according to the attribute information of the drop-down selection box, and write the key-value pair of the drop-down selection box into the preset file to obtain the target configuration file.
  • the following steps are also implemented: monitoring a page with a drop-down selection box, when a trigger event for the drop-down selection box is detected, displaying the drop-down list; and receiving a pair of the drop-down list According to the selection instruction of the option, the selected list option is obtained according to the selection instruction, and the list option is displayed in the drop-down selection box.
  • Non-volatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
  • ROM read only memory
  • PROM programmable ROM
  • EPROM electrically programmable ROM
  • EEPROM electrically erasable programmable ROM
  • 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)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

一种页面加载方法，包括：接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

Description

页面加载方法、装置、计算机设备和存储介质
相关申请的交叉引用
本申请要求于2019年01月24日提交中国专利局，申请号为2019100693826，申请名称为“页面加载方法、装置、计算机设备和存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及一种页面加载方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展，前端技术日新月异。用户开始对前端界面有了越来越多的要求。开发人员在进行前端页面的开发时，都要进行筛选功能的开发，通过下拉选择框来实现筛选。目前，前端页面都是通过硬编码的方法来实现筛选功能，即将数据直接嵌入到程序或其他可执行对象的源代码中，这种实现方法使代码的复用性很低。当开发人员要进行大量具有筛选功能的页面的开发时，每个页面都需要编写相对应的源代码。当具有筛选功能页面在加载时，需要获取到对应的源代码才能进行加载。由于保存有大量的页面源代码，要花费大量时间查找，使得页面的加载效率降低。
发明内容
根据本申请公开的各种实施例，提供一种页面加载方法、装置、计算机设备和存储介质。
一种页面加载方法，所述方法包括：
接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下 拉选择框属性信息；
解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
一种页面加载装置，包括：
信息获取模块，用于接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；
组件得到模块，用于解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
加载模块，用于渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
一种计算机设备，包括存储器和一个或多个处理器，所述存储器中储存有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述一个或多个处理器执行以下步骤：
接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；
解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指 令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；
解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征和优点将从说明书、附图以及权利要求书变得明显。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1为根据一个或多个实施例中页面加载方法的应用场景图。
图2为根据一个或多个实施例中页面加载方法的流程示意图。
图3为根据一个或多个实施例中接收目标配置文件的流程示意图。
图4为根据一个或多个实施例中得到带有下拉选择框页面的流程示意图。
图5为根据一个或多个实施例中得到目标配置文件的流程示意图。
图6为根据一个或多个实施例中监控下拉选择框页面的流程示意图。
图7为根据一个或多个实施例中页面加载装置的框图。
图8为根据一个或多个实施例中计算机设备的框图。
具体实施方式
为了使本申请的技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的页面加载方法，可以应用于如图1所示的应用环境中。终端102通过网络与服务器104进行通信。终端102接收页面加载指令，根据页面加载指令向服务器104发送页面信息获取请求，接收服务器104返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；终端102解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；终端102渲染目标下拉选择框组件和页面属性信息并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在其中一个实施例中，如图2所示，提供了一种页面加载方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：
S202，接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息。
目标配置文件是用于预先配置好页面中下拉选择框属性信息的文件。下拉选择框属性信息是指下拉选择框的具体属性，比如，下拉选择框的样式、颜色、间距、下拉选择框中下拉列表数据和下拉选择框中的初始值等等。页面信息是指实现页面的代码信息。
具体地，终端通过浏览器接收页面加载指令，该页面加载指令中包括有页面统一资源定位符。根据页面加载指令中的页面统一资源定位符向服务器发送页面信息获取请求，接收服务器返回的页面信息。此时终端获取到已保 存在终端中的目标配置文件，该目标配置文件中已经配置好了下拉选择框属性信息。终端可以是开发者在进行页面开发的终端，也可以是用户使用终端。
S204，解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，通过数据和道具的绑定关系将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件。
预设下拉选择框组件是预先设置好通用的下拉选择框实现方法。目标下拉选择框组件是得到页面中下拉选择框属性信息的组件，不同的下拉选择框属性信息可以得到不同的目标下拉选择框组件。道具是指在预设下拉选择框组件中定义好的props。使用v-bind指令绑定数据和道具之间的关系，使预设下拉选择框组件可以获取到动态变化数据。
具体地，终端中浏览器解析得到的目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，通过数据和道具的绑定关系将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件。
S206，渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
具体地，终端中的浏览器渲染目标下拉选择框组件和页面属性信息，并在浏览器中绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
上述页面加载方法中，通过接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息，解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件，渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。在加载具有下拉选择框的页面时，通过预设的下拉选择框组件和获取的目标配置文件，得到目标下拉框架组件，进而生成带有下拉选择框的页面，减少了获取源代码的时间，提高了页面加载效 率。
在其中一个实施例中，如图3所示，获取目标配置文件，包括步骤：
S302，接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识。
S304，接收服务器根据文件标识返回的目标配置文件并保存。
文件标识用于唯一标识目标配置文件，可以是文件名等。
具体地，终端接收到目标配置文件获取指令，该指令中携带有要获取的目标配置文件的文件标识和目标配置文件存储的服务器地址，根据配置文件存储的服务器地址向服务器发送目标配置文件获取请求，目标配置文件获取请求中携带有文件标识，当服务器接收到该目标配置文件获取请求时，解析该目标配置文件获取请求，得到文件标识。根据文件标识查找到对应的目标配置文件并将目标配置文件发送给终端，终端接收到目标配置文件时，将该目标配置文件保存。能够预先将目标配置文件存储到终端，在进行页面加载时，可以直接使用，方便快捷，提高了页面加载的效率。
在其中一个实施例中，如图4所示，步骤S206，即渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，包括步骤：
S402，编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息。
其中，带有下拉选择框页面的元素信息是指该带有下拉选择框页面中各个节点的位置信息。
具体地，终端通过浏览器的引擎编译目标下拉框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息。
S404，根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
具体地，终端根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
上述实施例中，通过编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息，根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面，能够及时将带有下拉选择框的页面生成，满足用户需求。
在其中一个实施例中，如图5所示，在步骤S202之前，在接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，获取服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息之前，还包括步骤：
S502，接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识。
开发者标识用于唯一标识进行页面开发的开发人员。
具体地，终端接收目标配置文件生成指令，该目标配置文件生成指令中携带下拉选择框属性信息和开发者标识。
S504，当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。
具体地，终端接收到目标配置文件生成指令，解析该目标配置文件生成指令，得到下拉选择框属性信息和开发者标识。此时，终端会对开发者标识进行权限验证，即终端向服务器发送权限验证请求，该请求携带有开发者标识，当服务器在预设权限数据表中能够查找到开发者标识时，权限验证通过。当服务器在预设权限数据表中未查找到开发者标识时，权限验证未通过，然后服务器向终端发送权限验证结果，当终端接收到权限验证结果为权限验证通过时，即终端对开发者标识的权限验证通过，则终端根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文 件中，得到目标配置文件。当终端接收到权限验证结果为权限验证未通过时，终端在显示界面显示该开发者标识没有权限，请获取授权的提示。其中，脚本语言可以使用JSON(JavaScript Object Notation，一种轻量级的数据交换格式。例如：得到的目标配置文件可以是{label：客户姓名；component：下拉框中的下拉信息即投保类型的字体属性、颜色，间距等等；style：下拉框的样式信息(宽、高、页面位置)；其他信息：独特的属性如初始下拉框显示的内容即初始值等等}。还可以将得到的目标配置文件上传的服务器中进行共享。
在上述实施例中，通过接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识，当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。通过该实施例中可以预先生成目标配置文件，在加载下拉选择框页面时，可以直接使用，提高加载效率。并且在进行下拉选择框页面开发时，只需要配置不同的配置文件就可以生成不同的下拉选择框页面，提高了下拉选择框页面的开发效率。
在其中一个实施例中，如图6所示，在步骤S206之后，即在渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面之后，还包括步骤：
S602，监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表。
其中，对下拉选择框的触发事件是指用户对下拉选择选择框的操作事件，比如鼠标点击下拉选择框、鼠标移动到下拉选择框等等。
具体地，终端使用预先设置好的监视器监控该页面中的下拉选择框，当监视器检测到下拉选择框的触发事件时，在下拉选择框中显示下拉列表。
S604，接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。
具体地，终端接收到对下拉列表中选项的选择指令，根据选择指令得到 选择的列表选项，将列表选项在下拉选择框中显示。
在上述实施例中，通过监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表，接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示，实现了下拉选项的选择，便于用户使用。
应该理解的是，虽然图2-6的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-6中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在其中一个实施例中，如图7所示，提供了一种页面加载装置700，包括：信息获取模块702、组件得到模块704和加载模块706，其中：
信息获取模块702，用于接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；
组件得到模块704，用于解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；
加载模块706，用于渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
在上述页面加载装置中，通过信息获取模块702得到服务器返回的页面信息并获取目标配置文件，通过组件得到模块704得到目标下拉选择框组件， 最后在加载模块706绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，实现了加载带有下拉选择框的页面，。通过在加载具有下拉选择框的页面时，通过直接获取到通用的组件和获取到目标配置文件，得到目标下拉框架组件，进而生成带有下拉选择框的页面，减少了获取源代码的时间，提高了页面加载效率。
在其中一个实施例中，信息获取模块702，包括：
请求发送单元，用于接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；
配置接收单元，用于接收服务器根据文件标识返回的目标配置文件并保存。
在其中一个实施例中，加载模块706，包括：
元素信息得到单元，用于编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；
绘制单元，用于根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
在其中一个实施例中，页面加载装置700，还包括：
指令接收模块，用于接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；
配置文件得到模块，用于当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。
在其中一个实施例中，页面加载装置700，还包括：
监控模块，用于监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；
选项显示模块，用于接收对下拉列表中选项的选择指令，根据选择指令 得到选择的列表选项，将列表选项在下拉选择框中显示。
关于页面加载装置的具体限定可以参见上文中对于页面加载方法的限定，在此不再赘述。上述页面加载装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在其中一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图8所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令。该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种页面加载方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图8中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
一种计算机设备，包括存储器和一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被处理器执行时，使得一个或多个处理器执行以下步骤：接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择 框组件中，得到目标下拉选择框组件；及渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
在一个实施例中，处理器执行计算机可读指令时还实现以下步骤：接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；及接收服务器根据文件标识返回的目标配置文件并保存。
在一个实施例中，处理器执行计算机可读指令时还实现以下步骤：编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
在一个实施例中，处理器执行计算机可读指令时还实现以下步骤：接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；及当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。
在一个实施例中，处理器执行计算机可读指令时还实现以下步骤：监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；及接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。
一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目 标下拉选择框组件；及渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
在一个实施例中，计算机可读指令被处理器执行时还实现以下步骤：接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；及接收服务器根据文件标识返回的目标配置文件并保存。
在一个实施例中，计算机可读指令被处理器执行时还实现以下步骤：编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
在一个实施例中，计算机可读指令被处理器执行时还实现以下步骤：接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；及当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。
在一个实施例中，计算机可读指令被处理器执行时还实现以下步骤：监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；及接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(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. 根据权利要求1所述的方法，其特征在于，获取目标配置文件，包括：
    接收目标配置文件获取指令，根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求，所述目标配置文件获取请求携带有文件标识；及
    接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
  3. 根据权利要求1所述的方法，其特征在于，所述渲染所述目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，包括：
    编译所述目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析所述带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及
    根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
  4. 根据权利要求1所述的方法，其特征在于，在所述接收页面加载指令，根据所述页面加载指令向服务器发送所述页面信息获取请求，获取所述服务器返回的页面信息并获取目标配置文件，所述目标配置文件中配置有下拉选择框属性信息之前，还包括：
    接收目标配置文件生成指令，所述目标配置文件生成指令中携带所述下拉选择框属性信息和开发者标识；及
    当所述开发者标识验证通过时，根据所述下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将所述下拉选择框键值对写入预设文件中，得到目标配置文件。
  5. 根据权利要求4所述的方法，其特征在于，所述开发者标识验证通过，包括：
    向所述服务器发送权限验证请求，所述权限验证请求携带有开发者标识，以使所述服务器在预设权限数据表中查找所述开发者标识，当能够查找到所述开发者标识时，得到所述开发者标识验证通过结果；及
    接收所述服务器返回的所述开发者标识验证通过结果。
  6. 根据权利要求1所述的方法，其特征在于，在所述渲染所述目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面之后，还包括：
    监控所述带有下拉选择框的页面，当检测到对所述下拉选择框的触发事件时，显示下拉列表；及
    接收对所述下拉列表中选项的选择指令，根据所述选择指令得到选择的列表选项，将所述列表选项在所述下拉选择框中显示。
  7. 一种页面加载装置，包括：
    信息获取模块，用于接收页面加载指令，根据所述页面加载指令向服务器发送页面信息获取请求，接收所述服务器返回的页面信息并获取目标配置文件，所述目标配置文件中配置有下拉选择框属性信息；
    组件得到模块，用于解析所述目标配置文件和所述页面信息，得到所述下拉选择框属性信息和页面属性信息，通过数据和道具的绑定关系将所述下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
    加载模块，用于渲染所述目标下拉选择框组件和页面属性信息，并绘制 渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
  8. 根据权利要求7所述的装置，其特征在于，所述信息获取模块，包括：
    请求发送单元，用于接收目标配置文件获取指令，根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求，所述目标配置文件获取请求携带有文件标识；及
    配置接收单元，用于接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
  9. 根据权利要求7所述的装置，其特征在于，所述加载模块，包括：
    信息得到单元，用于编译所述目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析所述带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及
    绘制单元，用于根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
  10. 根据权利要求7所述的装置，其特征在于，所述装置，还包括
    指令接收模块，用于接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；及
    配置文件得到模块，用于当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。
  11. 一种计算机设备，包括存储器及一个或多个处理器，所述存储器中储存有计算机可读指令，所述计算机可读指令被所述一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：
    接收页面加载指令，根据所述页面加载指令向服务器发送页面信息获取请求，接收所述服务器返回的页面信息并获取目标配置文件，所述目标配置文件中配置有下拉选择框属性信息；
    解析所述目标配置文件和所述页面信息，得到所述下拉选择框属性信息和页面属性信息，通过数据和道具的绑定关系将所述下拉选择框属性信息传 递到预设下拉选择框组件中，得到目标下拉选择框组件；及
    渲染所述目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
  12. 根据权利要求11所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：
    接收目标配置文件获取指令，根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求，所述目标配置文件获取请求携带有文件标识；及
    接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
  13. 根据权利要求11所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：
    编译所述目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析所述带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及
    根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
  14. 根据权利要求11所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：
    接收目标配置文件生成指令，所述目标配置文件生成指令中携带所述下拉选择框属性信息和开发者标识；及
    当所述开发者标识验证通过时，根据所述下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将所述下拉选择框键值对写入预设文件中，得到目标配置文件。
  15. 根据权利要求11所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：
    监控所述带有下拉选择框的页面，当检测到对所述下拉选择框的触发事件时，显示下拉列表；及
    接收对所述下拉列表中选项的选择指令，根据所述选择指令得到选择的列表选项，将所述列表选项在所述下拉选择框中显示。
  16. 一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：
    接收页面加载指令，根据所述页面加载指令向服务器发送页面信息获取请求，接收所述服务器返回的页面信息并获取目标配置文件，所述目标配置文件中配置有下拉选择框属性信息；
    解析所述目标配置文件和所述页面信息，得到所述下拉选择框属性信息和页面属性信息，通过数据和道具的绑定关系将所述下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；及
    渲染所述目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。
  17. 根据权利要求16所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：
    接收目标配置文件获取指令，根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求，所述目标配置文件获取请求携带有文件标识；及
    接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
  18. 根据权利要求16所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：
    编译所述目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析所述带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；及
    根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。
  19. 根据权利要求16所述的存储介质，其特征在于，所述计算机可读指 令被所述处理器执行时还执行以下步骤：
    接收目标配置文件生成指令，所述目标配置文件生成指令中携带所述下拉选择框属性信息和开发者标识；及
    当所述开发者标识验证通过时，根据所述下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将所述下拉选择框键值对写入预设文件中，得到目标配置文件。
  20. 根据权利要求16所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：
    监控所述带有下拉选择框的页面，当检测到对所述下拉选择框的触发事件时，显示下拉列表；及
    接收对所述下拉列表中选项的选择指令，根据所述选择指令得到选择的列表选项，将所述列表选项在所述下拉选择框中显示。
PCT/CN2019/118362 2019-01-24 2019-11-14 页面加载方法、装置、计算机设备和存储介质 WO2020151333A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910069382.6A CN109871500A (zh) 2019-01-24 2019-01-24 页面加载方法、装置、计算机设备和存储介质
CN201910069382.6 2019-01-24

Publications (1)

Publication Number Publication Date
WO2020151333A1 true WO2020151333A1 (zh) 2020-07-30

Family

ID=66918047

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/118362 WO2020151333A1 (zh) 2019-01-24 2019-11-14 页面加载方法、装置、计算机设备和存储介质

Country Status (2)

Country Link
CN (1) CN109871500A (zh)
WO (1) WO2020151333A1 (zh)

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109871500A (zh) * 2019-01-24 2019-06-11 平安科技（深圳）有限公司 页面加载方法、装置、计算机设备和存储介质
CN110362308A (zh) * 2019-06-20 2019-10-22 平安科技（深圳）有限公司 页面生成方法、装置、计算机设备和存储介质
CN110413922B (zh) * 2019-06-28 2024-06-14 平安科技（深圳）有限公司 页面信息显示方法、装置、计算机设备和存储介质
CN110618813A (zh) * 2019-09-02 2019-12-27 恩亿科(北京)数据科技有限公司 快速生成对接媒体界面的方法、装置、设备及存储介质
CN110781422B (zh) * 2019-09-18 2024-04-05 中国平安财产保险股份有限公司 页面配置方法、装置、计算机设备及存储介质
CN112540747A (zh) * 2019-09-23 2021-03-23 南宁富桂精密工业有限公司 平台开发方法、装置及计算机可读存储介质
CN110708235B (zh) * 2019-10-12 2021-07-06 腾讯科技（深圳）有限公司 消息生成方法、装置、存储介质和计算机设备
CN113032061A (zh) * 2019-12-24 2021-06-25 顺丰科技有限公司 页面配置方法、装置、计算机设备和存储介质
CN111736825B (zh) * 2020-04-24 2024-05-17 北京沃东天骏信息技术有限公司 一种信息展示方法、装置、设备和存储介质
CN111831950A (zh) * 2020-06-08 2020-10-27 瑞数信息技术（上海）有限公司 网页元素的处理方法和装置
CN111857715B (zh) * 2020-07-22 2023-08-22 中国平安财产保险股份有限公司 基于h5的联动下拉组件选中方法、装置、设备及存储介质
CN112130836B (zh) * 2020-09-10 2024-08-06 华帝股份有限公司 基于json文件生成多级联动组件的方法
CN114518912B (zh) * 2022-02-21 2023-04-25 度小满科技(北京)有限公司 一种页面加载方法、装置、设备及可读存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106940721A (zh) * 2017-03-15 2017-07-11 百望电子发票数据服务有限公司 一种自定义选择框的数据处理方法及系统
CN107291759A (zh) * 2016-04-01 2017-10-24 腾讯科技（深圳）有限公司 浏览器页面资源的处理方法和装置
CN108804483A (zh) * 2017-05-05 2018-11-13 平安科技（深圳）有限公司 单元格页面的渲染方法、服务器和计算机可读存储介质
CN109165369A (zh) * 2018-07-12 2019-01-08 北京猫眼文化传媒有限公司 网页显示方法和装置
CN109871500A (zh) * 2019-01-24 2019-06-11 平安科技（深圳）有限公司 页面加载方法、装置、计算机设备和存储介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7406664B1 (en) * 2001-06-15 2008-07-29 Microsoft Corporation System for integrating HTML Web site views into application file dialogs
CN104965642B (zh) * 2014-05-23 2019-05-28 腾讯科技（深圳）有限公司 下拉列表生成方法及装置
CN108846087A (zh) * 2018-06-12 2018-11-20 恒生电子股份有限公司 一种页面渲染方法、装置、终端及服务器

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107291759A (zh) * 2016-04-01 2017-10-24 腾讯科技（深圳）有限公司 浏览器页面资源的处理方法和装置
CN106940721A (zh) * 2017-03-15 2017-07-11 百望电子发票数据服务有限公司 一种自定义选择框的数据处理方法及系统
CN108804483A (zh) * 2017-05-05 2018-11-13 平安科技（深圳）有限公司 单元格页面的渲染方法、服务器和计算机可读存储介质
CN109165369A (zh) * 2018-07-12 2019-01-08 北京猫眼文化传媒有限公司 网页显示方法和装置
CN109871500A (zh) * 2019-01-24 2019-06-11 平安科技（深圳）有限公司 页面加载方法、装置、计算机设备和存储介质

Also Published As

Publication number Publication date
CN109871500A (zh) 2019-06-11

Similar Documents

Publication Publication Date Title
WO2020151333A1 (zh) 页面加载方法、装置、计算机设备和存储介质
WO2020253061A1 (zh) 页面生成方法、装置、计算机设备和存储介质
CN109582303B (zh) 通用组件调用方法、装置、计算机设备及存储介质
CN109901834B (zh) 文档页面生成方法、装置、计算机设备和存储介质
CN109814854B (zh) 项目框架生成方法、装置、计算机设备和存储介质
WO2020192134A1 (zh) 基于Spring MVC的异常处理方法、装置、计算机设备和存储介质
WO2020181839A1 (zh) 页面数据测试方法、装置、计算机设备和存储介质
WO2018077085A1 (zh) 应用程序处理方法、装置及存储介质
WO2021031688A1 (zh) 业务参数采集方法、装置、计算机设备和存储介质
CN108038134B (zh) 页面展示的方法、装置和存储介质以及电子设备
WO2020232884A1 (zh) 数据表迁移方法、装置、计算机设备和存储介质
WO2021217846A1 (zh) 接口数据处理方法、装置、计算机设备和存储介质
JP2019503538A (ja) インターフェースデータの提示方法及び装置
CN105718313A (zh) 应用操作方法和装置
CN111177113B (zh) 数据迁移方法、装置、计算机设备和存储介质
CN110109656B (zh) 接口模拟方法、装置、计算机设备和存储介质
WO2020199594A1 (zh) 业务组件加载方法、装置、计算机设备和存储介质
WO2019041441A1 (zh) 列表视图的更新装置、方法及计算机可读存储介质
CN104317570A (zh) 动态解析Web应用的装置和方法
CN112231379A (zh) 基于微服务架构的api审计方法、装置、设备及存储介质
WO2024152742A1 (zh) 富文本编辑方法、装置、存储介质及计算机设备
CN114327435A (zh) 技术文档生成方法、装置、计算机可读存储介质
CN111901383B (zh) 数据请求处理方法、装置、计算机设备和存储介质
CN116661936A (zh) 页面数据的处理方法、装置、计算机设备及存储介质
CN111177624B (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: 19911644

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: 19911644

Country of ref document: EP

Kind code of ref document: A1