Integrated user interface platform development system and method of single-page application type
Disclosed is an integrated user interface platform development system and method of a single-page application type. A user interface platform development system may comprise: a development tool which provides a screen file development environment in a WYSIWYG method, and generates a screen file source in which a user interface platform is configured by structured components; a server which provides a resource for developing a screen file by using the development tool and in which a developed screen file source is registered; and a client which includes a client engine for loading the screen file source configured as a single page application type, which is requested to the server and received therefrom as a response, and executes the loaded screen file source in a browser window, so as to provide the user interface platform corresponding to a device associated with the executed screen file source.
1 . A user interface platform development system, comprising:
a development tool, configured for providing a WYSIWYG-style screen file development environment and generating a screen file source that organizes a user interface platform with structured components, wherein the generated screen file source is in an XML format;
a server, providing resources for developing a screen file with the development tool, and with which developed screen file sources are registered;
a screen source conversion module configured to compile the screen file source in the XML format into a JavaScript (JS) file including a JSON object that contains identical information to the screen file source; and
a client, having a client engine to load the JS file of the screen file source that is received from the server as response, and configured for executing in a browser window to provide the user interface platform according to an associated device,
wherein the development tool configures the screen file as a single page application type,
wherein the screen file is divided into a static resource and a dynamic resource that make up a web page,
wherein when loading the web page in a client's browser, the static resource is downloaded only once, and then the dynamic resource is rendered in a partial area,
wherein the dynamic resource is a portion of content that includes a portion that must be displayed on a current screen and is set to be displayed through script execution after being loaded and rendered only when requested,
wherein the static resource includes common scripts and common resources, and the client engine is a JavaScript-based engine that executes within a rendering process managed by the client's browser, and
wherein the client engine parses the JSON object included in the JS file to dynamically render the user interface platform on the client's browser.
2 . The user interface platform development system of claim 1 , wherein the screen file has an effective scope set for all unit screens constituting the web page, so that an entire web page is implemented as one single page.
3 . The user interface platform development system of claim 1 , wherein in a screen execution process performed by the client, creating the browser window, loading and executing the client engine, loading and executing the common script, and loading the common resource are executed only once, and loading a screen resource, rendering the screen, and executing a screen script are subsequently repeated by request.
4 . The user interface platform development system of claim 1 , wherein the structured components comprise at least one of Page component, user defined component (UDC), Project UDC, and MSA UDC.
5 . The user interface platform development system of claim 1 , wherein the client comprises a MSA message broker configured for corresponding to a microservice architecture and a micro frontend architecture having a cross-MSA resource sharing function.
6 . The user interface platform development system of claim 5 , wherein the MSA message broker comprises a global message hub which exchanges text messages in an asynchronous manner.
7 . The user interface platform development system of claim 6 , wherein to prevent security and memory leak issues, the text messages are only allowed in a text format such that only string converted JSON strings are allowed and JSON Objects are not allowed.