CN117093217A - Method and system for constructing front-end configurable low-code framework of insurance system - Google Patents
Method and system for constructing front-end configurable low-code framework of insurance system Download PDFInfo
- Publication number
- CN117093217A CN117093217A CN202311232486.7A CN202311232486A CN117093217A CN 117093217 A CN117093217 A CN 117093217A CN 202311232486 A CN202311232486 A CN 202311232486A CN 117093217 A CN117093217 A CN 117093217A
- Authority
- CN
- China
- Prior art keywords
- configuration
- decoration
- page
- data
- layer
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000005034 decoration Methods 0.000 claims abstract description 71
- 230000000007 visual effect Effects 0.000 claims abstract description 25
- 238000009877 rendering Methods 0.000 claims abstract description 13
- 230000001360 synchronised effect Effects 0.000 claims abstract description 4
- 239000000463 material Substances 0.000 claims description 10
- 238000003860 storage Methods 0.000 claims description 10
- 238000012545 processing Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 5
- 238000010276 construction Methods 0.000 claims description 4
- 238000013461 design Methods 0.000 claims description 4
- 239000003086 colorant Substances 0.000 claims description 3
- 229910003460 diamond Inorganic materials 0.000 claims description 3
- 239000010432 diamond Substances 0.000 claims description 3
- 238000011010 flushing procedure Methods 0.000 claims description 2
- 239000002699 waste material Substances 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 11
- 238000011161 development Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 230000008859 change Effects 0.000 description 3
- 238000013515 script Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002411 adverse Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000009432 framing Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000011664 signaling Effects 0.000 description 1
- 238000000638 solvent extraction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
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/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q40/00—Finance; Insurance; Tax strategies; Processing of corporate or income taxes
- G06Q40/08—Insurance
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Finance (AREA)
- Accounting & Taxation (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Human Computer Interaction (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Technology Law (AREA)
- General Business, Economics & Management (AREA)
- Financial Or Insurance-Related Operations Such As Payment And Settlement (AREA)
Abstract
The application provides a method and a system for constructing a configurable low-code frame at the front end of an insurance system, and relates to the technical field of computers. The method comprises the following steps: background page decoration layer, data layer and front end show layer: the background page decoration layer comprises a component list, a display area and an attribute configuration area, wherein the visual configuration is realized by div point selection through the component list and the attribute configuration area, and a user sets and presents previews in real time; the data layer comprises js files which can be read by the app through the background visual configuration attribute, and the js files are uploaded to cos and synchronized to the CDN; the front-end display layer terminal inquires CDN addresses through a service interface, reads js template data stored in configuration, and performs page rendering on front-end compiled data to be presented by the terminal. The front end of the system can be configured, the functional scene tool can be dynamically configured, and the system can be developed once and used continuously, so that resource waste is avoided.
Description
Technical Field
The application relates to the technical field of computers, in particular to a method and a system for constructing a configurable low-code frame at the front end of an insurance system.
Background
In recent years, the insurance industry rapidly develops, sales channels and business modes are more and more diversified, an insurance system is more and more complex, a basic method of the insurance system is changed every year, the system is redeveloped after each change, basic method parameters cannot be flexibly configured through a configuration interface, or the parameters are manually configured through IT professionals and then are released to a production environment in a script mode, and a general simple basic method development period is one month, for example, the basic method has a large framework change and a development period of more than three months, and a plurality of links such as requirements, development, testing, operation and maintenance, business verification and the like are involved.
There are a number of drawbacks to the insurance system front-end configurable low code framework because it requires interfacing with many tenant brands. For example, current front-end configurable frameworks suffer from the following drawbacks:
(1) The service modules of the system frame are numerous and diverse, and quite familiar manpower is needed for fine configuration;
(2) Excessive tenant access is not performed yet, experimental samples are lacking in stability and individuation, and continuous iteration is required to be completed in the follow-up process;
(3) The system configuration increases the burden on the operation and maintenance personnel.
Disclosure of Invention
The application aims to provide a method for constructing a configurable low-code framework at the front end of an insurance system, which can realize the configuration of the front end of the system, dynamically configure a functional scene tool, develop once, and continuously use, and avoid wasting resources.
Another object of the present application is to provide a system for constructing a front-end configurable low-code framework of an insurance system, which can solve the above pain points with "low coupling+parameterization" as a core, wherein front-end functions related to insurance use parameterization configuration, system function framing, decoupling from business rules, driving by scene parameters, and automatically adapting to changes as soon as configuration parameters change.
Embodiments of the present application are implemented as follows:
in a first aspect, an embodiment of the present application provides a method for building a front-end configurable low-code frame of an insurance system, where the method includes a background page decoration layer, a data layer, and a front-end display layer: the background page decoration layer comprises a component list, a display area and an attribute configuration area, wherein the visual configuration is realized by div point selection through the component list and the attribute configuration area, and a user sets and presents previews in real time; the data layer comprises the steps of generating js files readable by the app through background visual configuration attributes, uploading the js files to cos and synchronizing the js files to the CDN; the front-end display layer terminal queries CDN addresses through the service interface, reads js template data stored in configuration, performs page rendering on front-end compiled data, and displays the data.
In some embodiments of the present application, the background page decoration layer includes a component list, a display area, and an attribute configuration area, the visual configuration is implemented by div pointing through the component list and the attribute configuration area, and the user setting and real-time presenting the preview further includes: and when the page is configured, a template or a user-defined configuration is used, decoration data is put in storage after the page configuration is stored, authority allocation is carried out on the page component, a terminal requests a service interface to acquire decoration data, a front end reads the decoration data to carry out page rendering, and an App is finally generated.
In some embodiments of the present application, the foregoing further includes a configuration flow: performing row component configuration, wherein the component configuration comprises configuration letter adding areas, product recommendation, radar and tools, associating a system module with the components, determining a configuration template theme, navigation and labels through a decoration custom template, managing a configuration material library, and performing configuration pictures and icons; starting decoration of the platform terminal, wherein the decoration of the platform terminal comprises global decoration and page decoration, and a decoration mode is selected, wherein the decoration mode comprises template application and custom decoration; and after finishing decoration, storing the configuration data into a server, requesting the interface to acquire the stored relevant configuration information, reading the configuration data, and rendering and presenting at the front end.
In some embodiments of the application, the foregoing further comprises: and carrying out service division and modular design on architecture application according to application requirements of an insurance system architecture and distributed architecture design, and constructing a background page decoration layer, a data layer and a front-end display layer according to the front-end running environment of the insurance system.
In some embodiments of the present application, the data layer includes a js file readable by the app through a background visualization configuration attribute, uploading the js file to the cos, and synchronizing to the CDN includes: the processing of the data layer comprises the steps that the visual configuration application generates a description file and an entry file of the visual configuration application in a construction stage, the entry file comprises a JS entry file, HTML elements in the front-end display layer terminal are compiled into JS codes and mixed into JS resources, and CSS resources in the front-end display layer terminal are loaded through the CSS entry file.
In some embodiments of the present application, the background page decoration layer includes a component list, a display area, and an attribute configuration area, the visual configuration is implemented by div pointing, and the user setting and real-time presenting the preview includes: the visual configuration of the background page decoration layer is realized by performing div point selection in the component list and attribute configuration area, and a user directly selects a component and configures the attribute thereof through mouse point clicking without manually inputting codes or other instructions, so that the user setting is presented in the display area in real time, and the page effect can be more conveniently previewed and adjusted.
In some embodiments of the present application, the front-end display layer terminal queries a CDN address through a service interface, reads js template data stored in configuration, performs page rendering by front-end compiling data, and terminal presentation includes: the final port of the front-end presentation layer actually discovers the function of dynamically generating pages by reading the saved data and resources from the CDN server and using the export engine or front-end box to enter page flushing and discovery.
In a second aspect, an embodiment of the present application provides a system for building a front-end configurable low-code frame of an insurance system, where the system includes a configuration module, a system decoration module, a global decoration module, a page decoration module, and a data server storage center: the system decoration module comprises a component configuration module, a display module and a display module, wherein the component configuration module comprises a search frame, a diamond area, an advertisement area and a calendar; the method comprises the steps of template definition and material definition, wherein the template definition is divided into a system template and a page template, and the material definition comprises a picture library and an icon library; the global decoration module comprises theme colors, navigation, background card patterns and label page patterns; the page decoration module comprises a specific first-level page, and a new insurance front-end system is generated as required after all configuration is completed; the data server storage center stores all operation data of the generated new insurance front-end system.
In a third aspect, embodiments of the present application provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a method as any one of the methods of building a front-end configurable low code framework of an insurance system.
Compared with the prior art, the embodiment of the application has at least the following advantages or beneficial effects:
the front end of the insurance system is provided with the configurable low-code framework, so that the insurance system can be managed conveniently, has the characteristic of fool configuration, does not need professional technicians to conduct artificial script development, reduces the cost burden of the system, realizes one-time development and continuous use by realizing the configurable system, and avoids the waste of development resources. And the development cost and the labor burden of an industry friend system can be reduced, and the integrated digital whole solution of product, operation, content and service on a scientific and technological platform can be realized, so that the industry is energized.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the embodiments will be briefly described below, it being understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a schematic diagram of steps of a method for constructing a front-end configurable low-code frame of an insurance system according to an embodiment of the present application;
FIG. 2 is a schematic diagram of a construction operation flow of a front-end configurable low-code frame of an insurance system according to an embodiment of the present application;
FIG. 3 is a schematic diagram of a system module for building a low-code framework with a configurable front end of an insurance system according to an embodiment of the present application;
fig. 4 is an electronic device provided in an embodiment of the present application.
Icon: 101-memory; 102-a processor; 103-communication interface.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments of the present application. The components of the embodiments of the present application generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the application, as presented in the figures, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
It should be noted that the term "comprises," "comprising," or any other variation thereof is intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The various embodiments and features of the embodiments described below may be combined with one another without conflict.
Example 1
Referring to fig. 1, fig. 1 is a schematic diagram of a technical solution of a front end configurable low code frame of an insurance system according to an embodiment of the present application, which is as follows:
the background page decoration layer comprises a component list, a display area and an attribute configuration area, wherein the visual configuration is realized by div point selection through the component list and the attribute configuration area, and a user sets and presents previews in real time;
in some embodiments, DIV is a localization technique in cascading style sheets, collectively referred to as DIVision, i.e., partitioning. Which may sometimes be referred to as a layer. The DIV element is an element used to provide structure and context for the content of a large block (block-level) within an HTML (standard universal markup language) document.
In some embodiments, first, the background page finishing layer includes three main parts: a component list, a display area and an attribute configuration area; the component list lists various components available for page editing, such as text boxes, buttons, pictures, etc., from which the user can select components that need to be added to the page. The presentation area is an area for previewing the effect of the page in real time, in which the user can see the appearance and layout of the page, and can add, delete, adjust the position and style of the components, etc. as required. The property configuration area provides a number of property options, such as size, color, font, etc., for configuring the selected component, through which a user can adjust the appearance and behavior of the component. Secondly, the background page decoration layer can adopt a visual configuration mode, namely, a user can finish page editing and configuration by performing div point selection between the component list and the attribute configuration area. This means that the user can complete page editing and component configuration by a simple mouse operation without having to manually write code or use other complicated tools. Finally, the decoration layer supports a real-time preview function, namely, the changes made by the user are reflected in the display area in real time, and the user can directly preview the effect of the page in the editing process, so that the page layout and the effect can be adjusted and optimized more conveniently and rapidly. Therefore, the background page decoration layer provides a quick, visual and easy-to-use page editing and configuration tool, which can help a user to quickly create and modify a page and improve the working efficiency and the user experience.
The data layer comprises js files which can be read by the app through the background visual configuration attribute, and the js files are uploaded to cos and synchronized to the CDN;
in some embodiments, JS is an abbreviation for JavaScript (web/HTML scripting language), chinese full scale: javaScript scripting language (HTML web page /);
object store (Cloud Object Storage, COS);
CDNs are a type of distributed content distribution network built on a data network. The CDN has the function of overcoming the defects of insufficient output bandwidth and concurrency capacity of a single-machine system by adopting a streaming media server cluster technology, greatly improving the number of concurrent flows supported by the system and reducing or avoiding the adverse effect caused by single-point failure.
In some embodiments, first, the data layer provides a background interface for visualizing configuration attributes, and a user can set corresponding attribute information through the interface.
Second, the data layer generates corresponding JavaScript files by generating these attribute information so that the App can read and use these data. This means that all attribute information configured by the user, such as text, pictures, etc. that the App needs to display, will be contained in the generated JavaScript file.
Then, the generated JavaScript files need to be uploaded onto COS (cloud storage service) so that App can download these files from COS and read the data therein.
Finally, in order to ensure that the App can acquire the latest data in time, the generated JavaScript file also needs to be synchronized onto the CDN (content delivery network). Therefore, when the App needs to download the JavaScript file, the JavaScript file can be directly obtained from the CDN, so that the data downloading speed is increased, and the response speed and the user experience of the App are improved.
The main function of the data layer is to generate JavaScript files which can be read by an App through background visual configuration attributes, upload the files to COS and synchronize the files to CDN, so that the App can acquire and use data in time, and the user experience and performance of the App are improved.
The front-end display layer terminal inquires CDN addresses through a service interface, reads js template data stored in configuration, and performs page rendering on front-end compiled data to be presented by the terminal.
In some embodiments, first, the terminal of the front-end presentation layer queries the CDN address through the service interface, which means that the terminal needs to obtain the CDN address from the service interface in order to be able to download corresponding data and resources from the CDN.
And secondly, the terminal reads the saved JavaScript template data through the CDN address, and the JavaScript template data is generated in a background page decoration layer and uploaded into the COS and the CDN. The data may include information about the layout, style, content, etc. of the page.
Then, the terminal performs front-end compiling on the JavaScript template data, namely, analyzing the template data into HTML code which can be presented in a browser. In this way, the browser can present the appearance and content of the page according to the HTML code.
Finally, the terminal presents the compiled HTML code in the browser, and the user can view and operate the page through the browser.
In a comprehensive view, the main function of the front-end display layer is to query CDN addresses through a service interface, read stored JavaScript template data, compile the data at the front end to conduct page rendering, and finally display the data in a terminal browser to display a visual Web page.
Example 2
Referring to fig. 2, fig. 2 is a schematic diagram of a construction operation flow of a front-end configurable low-code frame of an insurance system according to an embodiment of the present application, which is as follows:
s1, carrying out component configuration; configuring a letter adding area, product recommendation, radar, tools and the like;
s2, associating the system module with the component;
s3, decorating a custom template (configuring a template theme, navigation, labels and the like);
s4, managing and configuring a material library (configuring pictures, icons and the like);
s5, finishing the platform terminal: global decoration and page decoration. Templates or custom decorations can be applied;
s6, storing configuration data and storing the configuration data into a server;
s7, requesting the interface to acquire the saved relevant configuration information;
s8, reading the configuration data, and rendering and presenting at the front end.
In some embodiments, component configuration is needed, including configuration of functional modules such as a letter adding area, product recommendation, radar, tools and the like, and the components and the system modules are related to each other, and a theme, navigation and labels of the configuration template can be determined through decoration of the custom template, management of the configuration material library, configuration of pictures and icons and the like.
And (3) finishing the platform terminal, wherein the finishing of the platform terminal comprises global finishing and page finishing. The template can be selected to be used or the custom decoration can be performed. Global decoration mainly refers to decoration of the whole website or application program, and page decoration refers to decoration of a specific page.
After finishing the decoration, the configuration data needs to be saved and stored in a server. The corresponding interface can be requested to acquire the saved relevant configuration information, the configuration data is read, and then the front end renders and presents the data so as to show the visual interface configured by the user.
In a comprehensive view, the process mainly involves steps of row component configuration, decoration of a platform terminal, configuration data storage, reading and rendering of data and the like, so that visual configuration of websites or application programs is realized.
Example 3
Referring to fig. 3, fig. 3 is a schematic diagram of a building system module with a low-code frame configurable at the front end of an insurance system according to an embodiment of the present application, where the building system module is as follows:
configuration module, component configuration module, system decoration module, global decoration module and page decoration module, data server storage middle stage:
the system decoration module comprises a component configuration sub-module, and comprises a search frame, a diamond area, an advertisement area and a calendar; the system comprises a template definition and a material definition, wherein the template definition is divided into a system template and a page template, and the material definition comprises a picture library and an icon library;
the global decoration module comprises theme colors, bottom navigation, background card patterns and label page patterns;
the page decoration module comprises a specific first-level page, and a new insurance front-end system is generated as required after all configuration is completed;
the data server storage center stores all operation data of the generated new insurance front-end system.
As shown in fig. 4, an embodiment of the present application provides an electronic device including a memory 101 for storing one or more programs; a processor 102. The method of any of the first aspects described above is implemented when one or more programs are executed by the processor 102.
And a communication interface 103, where the memory 101, the processor 102 and the communication interface 103 are electrically connected directly or indirectly to each other to realize data transmission or interaction. For example, the components may be electrically connected to each other via one or more communication buses or signal lines. The memory 101 may be used to store software programs and modules that are stored within the memory 101 for execution by the processor 102 to perform various functional applications and data processing. The communication interface 103 may be used for communication of signaling or data with other node devices.
The Memory 101 may be, but is not limited to, a random access Memory (Random Access Memory, RAM), a Read Only Memory (ROM), a programmable Read Only Memory (Programmable Read-Only Memory, PROM), an erasable Read Only Memory (Erasable Programmable Read-Only Memory, EPROM), an electrically erasable Read Only Memory (Electric Erasable Programmable Read-Only Memory, EEPROM), etc.
The processor 102 may be an integrated circuit chip with signal processing capabilities. The processor 102 may be a general purpose processor including a central processing unit (Central Processing Unit, CPU), a network processor (Network Processor, NP), etc.; but also digital signal processors (Digital Signal Processing, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.
In the embodiments provided in the present application, it should be understood that the disclosed method and system may be implemented in other manners. The above-described method and system embodiments are merely illustrative, for example, flow charts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of methods and systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, functional modules in the embodiments of the present application may be integrated together to form a single part, or each module may exist alone, or two or more modules may be integrated to form a single part.
In another aspect, an embodiment of the application provides a computer readable storage medium having stored thereon a computer program which, when executed by the processor 102, implements a method as in any of the first aspects described above. The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In summary, the method and the system for constructing the front-end configurable low-code frame of the insurance system provided by the embodiment of the application can be managed conveniently through the front-end configurable low-code frame of the insurance system, have the characteristic of foolproof configuration, do not need professional technicians to develop artificial scripts, reduce the cost burden of the system, realize one-time development and continuous use through realizing the configurable system, and avoid the waste of development resources. And the development cost and the labor burden of an industry friend system can be reduced, and the integrated digital whole solution of product, operation, content and service on a scientific and technological platform can be realized, so that the industry is energized.
The above is only a preferred embodiment of the present application, and is not intended to limit the present application, but various modifications and variations can be made to the present application by those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the protection scope of the present application.
It will be evident to those skilled in the art that the application is not limited to the details of the foregoing illustrative embodiments, and that the present application may be embodied in other specific forms without departing from the spirit or essential characteristics thereof. The present embodiments are, therefore, to be considered in all respects as illustrative and not restrictive, the scope of the application being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference sign in a claim should not be construed as limiting the claim concerned.
Claims (9)
1. The method for constructing the front-end configurable low-code framework of the insurance system is characterized by comprising a background page decoration layer, a data layer and a front-end display layer:
the background page decoration layer comprises a component list, a display area and an attribute configuration area, wherein the visual configuration is realized by div point selection through the component list and the attribute configuration area, and a user sets and presents previews in real time;
the data layer comprises js files which can be read by the app through background visual configuration attributes, and the js files are uploaded to cos and synchronized to the CDN;
and the front-end display layer terminal inquires the CDN address through the service interface, reads js template data stored in configuration, and performs page rendering by front-end compiling data to display the data.
2. The method for building a front-end configurable low-code framework of an insurance system according to claim 1, wherein the background page decoration layer comprises a component list, a display area and an attribute configuration area, the visual configuration is realized by div pointing through the component list and the attribute configuration area, and the user setting and real-time preview presenting further comprises:
and when the page is configured, a template or a user-defined configuration is used, decoration data is put in storage after the page configuration is stored, authority allocation is carried out on the page component, a terminal requests a service interface to acquire decoration data, a front end reads the decoration data to carry out page rendering, and an App is finally generated.
3. The method for constructing a front-end configurable low-code framework of an insurance system according to claim 1, further comprising the steps of:
performing row component configuration, wherein the component configuration comprises configuration letter adding areas, product recommendation, radar and tools, associating a system module with the components, determining a configuration template theme, navigation and labels through a decoration custom template, managing a configuration material library, and performing configuration pictures and icons;
starting decoration of the platform terminal, wherein the decoration of the platform terminal comprises global decoration and page decoration, and a decoration mode is selected, wherein the decoration mode comprises template application and custom decoration;
and after finishing decoration, storing the configuration data into a server, requesting the interface to acquire the stored relevant configuration information, reading the configuration data, and rendering and presenting at the front end.
4. The method for constructing a front-end configurable low-code framework of an insurance system according to claim 1, further comprising:
and carrying out service division and modular design on architecture application according to application requirements of an insurance system architecture and distributed architecture design, and constructing a background page decoration layer, a data layer and a front-end display layer according to the front-end running environment of the insurance system.
5. The method of claim 1, wherein the data layer includes a js file that can be read by the app through a background visual configuration attribute, uploading the js file to cos, and synchronizing to the CDN comprises:
the processing of the data layer comprises the steps that the visual configuration application generates a description file and an entry file of the visual configuration application in a construction stage, the entry file comprises a JS entry file, HTML elements in the front-end display layer terminal are compiled into JS codes and mixed into JS resources, and CSS resources in the front-end display layer terminal are loaded through the CSS entry file.
6. The method for setting up a front-end configurable low-code frame of an insurance system according to claim 1, wherein the background page decoration layer comprises a component list, a display area and an attribute configuration area, the visual configuration is realized by div pointing through the component list and the attribute configuration area, and the user setting and real-time presenting preview comprises:
the visual configuration of the background page decoration layer is realized by performing div point selection in the component list and attribute configuration area, and a user directly selects a component and configures the attribute thereof through mouse point clicking without manually inputting codes or other instructions, so that the user setting is presented in the display area in real time, and the page effect can be more conveniently previewed and adjusted.
7. The method for constructing a front-end configurable low-code frame of an insurance system according to claim 1, wherein the front-end display layer terminal queries a CDN address through a service interface, reads js template data stored in configuration, performs page rendering on front-end compiled data, and presents the terminal including:
the final port of the front-end presentation layer actually discovers the function of dynamically generating pages by reading the saved data and resources from the CDN server and using the export engine or front-end box to enter page flushing and discovery.
8. The utility model provides a building system of configurable low code frame in insurance system front end which characterized in that includes configuration module, system fitment module, global fitment module and page fitment module, data server storage center:
the system decoration module comprises a component configuration submodule, a system decoration module and a system decoration module, wherein the component configuration submodule comprises a search box, a diamond area, an advertisement area and a calendar; the method comprises the steps of template definition and material definition, wherein the template definition is divided into a system template and a page template, and the material definition comprises a picture library and an icon library;
the global decoration module comprises theme colors, navigation, background card patterns and label page patterns;
the page decoration module comprises a specific first-level page, and a new insurance front-end system is generated as required after all configuration is completed;
and the data server storage center stores all operation data of the generated new insurance front-end system.
9. A computer readable storage medium, on which a computer program is stored, which computer program, when being executed by a processor, implements the method according to any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311232486.7A CN117093217A (en) | 2023-09-22 | 2023-09-22 | Method and system for constructing front-end configurable low-code framework of insurance system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311232486.7A CN117093217A (en) | 2023-09-22 | 2023-09-22 | Method and system for constructing front-end configurable low-code framework of insurance system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117093217A true CN117093217A (en) | 2023-11-21 |
Family
ID=88775296
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311232486.7A Pending CN117093217A (en) | 2023-09-22 | 2023-09-22 | Method and system for constructing front-end configurable low-code framework of insurance system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117093217A (en) |
-
2023
- 2023-09-22 CN CN202311232486.7A patent/CN117093217A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8176417B2 (en) | Constructing and maintaining web sites | |
| CN108154569B (en) | Patrol acquisition method based on object modeling configuration | |
| US10210142B1 (en) | Inserting linked text fragments in a document | |
| KR101934614B1 (en) | Edition designer | |
| US20130326333A1 (en) | Mobile Content Management System | |
| CN112286513A (en) | Visual design method and device based on component metadata | |
| CN101401091A (en) | Apparatus and method for changing web design | |
| KR101275871B1 (en) | System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor | |
| US11853365B2 (en) | Template-based faceted search experience | |
| CN113032708A (en) | Code-free Web development system | |
| US20170169474A1 (en) | Internet-based display material system and internet-based display material producing method | |
| WO2014022001A1 (en) | Method and system for automatically generating social network site page based on electronic document content | |
| CN111124533A (en) | Method and device for dynamic configuration of active page | |
| CN112182465A (en) | Page display method, first terminal, server and system | |
| CN114756228A (en) | Page processing method, device, equipment and storage medium | |
| CN117032666A (en) | Page editing method and device based on editor, terminal equipment and storage medium | |
| CN116088816B (en) | Method for developing panoramic service view by low codes | |
| KR102099093B1 (en) | Customized Motion Graphic Video Production System | |
| CN116610394A (en) | Template and module-based data visualization page configuration method, system and device | |
| CN117093217A (en) | Method and system for constructing front-end configurable low-code framework of insurance system | |
| CN112947900A (en) | Web application development method and device, server and development terminal | |
| WO2010093063A1 (en) | Web page creating device and web page creation support device used for same, and client device for web page creation | |
| CN115810064A (en) | Map making and publishing platform construction method based on open source GIS technology | |
| US11843679B2 (en) | Automated dependency management based on page components | |
| Mallia et al. | Automatic creation of a virtual/augmented gallery based on user defined queries on online public repositories |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |