WO2020119485A1 - 一种页面显示方法、装置、设备及存储介质 - Google Patents

一种页面显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2020119485A1
WO2020119485A1 PCT/CN2019/122114 CN2019122114W WO2020119485A1 WO 2020119485 A1 WO2020119485 A1 WO 2020119485A1 CN 2019122114 W CN2019122114 W CN 2019122114W WO 2020119485 A1 WO2020119485 A1 WO 2020119485A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
view
control
displayed
data
Prior art date
Application number
PCT/CN2019/122114
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 WO2020119485A1 publication Critical patent/WO2020119485A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming

Definitions

  • the embodiments of the present disclosure relate to the technical field of application program development, and in particular, to a page display method, device, device, and storage medium.
  • the first method is the native code method; the second method is to use the WYSIWYG view editing tool that comes with the development environment, such as the storyboard provided by the Xcode development environment.
  • the first process of creating a page view using native code is as follows:
  • Step 1) Call the view control creation method to create a view instance
  • Step 2) Configure the properties of the view through the view instance, such as the background color, foreground color, text font, font size, font color, etc. of the view;
  • Step 3) Add the view instance to the parent view
  • Step 4) Repeat steps 1) to 3) to create and add other subviews;
  • Step 5 Layout all views, and set their position and size.
  • Step 1) Create a new storyboard (Storyboard) file
  • Step 2) Open the storyboard file and drag the specific view control from the view control library to the storyboard;
  • Step 3) Select the view control added in step 2) in the storyboard to edit attributes, and configure attributes such as the background color, foreground color, text font, font size, and font color of the view;
  • Step 4) Repeat Step 2) and Step 3) to add other subview controls;
  • Step 5) Use the layout tools provided by the storyboard, such as automatic relative layout or absolute position layout, to lay out all views on the page.
  • the above two iOS page view creation methods require developers to do repetitive operations, such as creating subviews, configuring subview properties, adding subviews, subview layouts, etc., so that the use of When developing mobile applications with complex pages and many pages in the above manner, the development efficiency is greatly reduced.
  • these two iOS page view creation methods will also affect the compilation speed of the application. For example, in the application view tuning stage, you need to repeatedly modify the properties of the view to meet the visual design requirements, and change it in a business complex mobile application. After a few lines of code will lead to incremental compilation, thereby reducing the efficiency of development and debugging.
  • the layout parameters need to be recalculated. For complex pages or pages with high sliding performance requirements, the calculation of the layout parameters is time-consuming, resulting in a low view rendering efficiency, which greatly affects the user Experience.
  • the client when displaying the created page view, the client renders and displays the page according to the view attributes and hierarchy structure solidified in the code, which makes the display effect single and lacks flexibility.
  • an embodiment of the present disclosure provides a page display method, including:
  • rendering and displaying of the page are performed.
  • parsing the page view description file to obtain page view metadata includes:
  • a parent-child relationship tree of the view node is established as the hierarchical structure information between page views.
  • creating a view control hierarchy of the page to be displayed according to the page view metadata includes:
  • creating a view control hierarchy of the page to be displayed based on the page view metadata further including:
  • An event processing function is set for the created view control, wherein the event processing function is used to respond to and process the touch operation for the view control.
  • rendering and displaying the page based on the acquired data source and the view control hierarchy includes:
  • the page is rendered and displayed.
  • rendering and displaying the page according to the assignment result includes:
  • the structured language is a JavaScript object markup JSON language or an extensible markup language XML.
  • an automated parsing tool is used to parse the page view description file to obtain page view metadata
  • An automated construction tool is used to create a visual layer structure of the page to be displayed according to the page view metadata.
  • an embodiment of the present disclosure also provides a page display device, including:
  • the page view description file loading module is configured to load the page view description file in a structured language corresponding to the page to be displayed;
  • the page view description file parsing module is configured to parse the page view description file to obtain page view metadata, wherein the page view metadata includes attribute parameters of the page view included in the page to be displayed, page view Data binding protocol and hierarchical structure information between page views, the data binding protocol is used to define the binding relationship between the attribute parameter of the corresponding page view and the data in the data source;
  • a view control hierarchical structure creation module configured to create a view control hierarchical structure of the page to be displayed based on the page view metadata
  • the page display module is configured to render and display the page based on the acquired data source and the view control hierarchy.
  • the page view description file parsing module is further configured as:
  • the view control hierarchy structure creation module is further configured as:
  • the view control hierarchy structure creation module is further configured as:
  • the page display module also includes:
  • the data source obtaining unit is configured to obtain a data source according to a preset data source address
  • the attribute parameter assignment unit is configured to sequentially traverse the view controls in the view control hierarchy, read the corresponding data from the data source according to the data binding protocol corresponding to the traversed view control, and the traversed view according to the read data Assignment of the control's property parameters;
  • the page display unit is configured to render and display the page according to the result of the assignment.
  • the page display unit is further configured to: calculate layout parameters of each view control according to the hierarchical structure of the view controls, the layout parameters including position parameters and size parameters; according to the layout parameters and the assignment results
  • the view control renders and displays, and caches the layout parameters, so that the cached layout parameters are subsequently used to render and display the same view control.
  • the structured language is JavaScript Object Markup JSON Language or Extensible Markup Language XML.
  • the page view description file parsing module is further configured to: use an automated parsing tool to parse the page view description file to obtain page view metadata;
  • the view control hierarchical structure creation module is further configured to use an automated construction tool to create a view hierarchical structure of pages to be displayed according to page view metadata.
  • an embodiment of the present disclosure also provides a terminal device, the terminal device includes:
  • One or more processors are One or more processors;
  • Memory used to store one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method provided by any embodiment of the present disclosure.
  • an embodiment of the present disclosure also provides a computer storage medium on which a computer program is stored, which when executed by a processor implements the page display method provided by any embodiment of the present disclosure.
  • a structured language is used in advance to describe the attribute parameters of the page view included in the page to be displayed, the data binding protocol of the page view, and the hierarchical structure information between the page views to form a page view description file, Therefore, in the process of running, the view control hierarchy can be created in real time by loading and parsing the page view description file, so that the page can be dynamically and flexibly configured by changing the page view description file, so that it can be displayed according to business needs. , Improve the flexibility of page configuration, and achieve the diversity of page display.
  • FIG. 1 shows a flowchart of a page display method provided by Embodiment 1 of the present disclosure
  • FIG. 2 shows a flowchart of a page display method provided by Embodiment 2 of the present disclosure
  • FIG. 3 shows a schematic structural diagram of a page display device provided by Embodiment 3 of the present disclosure
  • FIG. 4 shows a schematic diagram of a hardware structure of a terminal device according to Embodiment 4 of the present disclosure.
  • each embodiment also provides optional features and examples.
  • the various features described in the embodiments can be combined to form multiple optional solutions.
  • Each numbered embodiment should not be regarded as As a technical solution.
  • FIG. 1 shows a flowchart of a page display method provided in Embodiment 1 of the present disclosure.
  • the embodiment of the present disclosure can be applied to the case of displaying a page in an application based on an iOS system.
  • the method can be performed by a page display device Implementation, the device can be implemented by software and/or hardware, integrated in a terminal with a display function, such as a smart phone, a tablet computer, and so on.
  • the page display method provided in the embodiments of the present disclosure may specifically include the following steps:
  • the page view description file is a file generated by using structured language to describe the page view information of the page to be displayed in advance. Developers can create page view description files in advance according to business requirements and structured language specifications.
  • the structured language may be, but not limited to, JavaScript Object Markup JSON (JavaScript Object Notation) language or Extensible Markup Language XML (Extensible Markup Language).
  • the page to be displayed may correspond to one or more page view description files.
  • the page view information of the page to be displayed described in the structured language can be stored in only one page view description file, or can be distributed and stored in multiple page view description files, so that in the case of multi-business team collaboration, Different business teams can provide their own page view description files so that different businesses can advance in parallel.
  • all page view description files corresponding to the page to be displayed can be determined according to the correspondence between pages and page view description files, and all corresponding page view description files can be loaded.
  • the attribute parameters of the page view may include, but are not limited to, background color, foreground color, font color, text font, font size, and font style.
  • the page to be displayed in this embodiment may include one or more page views, the number of page views may be predetermined according to business requirements, and each page view may correspond to a data binding protocol.
  • the data binding protocol of the page view can be used to reflect the binding relationship between each attribute parameter of the corresponding page view and the corresponding attribute parameter in the data source customized by the developer.
  • the data binding protocol in this embodiment can support single-layer attribute data binding, and can also support multi-layer attribute data binding.
  • the data binding of the single-layer property refers to binding the single-layer property parameters possessed by the view control itself to the corresponding single-layer property parameters in the data source.
  • the hierarchical structure information between page views may refer to the hierarchical relationship information between all page views included in the page to be displayed.
  • the name of the page view can directly use the name of the corresponding view control in the iOS system, and the name of the attribute parameter of the page view can also directly use the name of the attribute parameter of the corresponding view control in the iOS system, to facilitate data binding And check.
  • the page view metadata corresponding to the page to be displayed can be dynamically obtained, so that by changing the page view description file, Realize dynamic and flexible configuration of page attributes. And because the page view description file does not participate in code compilation, changes to the page view description file will not cause incremental compilation, and will not affect the compilation speed, which can improve development and debugging efficiency.
  • an identifier can be set for each page view to uniquely identify, so that a specific page view can be quickly queried from the page view description file through the unique identifier, so that a specific The page view is dynamically configured to improve configuration efficiency.
  • the view control hierarchical structure may refer to the hierarchical relationship between the view controls in the page to be displayed and the data binding relationship corresponding to each view control when the page is displayed.
  • the to-be-displayed can be created in real time according to the attribute parameters corresponding to each page view contained in the page to be displayed, the data binding protocol of the page view, and the hierarchical structure information between the page views Each view control in the page and the view control hierarchy structure, so that the page to be displayed under the current view control hierarchy structure can be displayed.
  • S130 may include: creating a view control corresponding to the page view included in the page to be displayed according to the page view metadata, setting the attribute parameters of the corresponding view control according to the page view attribute parameters, and assigning the data binding relationship of the page view Give the corresponding view control; add the created view control to the parent view control of the view control according to the hierarchy information between the page views.
  • view controls may be sequentially created according to page view metadata. For each page view contained in the page to be displayed, you need to create a corresponding view control, and set the attribute of the created view control according to the page view attribute parameters in the page view metadata, and the data based on the page view
  • the binding protocol can assign the data binding relationship of the page view to the created view control. According to the hierarchical structure information between page views, you can determine whether the created view control is a subview control or a parent view control.
  • S140 Render and display the page based on the acquired data source and the view control hierarchy.
  • the data source may refer to a database or a database server used by the page to be displayed, and is used to store user-defined attribute data of the view control included in the page to be displayed.
  • the data source corresponding to the page to be displayed can be connected to the data source corresponding to the page to be displayed according to the data source information corresponding to the page to be displayed, so that each view in the page to be displayed can be obtained Specific attribute data corresponding to the control.
  • the view control hierarchy of the page to be displayed is rendered according to the attribute data in the data source, so that the rendered page can be displayed in the display interface.
  • the page view layout in this embodiment can be provided after data view binding through the data source after the view control hierarchy is created, which makes the page configuration more flexible and meets the user's personalized needs.
  • the technical solution of the embodiment of the present disclosure uses a structured language to describe the attribute parameters of the page view included in the page to be displayed, the data binding protocol of the page view, and the hierarchical structure information between the page views to form a page view description file , So that during operation, the view control hierarchy can be created in real time by loading and parsing the page view description file, and the view layout can be provided lagging through data binding, so that the page view description file can be changed by changing
  • the page can be dynamically and flexibly configured in a manner that can be displayed according to business needs, which increases the flexibility of page configuration and realizes the diversity of page display.
  • S120 may include: parsing the page view description file into a view node array; traversing the view nodes in the view node array, parsing the traversed view nodes, and caching the parsed view node attribute parameters , View node parent-child relationship and data binding protocol; according to the parsed view node parent-child relationship, the view node parent-child relationship tree is established as the hierarchical structure information between page views.
  • the view node array may be an array formed by using each page view contained in the page view description file as a view node element.
  • the number of view node elements in the view node array is equal to the number of page views contained in the page to be displayed.
  • the elements of each view node in the view node array may be arranged in a predetermined arrangement order, or may be arranged randomly, or may be arranged according to the hierarchical relationship between page views, so that the analysis of view nodes is more convenient.
  • the recursive algorithm can be used to traverse the view nodes in the view node array; the queue mode can also be used to traverse the view nodes in the view node array to improve the page view description file. Resolution efficiency.
  • the queue is a first-in first-out linear table, and only delete operations are allowed at the front end of the table (that is, the head of the queue), and addition operations are performed at the back end of the table (that is, the end of the queue), so that the earliest elements that enter the queue Removed from the queue at the earliest.
  • the process of circularly traversing each view node in the view node array by means of a queue may be: adding the first view node in the view node array to the queue, and deleting the first view node in the view node array View nodes; traverse the view nodes in the queue from the beginning, use the first view node traversed as the current view node; parse the current view node, cache the parsed attribute parameters of the view node, view node parent and child Relationship and data binding protocol, and remove the current view node from the queue; according to the parent-child relationship of the view node corresponding to the current view node, determine whether the current view node corresponds to the current child view node; if it is, the current child in the view node array
  • the view node elements corresponding to the view nodes are added to the queue to update the queue, and the view node elements corresponding to the current subview nodes in the view node array are deleted to update the view node array, and the execution returns to the view nodes in the queue.
  • the operation of traversal if not, when the queue is a non-empty queue, directly return to perform the operation of traversing the view nodes in the queue from the beginning; when the queue is an empty queue and the view node array is not an empty array, directly return to the execution will The operation of adding the first view node in the view node array to the queue; when the queue is empty and the view node array is an empty array, the parsing operation of each view node in the view node array is completed.
  • the view node parent-child relationship tree After parsing the view node parent-child relationship corresponding to each view node in the number of view node groups, the view node parent-child relationship tree can be established according to the view node parent-child relationship corresponding to all view nodes to characterize the view between the page views in the page to be displayed Hierarchical structure information.
  • S130 may further include: setting an event processing function for the created view control, where the event processing function is used to respond to and process the touch operation for the view control.
  • the event processing function is predefined, and is used to process the touch operation of the view control in the page to be displayed.
  • the touch operation may be but not limited to touch behavior or click behavior.
  • the developer can preset whether the view control needs to accept the user's touch operation according to business requirements, and can store the information of the specified view control that needs to accept the user's touch operation to the page view Description file. After creating the view control, you can determine whether the created view control needs to accept the user's touch operation according to the page view description file. If necessary, set an event processing function for the created view control so that it can respond to the touch operation.
  • This implementation can also add a touch operation detection function to the view control that needs to accept the user's touch operation, so that after the page is displayed, the touch operation detection function can be used to detect whether the view control is touched, and if so, it can be Using the touch operation information as input parameters, the event processing function is called to automatically respond to and process the touch operation, making the operation more convenient.
  • FIG. 2 shows a flowchart of a page display method provided in Embodiment 2 of the present disclosure.
  • the "based on the acquired data source and view control hierarchy, The rendering and display of the page was optimized. The explanation of terms that are the same as or corresponding to those in the above embodiments will not be repeated here.
  • the page display method provided in the embodiment of the present disclosure may specifically include the following steps:
  • the data source corresponding to the page to be displayed can be obtained according to the preset storage address corresponding to the data source, thereby obtaining user self Define the attribute data of each view control.
  • this embodiment may start from the first layer in the view control hierarchy and traverse each view control in each layer of view control structure layer by layer.
  • the parameter value corresponding to each property parameter of the view control in the data source can be determined according to the data binding protocol, so that the property parameter of the view control can be assigned.
  • the attribute data in the data source can also be dynamically configured, and lag provision can be provided through data binding, thereby improving the flexibility of page configuration and realizing the diversity of display effects.
  • the view layout and rendering can be performed on the page according to the result of the assignment of the property parameters of each view control, thereby Can display the rendered page.
  • the technical solution of the embodiment of the present disclosure can traverse each view by traversing each view control in the created view control hierarchy and based on the data binding protocol in the page view description file and the user's pre-defined data source
  • the attribute parameters of the control are automatically assigned, so that the attribute data in the data source can be dynamically configured to further increase the flexibility of page configuration and meet the personalized needs of users.
  • S260 may include: calculating layout parameters of each view control according to the hierarchy of view controls, the layout parameters include position parameters and size parameters; rendering and displaying each view control according to the layout parameters and the assignment results, and Cache the layout parameters so that the cached layout parameters will be used later to render and display the same view control.
  • the position parameter of the view control may refer to the position corresponding to the view control in the display page.
  • the size parameter of the view control may refer to the height and width of the view control in the display page.
  • the position parameter and size parameter of each view control in the display interface may be calculated according to the view control hierarchy.
  • Each view control is rendered and displayed according to the layout parameters and corresponding assignment results of each view control.
  • the layout parameters corresponding to the calculated view control can be cached, so that when the same view control needs to be rendered later, the cached layout parameters can be directly used for rendering, without repeatedly calculating the layout parameters, thereby improving layout efficiency and optimizing page sliding Performance, which in turn improves the user experience.
  • the layout parameters of the view control Before calculating the layout parameters of the view control according to the hierarchy of the view control, it is possible to detect whether the layout parameters of the view control exist in the cache, and if so, directly use the cached layout parameters to render the view control; if not If it exists, the corresponding layout parameters are calculated according to the hierarchical structure of the view control, and the calculated layout parameters corresponding to the view control are cached to avoid subsequent repeated calculation of the layout parameters, thereby improving layout efficiency and page sliding performance.
  • an automated parsing tool can be used to parse the page view description file to obtain page view metadata; an automated construction tool can be used to create a view hierarchy of pages to be displayed based on the page view metadata.
  • FIG. 3 shows a schematic structural diagram of a page display device provided by Embodiment 4 of the present disclosure.
  • the embodiment of the present disclosure may be applicable to the case of displaying a page in an application based on an iOS system.
  • the page display device in the embodiment of the present disclosure specifically includes: a page view description file loading module 310, a page view description file parsing module 320, a view control hierarchy structure creation module 330, and a page display module 340.
  • the page view description file loading module 310 loads the page view description file in structured language corresponding to the page to be displayed; the page view description file parsing module 320 parses the page view description file to obtain the page view metadata, of which the page view element
  • the data includes the attribute parameters of the page view contained in the page to be displayed, the data binding protocol of the page view, and the hierarchical structure information between the page views.
  • the data binding protocol is used to define the attribute parameters of the corresponding page view and the data in the data source.
  • the binding relationship; the view control hierarchical structure creation module 330 creates a view control hierarchical structure of the page to be displayed according to the page view metadata; the page display module 340 renders and displays the page based on the acquired data source and view control hierarchical structure.
  • the page view description file parsing module 320 may further:
  • the view control hierarchy creation module 330 may further:
  • the view control hierarchy creation module 330 may also:
  • the page display module 340 may further include:
  • the data source obtaining unit obtains the data source according to the preset data source address
  • the attribute parameter assignment unit traverses the view controls in the view control hierarchy in sequence, reads the corresponding data from the data source according to the data binding protocol corresponding to the traversed view controls, and reads the properties of the traversed view controls according to the read data Parameter assignment;
  • the page display unit performs page rendering and display according to the result of the assignment.
  • the page display unit may further: calculate the layout parameters of each view control according to the hierarchy of view controls, the layout parameters include position parameters and size parameters; render and display each view control according to the layout parameters and assignment results, and cache Layout parameters, so that subsequent cached layout parameters are used to render and display the same view control.
  • the structured language is JavaScript Object Markup JSON Language or Extensible Markup Language XML.
  • the page view description file parsing module 320 may further: use an automated parsing tool to parse the page view description file to obtain page view metadata;
  • the view control hierarchical structure creation module 330 may further: use an automated construction tool to create a view hierarchical structure of pages to be displayed according to page view metadata.
  • the page display device provided by an embodiment of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has corresponding function modules and beneficial effects for performing the page display method.
  • FIG. 4 shows a schematic diagram of a hardware structure of a terminal device according to Embodiment 4 of the present disclosure.
  • the terminal devices in the embodiments of the present disclosure may include, but are not limited to, such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g. Mobile terminals such as car navigation terminals) and fixed terminals such as digital TVs, desktop computers, etc.
  • the terminal device shown in FIG. 4 is only an example, and should not bring any limitation to the functions and use scope of the embodiments of the present disclosure.
  • the terminal device 400 may include a processing device (such as a central processing unit, a graphics processor, etc.) 401, which may be stored in a read-only memory (Read-Only Memory, ROM) 402 program or from a storage device 408 loads the program in the random access memory (Random Access Memory, RAM) 403 to perform various appropriate actions and processes.
  • ROM Read-Only Memory
  • RAM Random Access Memory
  • various programs and data necessary for the operation of the terminal device 400 are also stored.
  • the processing device 401, ROM 402, and RAM 403 are connected to each other via a bus 404.
  • An input/output (I/O) interface 405 is also connected to the bus 404.
  • the following devices can be connected to the I/O interface 405: including input devices 406 such as touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, liquid crystal display (LCD), speaker, vibration
  • input devices 406 such as touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.
  • An output device 407 such as a storage device; a storage device 408 including, for example, a magnetic tape or a hard disk; and a communication device 409.
  • the communication device 409 may allow the terminal device 400 to perform wireless or wired communication with other devices to exchange data.
  • FIG. 4 shows a terminal device 400 having various devices, it should be understood that it is not required to implement or have all the devices shown. More or fewer devices may be implemented or provided instead.
  • the process described above with reference to the flowchart may be implemented as a computer software program.
  • embodiments of the present disclosure include a computer program product that includes a computer program carried on a computer-readable medium, the computer program containing program code for performing the method shown in the flowchart.
  • the computer program may be downloaded and installed from the network through the communication device 409, or from the storage device 408, or from the ROM 402.
  • the processing device 401 When the computer program is executed by the processing device 401, the above-mentioned functions defined in the method of the embodiments of the present disclosure are executed.
  • the server proposed by the embodiment of the present disclosure and the page display method proposed by the above embodiment belong to the same concept.
  • this embodiment has the same beneficial effects of performing the page display method .
  • Embodiment 5 of the present disclosure provides a computer storage medium on which a computer program is stored, which when executed by a processor implements the page display method provided by any of the above embodiments.
  • the above-mentioned computer storage medium of the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination of the above.
  • Computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (Random Access Memory, RAM), read-only memory (Read-Only Memory, ROM), Erasable Programmable Read-Only Memory (EPROM) or Flash (FLASH), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices , Or any suitable combination of the above.
  • the computer-readable storage medium may be any tangible medium containing or storing a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
  • the computer-readable signal medium may include a data signal that is propagated in baseband or as part of a carrier wave, in which computer-readable program code is carried.
  • This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable signal medium may send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device .
  • the program code contained on the computer-readable medium may be transmitted using any appropriate medium, including but not limited to: electric wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
  • the above-mentioned computer storage may be included in the above-mentioned terminal device; or it may exist alone without being assembled into the terminal device.
  • the above computer stores one or more programs, and when the above one or more programs are executed by the terminal device, the terminal device: loads the page view description file in a structured language corresponding to the page to be displayed; describes the page view
  • the file is parsed to obtain the page view metadata, where the page view metadata includes the attribute parameters of the page view contained in the page to be displayed, the data binding protocol of the page view, and the hierarchical structure information between the page views.
  • the data binding protocol is used To define the binding relationship between the attribute parameters of the corresponding page view and the data in the data source; create a view control hierarchy structure of the page to be displayed based on the page view metadata; render and display the page based on the obtained data source and view control hierarchy structure .
  • the computer program code for performing the operations of the present disclosure can be written in one or more programming languages or a combination thereof.
  • the above programming languages include object-oriented programming languages such as Java, Smalltalk, C++, as well as conventional Procedural programming language-such as "C" language or similar programming language.
  • the program code may be executed entirely on the user's computer, partly on the user's computer, as an independent software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server.
  • the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (for example, through an Internet service provider Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider Internet connection for example, AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
  • each block in the flowchart or block diagram may represent a module, program segment, or part of code that contains one or more logic functions Executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks represented in succession may actually be executed in parallel, and they may sometimes be executed in reverse order, depending on the functions involved.
  • each block in the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts can be implemented with dedicated hardware-based systems that perform specified functions or operations Or, it can be realized by a combination of dedicated hardware and computer instructions.
  • the units described in the embodiments of the present disclosure may be implemented in software or hardware.
  • the name of the unit does not constitute a limitation on the unit itself.
  • the first page view description file loading module can also be described as "loading the page view in structured language corresponding to the page to be displayed Describe the module of the file”.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Document Processing Apparatus (AREA)

Abstract

一种页面显示方法、装置、设备及存储介质，该方法包括：加载待显示页面对应的采用结构化语言的页面视图描述文件（S110）；对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系（S120）；根据页面视图元数据创建待显示页面的视图控件层级结构（S130）；基于获取的数据源和视图控件层级结构，进行页面的渲染和显示（S140）。通过上述方法可以提高页面配置的灵活性，实现页面显示的多样性。

Description

一种页面显示方法、装置、设备及存储介质
相关申请的交叉引用
本申请要求2018年12月14日在中国知识产权局提交的中国专利申请No.201811532257.6的优先权，通过引用将该中国专利申请公开的全部内容并入本文。
技术领域
本公开实施例涉及应用程序开发技术领域，尤其涉及一种页面显示方法、装置、设备及存储介质。
背景技术
在开发基于iOS操作系统的移动应用程序时，在发明人知晓的技术中，可以通过两种方式来创建和配置一个页面的视图层级结构。第一种方式是原生代码方式；第二种方式是利用开发环境自带的所见即所得的视图编辑工具，比如Xcode开发环境提供的故事板(Storyboard)。
上述第一种采用原生代码方式创建页面视图的过程如下：
步骤1)：调用视图控件的创建方法创建视图实例；
步骤2)：通过视图实例配置视图的属性，诸如视图的背景颜色、前景颜色、文本字体、字号、字体颜色等；
步骤3)：将视图实例添加到父视图上；
步骤4)：重复步骤1)～步骤3)，创建并添加其它子视图；
步骤5)：对所有视图进行布局，设置其位置和大小。
上述第二种利用开发环境Xcode自带的视图编辑工具故事板(Storyboard)创建页面视图的过程如下：
步骤1)：新建故事板(Storyboard)文件；
步骤2)：打开故事板文件，从视图控件库拖拽特定的视图控件到故事板上；
步骤3)：在故事板中选中步骤2)添加的视图控件进行属性编辑，配置诸如视图的背景颜色、前景颜色、文本字体、字号、字体颜色等属性；
步骤4)：重复步骤2)和步骤3)，添加其它子视图控件；
步骤5)：使用故事板提供的布局工具，比如自动相对布局或者位置绝对布局方式，对页面里所有视图进行布局。
从页面视图的创建过程可以看出：上述两种iOS页面视图创建方式都需要开发者做重复性的操作，比如创建子视图、配置子视图属性、添加子视图、子视图布局等，使得在利用上述方式开发具有复杂页面和页面繁多的移动应用时，大大降低了开发效率。而且这两种iOS页面视图的创建方式也会影响应用程序的编译速度，比如在应用程序视图调优阶段，需要反复修改视图的属性来达到视觉设计要求，在一个业务复杂的移动应用程序里更改几行代码后都会导致增量编译，从而降低了开发和调试效率。此外当视图进行重新渲染时，需要重新计算布局参数，对于复杂页面或者对滑动性能要求比较高的页面而言，由于布局参数的计算比较耗时，导致视图渲染的效率较低，大大影响了用户的使用体验。
然而，在显示创建的页面视图时，客户端按照固化在代码中的视图属性和层级结构进行页面的渲染和显示，使得显示效果单一，缺乏灵活性。
发明内容
第一方面，本公开的实施例提供了一种页面显示方法，包括：
加载待显示页面对应的采用结构化语言的页面视图描述文件；
对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；
根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；以及
基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示。
可选地，对所述页面视图描述文件进行解析，得到页面视图元数据，包括：
将所述页面视图描述文件解析成视图节点数组；
遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；以及
根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。
可选地，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，包括：
根据所述页面视图元数据创建所述待显示页面所包含页面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；以及
根据页面视图之间的层级结构信息，将创建的视图控件添加到该视图控件的父视图控件上。
可选地，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，还包括：
为创建的视图控件设定事件处理函数，其中所述事件处理函数用于对针对所述视图控件的触控操作进行响应和处理。
可选地，基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示，包括：
根据预先设置的数据源地址获取数据源；
依次遍历所述视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；以及
根据赋值结果进行页面的渲染和显示。
可选地，根据赋值结果进行页面的渲染和显示，包括：
根据所述视图控件层级结构计算各视图控件的布局参数，所述布局参数包括位置参数和尺寸参数；以及
根据所述布局参数和所述赋值结果对各视图控件进行渲染和显示，并缓存所述布局参数，以使后续使用缓存的所述布局参数对相同视图控件进行渲染和显示。
可选地，所述结构化语言为JavaScript对象标记JSON语言或可扩展标记语言XML。
可选地，采用自动化解析工具，对所述页面视图描述文件进行解析，得到页面视图元数据；
采用自动化构建工具，根据所述页面视图元数据创建所述待显示页面的视 图层级结构。
第二方面，本公开的实施例还提供了一种页面显示装置，包括：
页面视图描述文件加载模块，被配置为加载待显示页面对应的采用结构化语言的页面视图描述文件；
页面视图描述文件解析模块，被配置为对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；
视图控件层级结构创建模块，被配置为根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；以及
页面显示模块，被配置为基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示。
可选地，页面视图描述文件解析模块，被进一步配置为：
将页面视图描述文件解析成视图节点数组；遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。
可选地，视图控件层级结构创建模块，被进一步配置为：
根据页面视图元数据创建待显示页面所包含页面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；根据页面视图之间的层级结构信息，将创建的 视图控件添加到该视图控件的父视图控件上。
可选地，视图控件层级结构创建模块，被进一步配置为：
为创建的视图控件设定事件处理函数，其中事件处理函数用于对针对视图控件的触控操作进行响应和处理。
可选地，页面显示模块，还包括：
数据源获取单元，被配置为根据预先设置的数据源地址获取数据源；
属性参数赋值单元，被配置为依次遍历视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；以及
页面显示单元，被配置为根据赋值结果进行页面的渲染和显示。
可选地，页面显示单元被进一步配置为：根据所述视图控件层级结构计算各视图控件的布局参数，所述布局参数包括位置参数和尺寸参数；根据所述布局参数和所述赋值结果对各视图控件进行渲染和显示，并缓存布局参数，以使后续使用缓存的布局参数对相同视图控件进行渲染和显示。
可选地，结构化语言为JavaScript对象标记JSON语言或可扩展标记语言XML。
可选地，页面视图描述文件解析模块被进一步配置为：采用自动化解析工具，对页面视图描述文件进行解析，得到页面视图元数据；
视图控件层级结构创建模块被进一步配置为：采用自动化构建工具，根据页面视图元数据创建待显示页面的视图层级结构。
第三方面，本公开的实施例还提供了一种终端设备，所述终端设备包括：
一个或多个处理器；
存储器，用于存储一个或多个程序；
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开的任意实施例所提供的页面显示方法。
第四方面，本公开的实施例还提供了一种计算机存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如本公开的任意实施例所提供的页面显示方法。
根据本公开的实施例，通过预先采用结构化语言来描述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，形成页面视图描述文件，从而在运行过程中，可以通过加载和解析页面视图描述文件的方式，实时创建视图控件层级结构，以便可以通过更改页面视图描述文件的方式对页面进行动态灵活地配置，从而可以根据业务需求进行显示，提高了页面配置的灵活性，以及实现了页面显示的多样性。
附图说明
为了更清楚地说明本公开的实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了本公开的实施例一提供的一种页面显示方法的流程图；
图2示出了本公开的实施例二提供的一种页面显示方法的流程图；
图3示出了本公开的实施例三提供的一种页面显示装置结构示意图；
图4示出了本公开的实施例四提供的一种终端设备的硬件结构示意图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚，以下将参照本公开的实施例中的附图，通过实施方式清楚、完整地描述本公开的技术方案，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。
实施例一
图1示出了本公开的实施例一提供的一种页面显示方法的流程图，本公开实施例可适用于在基于iOS系统的应用程序中显示页面的情况，该方法可以由页面显示装置来执行，该装置可以由软件和/或硬件的方式来实现，集成于具有显示功能的终端中，如智能手机、平板电脑等。
如图1所示，本公开的实施例中提供的页面显示方法具体可以包括以下步骤：
S110、加载待显示页面对应的采用结构化语言的页面视图描述文件。
其中，页面视图描述文件是预先采用结构化语言来描述待显示页面的页面视图信息而生成的文件。开发者可以根据业务需求以及结构化语言规范，预先创建页面视图描述文件。示例性地，结构化语言可以是但不限于JavaScript对象标记JSON(JavaScript Object Notation)语言或可扩展标记语言XML(Extensible  Markup Language)。本实施例中待显示页面可以对应一个或多个页面视图描述文件。示例性地，采用结构化语言描述的待显示页面的页面视图信息可以只存储到一个页面视图描述文件中，也可以分散存储到多个页面视图描述文件中，以便在多业务团队协作情况下，不同业务团队可以提供自己的页面视图描述文件，使得不同业务可以并行推进。
在本公开的一个或多个实施例中，可以根据页面与页面视图描述文件之间的对应关系，确定待显示页面对应的所有页面视图描述文件，并加载对应的所有页面视图描述文件。
S120、对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系。
其中，页面视图的属性参数可以包括但不限于背景颜色、前景颜色、字体颜色、文本字体、字号和字形。本实施例中的待显示页面可以包括一个或多个页面视图，页面视图的数量可以根据业务需求预先确定，每个页面视图均可以对应一个数据绑定协议。页面视图的数据绑定协议可以用于反映对应页面视图的每个属性参数与开发者自定义的数据源中相应属性参数之间的绑定关系。本实施例中的数据绑定协议可以支持单层属性的数据绑定，也可以支持多层属性的数据绑定。示例性地，单层属性的数据绑定是指将视图控件自身具备的单层属性参数与数据源中对应的单层属性参数进行一一绑定。对于多层属性的数据绑定而言，在确定视图控件的多层属性参数时，需要先确定视图控件的第一层属性参数，通过第一层属性参数再确定下一层属性参数，依次类推。同理，采 用相同的确定过程确定数据源中相应的多层属性参数，从而将视图控件的多层属性参数与数据源中相应的多层属性参数进行一一绑定。页面视图之间的层级结构信息可以是指待显示页面包含的所有页面视图之间的层级关系信息。在创建页面视图描述文件时，页面视图的名称可以直接采用iOS系统中对应视图控件的名称，以及页面视图的属性参数名称也可以直接采用iOS系统中对应视图控件的属性参数名称，以便于数据绑定和查询。
在本公开的一个或多个实施例中，通过对待显示页面对应的各页面视图描述文件进行解析，可以动态获得待显示页面对应的页面视图元数据，从而可以通过更改页面视图描述文件的方式，实现对页面属性的动态灵活配置。并且由于页面视图描述文件不会参与代码编译，从而对页面视图描述文件进行更改也不会导致增量编译，更不会影响编译速度，从而可以提升开发和调试效率。
示例性地，在页面视图描述文件中，可以为每个页面视图设置一个标识符进行唯一标识，从而可以通过唯一标识符从页面视图描述文件中快速查询到特定的页面视图，以便可以对特定的页面视图进行动态配置，提高配置效率。
S130、根据页面视图元数据创建待显示页面的视图控件层级结构。
其中，视图控件层级结构可以是指在进行页面显示时，待显示页面中的各视图控件之间的层级关系以及每个视图控件对应的数据绑定关系。
在本公开的一个或多个实施例中，可以根据待显示页面所包含的每个页面视图对应的属性参数、页面视图的数据绑定协议以及页面视图之间的层级结构信息，实时创建待显示页面中的各个视图控件以及视图控件层级结构，以便可以显示当前视图控件层级结构下的待显示页面。
示例性地，S130可以包括：根据页面视图元数据创建待显示页面所包含页 面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；根据页面视图之间的层级结构信息，将创建的视图控件添加到该视图控件的父视图控件上。
在本公开的一个或多个实施例中，可以根据页面视图元数据依次创建视图控件。对于待显示页面所包含的每个页面视图而言，需要创建一个对应的视图控件，并根据页面视图元数据中页面视图的属性参数对创建的视图控件进行属性设置，以及基于该页面视图的数据绑定协议，可以将页面视图的数据绑定关系赋值给创建的视图控件。根据页面视图之间的层级结构信息，可以确定创建的视图控件为子视图控件还是父视图控件，若是子视图控件，则可以根据页面视图之间的层级结构信息确定该子视图控件对应的父视图控件，并将该子视图控件添加至对应的父视图控件上，从而可以形成待显示页面的视图控件层级结构。
S140、基于获取的数据源和视图控件层级结构，进行页面的渲染和显示。
其中，数据源可以是指待显示页面所使用的数据库或数据库服务器，用于存储用户自定义的待显示页面所包含的视图控件的属性数据。
在本公开的一个或多个实施例中，可以根据待显示页面对应的数据源信息，比如数据源名称等，与待显示页面对应的数据源进行连接，从而可以获取待显示页面中每个视图控件对应的具体属性数据。基于视图控件对应的数据绑定关系，根据数据源中的属性数据对待显示页面的视图控件层级结构进行渲染，以便在显示界面中可以展示渲染后的页面。本实施例中的页面视图布局可以在创建视图控件层级结构后，基于数据源通过数据绑定的方式滞后提供，使得页面配置更加灵活，满足了用户个性化需求。
本公开实施例的技术方案，通过预先采用结构化语言来描述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，形成页面视图描述文件，从而在运行过程中，可以通过加载和解析页面视图描述文件的方式，实时创建视图控件层级结构，并可以通过数据绑定的方式对视图布局进行滞后提供，以便可以通过更改页面视图描述文件的方式对页面进行动态灵活地配置，从而可以根据业务需求进行显示，提高了页面配置的灵活性，以及实现了页面显示的多样性。
在上述技术方案的基础上，S120可以包括：将页面视图描述文件解析成视图节点数组；遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。
其中，视图节点数组可以是将页面视图描述文件包含的每个页面视图作为一个视图节点元素而组成的一个数组。视图节点数组中的视图节点元素的数量等于待显示页面所包含的页面视图的数量。视图节点数组中各视图节点元素可以是按照预先设定的排列顺序进行排列，也可以随机进行排列，还可以根据页面视图之间的层级关系进行排列，以使视图节点的解析更加便捷。
在本公开的一个或多个实施例中，可以利用递归算法对视图节点数组中的视图节点进行遍历；也可以利用队列方式对视图节点数组中的视图节点进行遍历，以提高页面视图描述文件的解析效率。其中，队列是一种先进先出的线性表，并且只允许在表的前端(即队头)进行删除操作，在表的后端(即队尾)进行添加操作，从而最早进入队列的元素可以最早从队列中删除。
示例性地，在利用队列方式对视图节点数组中的各视图节点进行循环遍历的过程可以为：将视图节点数组中的第一个视图节点添加至队列中，并删除视图节点数组中的第一个视图节点；对队列中的视图节点从头开始进行遍历，将遍历到的第一个视图节点作为当前视图节点；对当前视图节点进行解析，缓存解析到的该视图节点的属性参数、视图节点父子关系和数据绑定协议，并将当前视图节点移除队列；根据当前视图节点对应的视图节点父子关系，确定当前视图节点是否存在对应的当前子视图节点；若是，则将视图节点数组中当前子视图节点对应的视图节点元素均添加至队列中，以更新队列，并删除视图节点数组中当前子视图节点对应的视图节点元素，以更新视图节点数组，返回执行对队列中的视图节点从头开始进行遍历的操作；若否，则在队列为非空队列时，直接返回执行对队列中的视图节点从头开始进行遍历的操作；在队列为空队列且视图节点数组不是空数组时，直接返回执行将视图节点数组中的第一个视图节点添加至队列中的操作；在队列为空队列且视图节点数组是空数组时，完成视图节点数组中各视图节点的解析操作。
在解析得到视图节点组数中各视图节点对应的视图节点父子关系后，可以根据所有视图节点对应的视图节点父子关系，建立视图节点父子关系树，以表征待显示页面中各页面视图之间的层级结构信息。
在上述技术方案的基础上，S130还可以包括：为创建的视图控件设定事件处理函数，其中事件处理函数用于对针对视图控件的触控操作进行响应和处理。
其中，事件处理函数是预先定义的，用于对待显示页面中视图控件的触控操作进行处理的函数。触控操作可以是但不限于触摸行为或者点击行为。
在本公开的一个或多个实施例中，开发者可以根据业务需求预先设置视图 控件是否需要接受用户的触控操作，并可以将需要接受用户触控操作的指定视图控件的信息存储至页面视图描述文件中。在创建视图控件后，可以根据页面视图描述文件确定创建的视图控件是否需要接受用户触控操作，若需要，则为创建的视图控件设定事件处理函数，以便可以对触控操作进行响应。本实施还可以对需要接受用户触控操作的视图控件添加一个触控操作检测函数，以便在页面显示后，可以通过触控操作检测函数检测是否对该视图控件进行触控操作，若是，则可以以触控操作的信息作为输入参数，调用事件处理函数，以自动对触控操作进行响应和处理，使得操作更加便捷。
实施例二
图2示出了本公开的实施例二提供的一种页面显示方法的流程图，本实施例以上述实施例中各个可选方案为基础，对“基于获取的数据源和视图控件层级结构，进行页面的渲染和显示”进行了优化。其中与上述实施例相同或相应的术语的解释在此不再赘述。
如图2所示，本公开实施例中提供的页面显示方法具体可以包括以下步骤：
S210、加载待显示页面对应的采用结构化语言的页面视图描述文件。
S220、对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系。
S230、根据页面视图元数据创建待显示页面的视图控件层级结构。
S240、根据预先设置的数据源地址获取数据源。
在本公开的一个或多个实施例中，在创建待显示页面的视图控件层级结构之后，可以根据预先设置的数据源对应的存储地址，获取待显示页面对应的数据源，从而可以获得用户自定义的每个视图控件的属性数据。
S250、依次遍历视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值。
在本公开的一个或多个实施例中，本实施例可以从视图控件层级结构中的第一层开始，逐层遍历每层视图控件结构中的每个视图控件。对于遍历到的每个视图控件而言，根据数据绑定协议可以确定数据源中该视图控件的每个属性参数对应的参数值，从而可以对视图控件的属性参数进行赋值。示例性地，若数据源中预先设置某个视图控件的字体颜色对应的数据为红色，则可以将视图控件层级结构中该视图控件的字体颜色设置为红色。本实施例也可以通过动态配置数据源中的属性数据，并通过数据绑定的方式可以进行滞后提供，从而提高了页面配置更加灵活，实现了显示效果的多样性。
S260、根据赋值结果进行页面的渲染和显示。
在本公开的一个或多个实施例中，通过对视图控件层级结构中每个视图控件的属性参数进行赋值，根据每个视图控件的属性参数的赋值结果可以对页面进行视图布局和渲染，从而可以显示渲染后的页面。
本公开实施例的技术方案，通过对创建的视图控件层级结构中的各视图控件进行遍历，并基于页面视图描述文件中的数据绑定协议和用户预先自定义的数据源，可以对每个视图控件的属性参数进行自动赋值，从而可以通过动态配置数据源中的属性数据，进一步提高页面配置的灵活性，满足用户的个性化需 求。
在上述技术方案的基础上，S260可以包括：根据视图控件层级结构计算各视图控件的布局参数，布局参数包括位置参数和尺寸参数；根据布局参数和赋值结果对各视图控件进行渲染和显示，并缓存布局参数，以使后续使用缓存的布局参数对相同视图控件进行渲染和显示。
其中，视图控件的位置参数可以是指在显示页面中视图控件对应的位置。视图控件的尺寸参数可以是指在显示页面中视图控件的高度和宽度。
在本公开的一个或多个实施例中，可以根据视图控件层级结构计算每个视图控件在显示界面中的位置参数和尺寸参数。根据每个视图控件的布局参数和对应的赋值结果对每个视图控件进行渲染和显示。本实施例可以缓存计算得到的视图控件对应的布局参数，以便后续在需要渲染相同视图控件时，可以直接利用缓存的布局参数进行渲染，无需重复计算布局参数，从而可以提高布局效率，优化页面滑动性能，进而提升了用户的使用体验。
示例性地，在根据视图控件层级结构计算视图控件的布局参数之前，可以先检测缓存中是否存在该视图控件的布局参数，若存在，则直接利用缓存的布局参数对视图控件进行渲染；若不存在，则根据视图控件层级结构计算对应的布局参数，并将计算的该视图控件对应的布局参数进行缓存，以避免后续重复计算该布局参数，从而可以提高布局效率以及提升页面滑动性能。
在上述技术方案的基础上，可以采用自动化解析工具，对页面视图描述文件进行解析，得到页面视图元数据；可以采用自动化构建工具，根据页面视图元数据创建待显示页面的视图层级结构。通过采用自动化解析工具和自动化构建工具，可以自动创建待显示页面的视图控件层级结构，从而可以避免重复地 进行视图创建、视图添加等操作，使得开发者只需关注于采用结构化语言的页面视图描述文件的配置，无需关注视图的创建和添加，大大提升了页面开发效率。
以下是本公开实施例提供的页面显示装置的实施例，该装置与上述各实施例的页面显示方法属于同一个构思，在页面显示装置的实施例中未详尽描述的细节内容，可以参考上述页面显示方法的实施例。
实施例三
图3示出了本公开的实施例四提供的一种页面显示装置结构示意图，本公开实施例可适用于在基于iOS系统的应用程序中显示页面的情况。如图3所示，本公开实施例中页面显示装置具体包括：页面视图描述文件加载模块310、页面视图描述文件解析模块320、视图控件层级结构创建模块330和页面显示模块340。
其中，页面视图描述文件加载模块310加载待显示页面对应的采用结构化语言的页面视图描述文件；页面视图描述文件解析模块320对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；视图控件层级结构创建模块330根据页面视图元数据创建待显示页面的视图控件层级结构；页面显示模块340基于获取的数据源和视图控件层级结构，进行页面的渲染和显示。
可选地，页面视图描述文件解析模块320，可以进一步地：
将页面视图描述文件解析成视图节点数组；遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。
可选地，视图控件层级结构创建模块330，可以进一步地：
根据页面视图元数据创建待显示页面所包含页面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；根据页面视图之间的层级结构信息，将创建的视图控件添加到该视图控件的父视图控件上。
可选地，视图控件层级结构创建模块330，还可以：
为创建的视图控件设定事件处理函数，其中事件处理函数用于对针对视图控件的触控操作进行响应和处理。
可选地，页面显示模块340，还可以包括：
数据源获取单元，根据预先设置的数据源地址获取数据源；
属性参数赋值单元，依次遍历视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；
页面显示单元，根据赋值结果进行页面的渲染和显示。
可选地，页面显示单元可以进一步地：根据视图控件层级结构计算各视图控件的布局参数，布局参数包括位置参数和尺寸参数；根据布局参数和赋值结果对各视图控件进行渲染和显示，并缓存布局参数，以使后续使用缓存的布局 参数对相同视图控件进行渲染和显示。
可选地，结构化语言为JavaScript对象标记JSON语言或可扩展标记语言XML。
可选地，页面视图描述文件解析模块320，可以进一步地：采用自动化解析工具，对页面视图描述文件进行解析，得到页面视图元数据；
视图控件层级结构创建模块330，可以进一步地：采用自动化构建工具，根据页面视图元数据创建待显示页面的视图层级结构。
本公开实施例所提供的页面显示装置可执行本公开任意实施例所提供的页面显示方法，具备执行页面显示方法相应的功能模块和有益效果。
实施例四
图4示出了本公开实施例四提供的一种终端设备的硬件结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的终端设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示，终端设备400可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(Read-Only Memory，ROM)402中的程序或者从存储装置408加载到随机访问存储器(Random Access Memory，RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中，还存储有终端设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM  403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常，以下装置可以连接至I/O接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许终端设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的终端设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从ROM 402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。
本公开实施例提出的服务器与上述实施例提出的页面显示方法属于同一构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例具备执行页面显示方法相同的有益效果。
实施例五
本公开的实施例五提供了一种计算机存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述任意实施例所提供的页面显示方法。
需要说明的是，本公开上述的计算机存储介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(Random Access Memory，RAM)、只读存储器(Read-Only Memory，ROM)、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM)或闪存(FLASH)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机存储可以是上述终端设备中所包含的；也可以是单独存在，而未装配入该终端设备中。
上述计算机存储承载有一个或者多个程序，当上述一个或者多个程序被该终端设备执行时，使得该终端设备：加载待显示页面对应的采用结构化语言的 页面视图描述文件；对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；根据页面视图元数据创建待显示页面的视图控件层级结构；基于获取的数据源和视图控件层级结构，进行页面的渲染和显示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的 是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一页面视图描述文件加载模块，还可以被描述为“加载待显示页面对应的采用结构化语言的页面视图描述文件的模块”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (11)

  1. 一种页面显示方法，所述方法包括：
    加载待显示页面对应的采用结构化语言的页面视图描述文件；
    对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；
    根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；以及
    基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示。
  2. 根据权利要求1所述的方法，其中，对所述页面视图描述文件进行解析，得到页面视图元数据，包括：
    将所述页面视图描述文件解析成视图节点数组；
    遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；以及
    根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。
  3. 根据权利要求1所述的方法，其中，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，包括：
    根据所述页面视图元数据创建所述待显示页面所包含页面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；以及
    根据页面视图之间的层级结构信息，将创建的视图控件添加到该视图控件的父视图控件上。
  4. 根据权利要求3所述的方法，其中，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，还包括：
    为创建的视图控件设定事件处理函数，其中所述事件处理函数用于对针对所述视图控件的触控操作进行响应和处理。
  5. 根据权利要求1所述的方法，其中，基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示，包括：
    根据预先设置的数据源地址获取数据源；
    依次遍历所述视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；以及
    根据赋值结果进行页面的渲染和显示。
  6. 根据权利要求5所述的方法，其中，根据赋值结果进行页面的渲染和显示，包括：
    根据所述视图控件层级结构计算各视图控件的布局参数，所述布局参数包括位置参数和尺寸参数；以及
    根据所述布局参数和所述赋值结果对各视图控件进行渲染和显示，并缓存所述布局参数，以使后续使用缓存的所述布局参数对相同视图控件进行渲染和显示。
  7. 根据权利要求1-6中任一项所述的方法，其中，所述结构化语言为JavaScript对象标记JSON语言或可扩展标记语言XML。
  8. 根据权利要求1-6中任一项所述的方法，其中，采用自动化解析工具，对所述页面视图描述文件进行解析，得到页面视图元数据，并且
    采用自动化构建工具，根据所述页面视图元数据创建所述待显示页面的视图层级结构。
  9. 一种页面显示装置，所述页面显示装置包括：
    页面视图描述文件加载模块，被配置为加载待显示页面对应的采用结构化语言的页面视图描述文件；
    页面视图描述文件解析模块，被配置为对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；
    视图控件层级结构创建模块，被配置为根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；以及
    页面显示模块，被配置为基于获取的数据源和所述视图控件层级结构，进行页面的渲染和显示。
  10. 一种终端设备，所述终端设备包括：
    一个或多个处理器；
    存储器，用于存储一个或多个程序；
    当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一项所述的页面显示方法。
  11. 一种计算机存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如权利要求1-8中任一项所述的页面显示方法。
PCT/CN2019/122114 2018-12-14 2019-11-29 一种页面显示方法、装置、设备及存储介质 WO2020119485A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201811532257.6 2018-12-14
CN201811532257.6A CN109634598B (zh) 2018-12-14 2018-12-14 一种页面显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2020119485A1 true WO2020119485A1 (zh) 2020-06-18

Family

ID=66074041

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/122114 WO2020119485A1 (zh) 2018-12-14 2019-11-29 一种页面显示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN109634598B (zh)
WO (1) WO2020119485A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11934315B1 (en) 2022-10-19 2024-03-19 Inductive Automation, LLC Controlled activation of interdependent bindings

Families Citing this family (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109634598B (zh) * 2018-12-14 2020-09-18 北京字节跳动网络技术有限公司 一种页面显示方法、装置、设备及存储介质
CN110263279B (zh) * 2019-05-08 2021-08-10 北京字节跳动网络技术有限公司 页面生成方法、装置、电子设备和计算机可读存储介质
CN112100550A (zh) * 2019-06-17 2020-12-18 北京京东尚科信息技术有限公司 一种页面构建方法和装置
CN112230910B (zh) * 2019-07-15 2023-09-15 腾讯科技（深圳）有限公司 嵌入型程序的页面生成方法、装置、设备及存储介质
CN110543306B (zh) * 2019-07-19 2023-07-18 石化盈科信息技术有限责任公司 交互式数据可视化方法及应用系统、存储介质
CN110597512B (zh) * 2019-08-23 2022-04-08 荣耀终端有限公司 显示用户界面的方法及电子设备
CN110705231B (zh) * 2019-08-26 2023-06-30 苏宁云计算有限公司 一种网页编辑方法及装置
CN112445469B (zh) * 2019-09-05 2023-10-13 腾讯科技（深圳）有限公司 一种代码生成方法、系统、计算机设备及存储介质
CN110658969B (zh) * 2019-10-08 2024-01-09 广州市百果园信息技术有限公司 一种图片处理方法、装置、设备及存储介质
CN111782309B (zh) * 2019-10-28 2022-07-05 北京沃东天骏信息技术有限公司 显示信息的方法、装置及计算机可读存储介质
CN111324350B (zh) * 2020-01-21 2023-06-30 上海万物新生环保科技集团有限公司 页面显示方法及设备
CN111443912B (zh) * 2020-03-25 2023-06-30 深圳平安医疗健康科技服务有限公司 基于组件的页面渲染方法、装置、计算机设备和存储介质
CN111651158B (zh) * 2020-04-23 2024-05-31 平安国际智慧城市科技股份有限公司 表单页面生成方法、装置、终端及存储介质
CN111949348B (zh) * 2020-07-09 2024-05-31 北京齐尔布莱特科技有限公司 一种页面显示方法及移动终端
CN112100552B (zh) * 2020-08-06 2024-10-18 北京沃东天骏信息技术有限公司 页面渲染方法、装置、设备及计算机可读存储介质
CN112035768A (zh) * 2020-08-27 2020-12-04 深圳市欢太科技有限公司 快应用的页面渲染方法、装置、存储介质及电子设备
CN112130836B (zh) * 2020-09-10 2024-08-06 华帝股份有限公司 基于json文件生成多级联动组件的方法
CN112256346A (zh) * 2020-10-14 2021-01-22 北京字跳网络技术有限公司 控件显示方法、装置和电子设备
CN112433778B (zh) * 2020-11-09 2023-09-01 北京奇艺世纪科技有限公司 一种移动设备页面显示方法、装置、电子设备及存储介质
CN114691128A (zh) * 2020-12-29 2022-07-01 苏州国双软件有限公司 一种前端页面生成方法、装置、电子设备及存储介质
CN112800362B (zh) * 2021-02-04 2024-05-17 百果园技术(新加坡)有限公司 一种界面视图延时加载方法及装置
CN113419770A (zh) * 2021-05-14 2021-09-21 北京沃东天骏信息技术有限公司 应用的页面更新方法、装置、设备和计算机可读存储介质
CN113407876B (zh) * 2021-06-18 2022-10-25 杭州安恒信息技术股份有限公司 一种网页刷新方法、网页刷新系统及相关装置
CN113626742A (zh) * 2021-08-02 2021-11-09 维沃移动通信有限公司 网页生成方法、装置、电子设备及可读存储介质
CN113821749B (zh) * 2021-09-30 2023-09-01 上海柯林布瑞信息技术有限公司 一种基于js实时解析的页面生成方法及计算机
CN114924815B (zh) * 2022-03-31 2024-07-02 北京达佳互联信息技术有限公司 页面渲染方法、装置、电子设备及存储介质
CN114817793B (zh) * 2022-06-24 2022-11-15 深圳市信润富联数字科技有限公司 页面生成方法、装置、设备及存储介质
CN115237413B (zh) * 2022-09-22 2023-02-24 北京达佳互联信息技术有限公司 一种列表处理方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100083172A1 (en) * 2008-10-01 2010-04-01 International Business Machines Corporation Method and system for generating and displaying an interactive dynamic list view of multiply connected objects
CN103019683A (zh) * 2012-11-20 2013-04-03 北京思特奇信息技术股份有限公司 一种动态配置页面视图的方法
CN106843844A (zh) * 2016-12-26 2017-06-13 南威软件股份有限公司 一种自定义视图的展示装置
CN108279932A (zh) * 2018-01-22 2018-07-13 北京奇艺世纪科技有限公司 一种移动终端动态配置用户界面方法和装置
CN108415702A (zh) * 2018-01-22 2018-08-17 北京奇艺世纪科技有限公司 一种移动终端应用界面动态渲染方法和装置
CN109634598A (zh) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10282172B2 (en) * 2016-09-12 2019-05-07 Adobe Inc. Authoring and deploying television apps and pages in a content management system
CN108628608A (zh) * 2018-04-16 2018-10-09 朗新科技股份有限公司 一种数据可视化的方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100083172A1 (en) * 2008-10-01 2010-04-01 International Business Machines Corporation Method and system for generating and displaying an interactive dynamic list view of multiply connected objects
CN103019683A (zh) * 2012-11-20 2013-04-03 北京思特奇信息技术股份有限公司 一种动态配置页面视图的方法
CN106843844A (zh) * 2016-12-26 2017-06-13 南威软件股份有限公司 一种自定义视图的展示装置
CN108279932A (zh) * 2018-01-22 2018-07-13 北京奇艺世纪科技有限公司 一种移动终端动态配置用户界面方法和装置
CN108415702A (zh) * 2018-01-22 2018-08-17 北京奇艺世纪科技有限公司 一种移动终端应用界面动态渲染方法和装置
CN109634598A (zh) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11934315B1 (en) 2022-10-19 2024-03-19 Inductive Automation, LLC Controlled activation of interdependent bindings
US12038842B1 (en) 2022-10-19 2024-07-16 Inductive Automation, LLC Controlled activation of interdependent bindings

Also Published As

Publication number Publication date
CN109634598B (zh) 2020-09-18
CN109634598A (zh) 2019-04-16

Similar Documents

Publication Publication Date Title
WO2020119485A1 (zh) 一种页面显示方法、装置、设备及存储介质
WO2020119800A1 (zh) 一种列表显示方法、装置、设备及存储介质
CN111045653B (zh) 系统生成方法、装置、计算机可读介质及电子设备
WO2020119804A1 (zh) 页面视图的显示方法、装置、设备及存储介质
CN110554874A (zh) 用于复用SaaS平台网页组件的方法和装置
CN110070593B (zh) 图片预览信息的显示方法、装置、设备及介质
CN112395253B (zh) 索引文件生成方法、终端设备、电子设备及介质
CN110389796A (zh) 编辑操作处理方法、装置及电子设备
US20140375657A1 (en) Synchronization Points for State Information
CN111857720B (zh) 用户界面状态信息的生成方法、装置、电子设备及介质
CN113419789A (zh) 数据模型脚本的生成方法和装置
WO2022184077A1 (zh) 文档编辑的方法、装置、终端及非暂时性存储介质
CN115344688A (zh) 业务数据展示方法、装置、电子设备和计算机可读介质
CN113127430A (zh) 镜像信息处理方法、装置、计算机可读介质及电子设备
CN110990006A (zh) 表单管理系统以及表单生成装置
WO2021254104A1 (zh) 数据库设计方法、装置及相关设备
CN116775174A (zh) 一种基于用户界面框架的处理方法、装置、设备及介质
CN114692055A (zh) 表单处理方法、装置、存储介质与电子设备
CN115167822A (zh) 分支代码合并方法、装置、设备和存储介质
CN113535037A (zh) 命令行终端交互展示方法、装置、计算机可读介质及设备
CN113656041A (zh) 数据处理方法、装置、设备及存储介质
CN116360710B (zh) 应用于服务器集群的数据存储方法、电子设备和可读介质
WO2023071629A1 (zh) 网页的渲染方法、装置、设备及存储介质
CN109739652A (zh) 基于Go语言的实时长连接方法及装置
CN110609728A (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: 19895004

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

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

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

122 Ep: pct application non-entry in european phase

Ref document number: 19895004

Country of ref document: EP

Kind code of ref document: A1