Disclosed is a computing system configured to receive input declaring structure of a web page, including declarations of component hierarchy and data-binding between components of the web page, and to responsively generate and store, cooperatively in a plurality of tables of a database, a representation of the web page including references to underlying scripts interpretable to define structure and operation of the components. Further, the computing system is configured to thereafter receive, from a client device, a request for such a page and, in response to the request, (i) to query the database in order to ascertain component tree-structure of the page, (ii) based on the ascertained component tree-structure, to construct a markup document that represents the ascertained component tree-structure and includes a component loader operative to load the underlying scripts, and (iii) to output the constructed markup document for rendering by a web browser executing on the client device.
Legal claims defining the scope of protection, as filed with the USPTO.
1. A system comprising: a database containing: a first plurality of interrelated records cooperatively defining a hierarchical arrangement of components of a web page, the first plurality of interrelated records including references to a plurality of respective underlying scripts interpretable to define structure and operation of the components of the web page; and a second plurality of interrelated records cooperatively defining data-bindings between the components of the web page, wherein each of the data-bindings comprises a publisher component, a subscriber component, and a listen-to tag attribute that binds a first application programming interface (API) point of the subscriber component with published data provided by a second API point of the publisher component, wherein the underlying scripts expose APIs of the components of the web page, and wherein the underlying scripts are updatable while maintaining the exposed APIs; and a web server application executing on a computing device and configured to: provide, to a client device, a user interface configured to expose the APIs of the components and enable a user to establish each data-binding between the first API point of the subscriber component and the second API point of the publisher component, receive, from the client device, a request for the web page, update the underlying scripts of the components of the web page, and responsive to the request, (i) query the database to ascertain a component tree-structure representing the hierarchical arrangement of the components of the web page and to ascertain the data-bindings between the components of the web page, (ii) based on the ascertained component tree-structure and data-bindings, construct a markup document that represents the ascertained component tree-structure and data-bindings and includes a component loader operative to load the updated underlying scripts, and (iii) output the constructed markup document for rendering by a web browser executing on the client device.
2. The system of claim 1 , wherein the web server application is further configured to: receive user input declaring the structure and operation of the web page, including declarations of the hierarchical arrangement of the components of the web page and the data-bindings between the components of the web page; and responsive to the user input, generate and store, cooperatively in a plurality of tables of the database, the first plurality of interrelated records cooperatively defining the hierarchical arrangement of the components of the web page and the second plurality of interrelated records cooperatively defining the data-bindings between the components of the web page, to facilitate the querying and constructing.
3. The system of claim 2 , wherein the web server application is further configured to provide the user interface through which to receive the user input declaring the structure and operation of the web page.
4. The system of claim 3 , wherein the user interface defines a menu of components and enables user-selection, from the menu of components, of components to be included on the web page and user-designation of hierarchy and data-bindings between the components.
5. The system of claim 4 , wherein each of the components, including the underlying scripts interpretable to define the structure and operation of the components, is defined in advance of receiving the user input.
6. The system of claim 1 , wherein the interrelated records of the database comprise a root-element record, a plurality of page-element records, a plurality of component records, and a plurality of data-binding records, wherein the root-element record defines a top level of the web page, wherein the plurality of page-element records cooperatively define the component tree structure of the components of the web page, each page-element record including a component-reference that references a respective one of the component records and including a parent-reference that references an associated parent node of the tree structure, wherein each component record defines a respective component of the web page and includes a script-reference that references associated underlying script that is interpretable by the web browser to define structure and operation of the respective component, and wherein the data-binding records define data-binding between (i) actions to be published by certain components of the web page based on state change of the components and (ii) properties of other components of the web page.
7. The system of claim 6 , wherein querying the database to ascertain the component tree-structure defining the hierarchical arrangement of the components of the web page comprises: querying the database to identify the root-element record of the web page; and recursively querying the database based on the parent-references in the page-element records, to establish the component-tree structure defining the hierarchical arrangement of the components of the web page.
8. The system of claim 6 , wherein the data-binding records comprise (i) action records defining the actions to be published by the components of the web page, (ii) properties records defining properties of the components of the web page, and (iii) action-binding records defining data-binding between the actions defined by the actions records and the properties defined by the properties records.
9. The system of claim 6 , wherein constructing the markup document that represents the ascertained component tree-structure and data-bindings comprises: structuring the markup document to include a hierarchical set of declarations corresponding with the ascertained component tree-structure, and to include associated tags defining the ascertained data-bindings.
10. The system of claim 9 , wherein constructing the markup document that includes the component loader operative to load the underlying scripts comprises: ascertaining, from the script-references of the component records, the underlying scripts interpretable to define the structure and operation of the components of the web page; and structuring the markup document to have the component loader reference the ascertained underlying scripts.
11. The system of claim 1 , wherein the request for the web page is a first request, and wherein the web server application is further configured to: after ascertaining the component tree-structure and data-bindings between the components of the web page, caching the ascertained component tree-structure and data-bindings in data storage for later retrieval; subsequently receiving a second request for the web page; and responsive to the second request, (i) retrieving the cached component tree-structure and data-bindings from the data storage, (ii) based on the retrieved component tree-structure and data-bindings, constructing a second markup document that represents the retrieved component tree-structure with data-bindings and includes the component loader operative to load the underlying scripts, and (iii) outputting the constructed second markup document for rendering.
12. The system of claim 11 , wherein caching the ascertained component tree-structure and data-bindings in the data storage for later retrieval comprises storing the ascertained component tree-structure and data-bindings in Java data objects in the data storage.
13. A method comprising: receiving, into a web server application, input declaring structure of a web page, including declarations of component hierarchy and data-bindings between components of the web page, wherein each of the data-bindings comprises a publisher component, a subscriber component, and a listen-to tag attribute that binds a first application programming interface (API) point of the subscriber component with published data provided by a second API point of the publisher component, responsive to the input, generating and storing, cooperatively in a plurality of tables of a database, a representation of the web page including references to a plurality of respective underlying scripts interpretable to define structure and operation of the components, wherein the underlying scripts expose APIs of the components of the web page, and wherein the underlying scripts are updatable while maintaining the exposed APIs, providing, to a client device, a user interface configured to expose the APIs of the components and enable a user to establish each data-binding between the first API point of the subscriber component and the second API point of the publisher component, thereafter receiving, into the web server application from the client device, a request for the web page, responsive to the request, updating the underlying scripts of the components of the web page, and responsive to the request, (i) querying the database to ascertain a component tree-structure of the web page, (ii) based on the ascertained component tree-structure, constructing a markup document that represents the ascertained component tree-structure and includes a component loader operative to load the updated underlying scripts, and (iii) outputting the constructed markup document for rendering by a web browser executing on the client device.
14. The method of claim 13 , wherein generating and storing cooperatively in the plurality of tables of the database the representation of the web page comprises generating and storing a plurality of interrelated records cooperatively defining the component hierarchy and a plurality of interrelated records cooperatively defining data-bindings.
15. The method of claim 14 , wherein the interrelated records comprise a root-element record, a plurality of page-element records, a plurality of component records, and a plurality of data-binding records, wherein the root-element record defines a top level of the web page, wherein the plurality of page-element records cooperatively define the component tree structure of the web page, each page-element record including a component-reference that references a respective one of the component records and including a parent-reference that references an associated parent node of the tree structure, wherein each component record defines a respective component of the web page and includes a script-reference that references associated underlying script that is interpretable by the web browser to define structure and operation of the respective component, and wherein the data-binding records define data-binding between (i) actions to be published by certain components of the web page based on state change of the components and (ii) properties of other components of the web page.
16. The method of claim 15 , wherein querying the database to ascertain the component tree-structure of the web page comprises: querying the database to identify the root-element record of the web page; and recursively querying the database based on the parent-references in the page-element records, to establish the component-tree structure of the web page.
17. An article of manufacture including a non-transitory computer-readable medium, having stored thereon program instructions that, upon execution by a computing system, cause the computing system to perform web server operations comprising: receiving input declaring structure of a web page, including declarations of component hierarchy and data-bindings between components of the web page, wherein each of the data-bindings comprises a publisher component, a subscriber component, and a listen-to tag attribute that binds a first application programming interface (API) point of the subscriber component with published data provided by a second API point of the publisher component, responsive to the input, generating and storing, cooperatively in a plurality of tables of a database, a representation of the web page including references to a plurality of respective underlying scripts interpretable to define structure and operation of the components, wherein the underlying scripts expose APIs of the components of the web page, and wherein the underlying scripts are updatable while maintaining the exposed APIs, providing, to a client device, a user interface configured to expose the APIs of the components and enable a user to establish each data-binding between the first API point of the subscriber component and the second API point of the publisher component, receiving from the client device a request for the web page, updating the underlying scripts of the components of the web page, and responsive to the request, (i) querying the database to ascertain a component tree-structure of the web page, (ii) based on the ascertained component tree-structure, constructing a markup document that represents the ascertained component tree-structure and includes a component loader operative to load the updated underlying scripts, and (iii) outputting the constructed markup document for rendering by a web browser executing on the client device.
18. The system of claim 1 , wherein the interrelated records of the database comprise: action records defining actions to be published by the publisher components of the web page, properties records defining properties of the subscriber components of the web page, action-binding records defining data-binding between the actions defined by the actions records and the properties defined by the properties records, or a combination thereof.
19. The system of claim 1 , wherein the listen-to tag attribute causes properties of the subscriber component to dynamically update in response to the published data related to the publisher component.
20. The system of claim 1 , wherein providing the user interface configured to expose the APIs of the components comprises exposing respective API points of the components to the user while hiding underlying scripting of the components from the user.
Cooperative Patent Classification codes for this invention. Click any code to explore related patents in that topic.
May 2, 2018
November 3, 2020
Browse 5M+ US patents with plain-English claim translations and AI-generated analysis.