CN113918152B - Low-code application development method and equipment in page building process - Google Patents
Low-code application development method and equipment in page building process Download PDFInfo
- Publication number
- CN113918152B CN113918152B CN202111222454.XA CN202111222454A CN113918152B CN 113918152 B CN113918152 B CN 113918152B CN 202111222454 A CN202111222454 A CN 202111222454A CN 113918152 B CN113918152 B CN 113918152B
- Authority
- CN
- China
- Prior art keywords
- function
- user
- execution
- data
- script
- 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.)
- Active
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/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The application relates to a low-code application development method and system in a page building process, wherein the method comprises the following steps: for the existing chart and functional components, the chart can be created or the functional components can be added directly according to the operation instructions input by the user. For the function components which are not realized, the script which is input in advance in the configuration form by the user is obtained, because the script which is input in the configuration form can not be directly executed like the conventional code, the script needs to be converted into an executable function based on a preset function object structure, the executable function is executed based on a preset execution tool, an execution result is obtained and fed back to the user, the function of the function components which are not realized is completed through the script which is input in advance, the front-end page building can be quickly completed under the condition that the code of the front-end page is not re-constructed, and the time cost is greatly saved.
Description
Technical Field
The application relates to the technical field of front-end page building, in particular to a low-code application development method and equipment in a page building process.
Background
In the prior art, when a new front-end page is built, a programmer is often required to re-structure the code of the front-end page, and the re-structure of the whole front-end page code is undoubtedly a time-consuming and labor-consuming project, so that the workload for building the new front-end page in the prior art is large, the cost is high, and the efficiency is low.
Disclosure of Invention
In order to overcome the problems of large workload, high cost and low efficiency of new front-end page construction in the related technology at least to a certain extent, the application provides a low-code application development method and equipment in the page construction process.
The scheme of the application is as follows:
according to a first aspect of the present application, a method for developing a low-code application in a page building process is provided, which includes:
creating a chart or adding a functional component on a page to be built according to an operation instruction input by a user;
acquiring a script which is input in a configuration form of the page to be built by the user;
converting the script into an executable function based on a preset function object structure;
and executing the executable function based on a preset execution tool to obtain an execution result and feed the execution result back to the user.
Preferably, in an implementation manner of the present application, the obtaining and feeding back the execution result to the user includes:
and substituting the data in the execution result into the chart for displaying.
Preferably, in an implementable manner of the present application, after the executable function is executed based on a preset execution tool, the method further includes:
and obtaining the execution result through local calculation or calling a background data interface.
Preferably, in an implementable manner of the present application, the preset execution tool includes: a function and a variable are requested.
Preferably, in an implementable manner of the present application, the executing the executable function based on a preset executing tool includes:
judging whether the variable has a value or not;
and if the variable has a value, the variable is used as a request parameter, and background interface data is requested through the request function.
Preferably, in an implementable manner of the present application, the executing the executable function based on a preset executing tool further includes:
providing the executable function as an incoming parameter to the requesting function with a scene adaptation capability.
Preferably, in an implementable manner of the present application, the executable function is configured with at least one or more of the following parameters as incoming parameters:
the data, kanban shared data, asynchronous expression execution parameters, data index query parameters and multi-data query parameters bound by the current component.
According to a second aspect of the present application, there is provided a low-code application development system in a page building process, including:
the creating module is used for creating a chart or adding a functional component according to an operation instruction input by a user;
the acquisition module is used for acquiring a script input by the user in the configuration form;
the conversion module is used for converting the script into an executable function based on a preset function object structure;
and the execution module is used for executing the executable function based on a preset execution tool to obtain an execution result and feeding the execution result back to the user.
The technical scheme provided by the application can comprise the following beneficial effects: according to the low-code application development method in the page building process, for the existing chart and functional components, the chart can be created or the functional components can be added directly according to the operation instructions input by the user. For the function components which are not realized, the script which is input in advance in the configuration form by the user is obtained, because the script which is input in the configuration form can not be directly executed like the conventional code, the script needs to be converted into an executable function based on a preset function object structure, the executable function is executed based on a preset execution tool, an execution result is obtained and fed back to the user, the function of the function components which are not realized is completed through the script which is input in advance, the front-end page building can be quickly completed under the condition that the code of the front-end page is not re-constructed, and the time cost is greatly saved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.
Fig. 1 is a schematic flowchart of a low-code application development method in a page building process according to an embodiment of the present application;
fig. 2 is a schematic structural diagram of a low-code application development system in a page building process according to another embodiment of the present application.
Reference numerals: a creation module-21; an acquisition module-22; a conversion module-23; module-24 is executed.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
A low-code application development method in a page building process refers to FIG. 1, and includes:
s11: creating a chart or adding a functional component on a page to be built according to an operation instruction input by a user;
preferably, in this embodiment, a visual billboard is provided for a user, a what you see is what you get diagram configuration mode is provided on the visual billboard, so that the user creates a diagram on a page to be built by dragging and dragging the diagram and the way of what you see is what you get, and the diagram content includes pie charts, bar charts, maps, tables, pictures, characters, and the like.
In the embodiment, the corresponding existing chart or functional assembly can be directly dragged to the page to be built for use.
S12: acquiring a script input in a configuration form of a page to be built by a user;
when a user needs to use an unrealized functional component, such as a component related to data query and data display, the functional component is not realized, so that the functional component cannot be directly added on a page to be built in a dragging and what you see is what you get mode, and the user needs to additionally configure the functional component.
The page to be built provides a configuration form, and a user can realize the functional effect of the functional component in the configuration form by entering a script and executing the script. Therefore, page building is completed quickly without newly developed codes by dragging, what you see is what you get and configuring scripts, and time and cost are saved greatly.
S13: converting the script into an executable function based on a preset function object structure;
taking Javascript as an example, due to the specification of computer program principles, scripts are all written in Javascript code files and executed by Javascript execution engines. The content written by the user in the configuration form can only be stored as characters and cannot be directly executed in the same way as the conventional code. If the script entered in the configuration form is to be executed as code, the character string of the script needs to be converted into executable code.
When converting, the code character string of the script is packed into an executable function through the function object contained in the Javascript. And calling a Javascript standard interface to obtain a standard executable function which can be called by a program.
S14: and executing the executable function based on a preset execution tool to obtain an execution result and feed the execution result back to the user.
Preferably, the executable function may be invoked by local computing or invoking a background data interface, and the executable function obtains an execution result by local computing, or obtains an execution result by obtaining data in the background.
The low-code application development method in the page building process in some embodiments further includes:
and substituting the data in the execution result into the chart for displaying.
In this embodiment, after the executable function is executed based on the preset execution tool and the execution result is obtained, the data in the execution result is directly substituted into the chart for display, so that the process that a user manually substitutes the data into the chart is omitted.
In some embodiments, the preset execution tool includes: a function and a variable are requested.
The execution tool for a function generally includes a request function and a variable.
When the function is executed, the function is judged according to the variable and executed by requesting the function.
Further, the executable function is executed based on a preset execution tool, and the executable function comprises:
judging whether the variable has a value or not;
and if the variable has a value, the variable is used as a request parameter, and background interface data is requested through a request function.
Variables that are preset as execution tools may be modified by other components, such as the "data" variable may not have a value before it. When some operation is performed, the value of this variable becomes "a 001".
When the executable function of the script conversion is executed, judgment needs to be made according to the variable, if the variable has a value, background interface data is requested through a preset HTTP request function, and the variable is used as a request parameter.
Further, executing the executable function based on a preset execution tool further includes:
the executable function is used as an incoming parameter to provide the scene adaptation capability to the requesting function.
When a variable has a value, the executable function of the script transformation needs to provide the scene adaptation capability to the requesting function in execution in the form of an incoming parameter.
Two scenarios for executable function execution of script transformation include:
1. scenes needing to be judged, such as display hiding, color judgment, display character judgment and the like;
2. a scenario is needed that presents numerical values and tabulated data.
Based on this, the executable function is configured with at least one or more of the following parameters as incoming parameters:
the data, kanban shared data, asynchronous expression execution parameters, data index query parameters and multi-data query parameters bound by the current component.
For example, the following steps are carried out:
the executable function: new Function (data, pageData, exp, loadMetric, loadListData, 'code string filled in form')
Wherein:
1. the data represents data bound by the current component;
2. pageData is billboard sharing data, and each chart is synchronously shared;
3. exp is an asynchronous expression execution parameter;
4. loadMetric is a data index query parameter used to query data indexes, such as "up", "down", "50%", "5.04" … …;
5. loadListData is a multiple data query parameter used to query multiple pieces of data.
The following illustrates the script editing of executable functions under different environments:
environment 1:
if the execution scene of the executable function is a scene needing judgment, for example, data of 20 warehouses needs to be displayed, but only one of the warehouses can be displayed at the same time, and the other warehouses are hidden. Entering a display hiding condition of the script in the configuration form
pageData.storage===data.id
Storage represents the storage variable of the page data, and data represents the id of the warehouse data bound by the current chart. And if the current diagram is consistent with the current diagram, displaying the warehouse data bound by the current diagram, and otherwise, hiding the warehouse data. Wherein the values of pagedata.
If the execution scene of the executable function is to determine the display icon according to the data, for example:
when the number is positive, displaying a rising icon;
when the number is plural, displaying a descending icon;
and displaying the short horizontal line icon at the same time.
Then three different icons are configured inside the configuration form, and then a display condition is set for each icon:
and (3) rising an icon: exp (). metric ('XX value change'). gt (0). borolean ()
A descending icon: exp (). metric ('XX value change'). lt (0). coolean ()
Short horizontal line icon: exp (). metric ('XX value change'). eq (0). coolean ()
A chained asynchronous logic is then created based on exp (). metric is the data representing http asynchronous requests, gt represents greater, lt represents less, eq represents equal, and bolean is used to obtain true/false results for the chain calculation of the leading edge.
The icon display logic is: and sequentially executing expression calculation according to the sequence, and selecting the icon with the first result as true.
Deep exp: and the chain calculation of exp shows that exp can support asynchronous processing and support multiple judgments. For example:
exp (). metric ('math achievements'). lte (100). gt (80). coolean ()
When the mathematical performance is between 100 and 80, the result is true, otherwise, the result is false.
Environment 2:
if the execution scene of the executable function is an environment in which a plurality of pieces of data need to be displayed:
a loop component is provided that queries pieces of data through a script-transformed executable function of the form configuration and then expands horizontally or vertically according to the configuration. Multiple charts can be added inside the loop component to serve as a template for the presentation of each piece of data, and all data is presented according to the template. The script for the form configuration is as follows:
loadListData ('people information Table', 10, dashboardData. personPageNo, { type: 'New people' })
The execution effect is as follows: a maximum of 10 pieces of data are looked up from the person information table.
The dashboarddarddata.
{ type: 'incoming person' } means to query only information of incoming persons.
A low-code application development system in a page building process, referring to FIG. 2, includes:
the creating module 21 is used for creating a chart or adding a functional component according to an operation instruction input by a user;
the obtaining module 22 is configured to obtain a script that is entered in the configuration form by the user;
a conversion module 23, configured to convert the script into an executable function based on a preset function object structure;
and the execution module 24 is configured to execute the executable function based on a preset execution tool, obtain an execution result, and feed back the execution result to the user.
In the low-code application development system in the page building process in the embodiment, for the existing chart and functional components, the chart can be directly created or the functional components can be added according to the operation instructions input by the user. For the function components which are not realized, the script which is input in advance in the configuration form by the user is obtained, because the script which is input in the configuration form can not be directly executed like the conventional code, the script needs to be converted into an executable function based on a preset function object structure, the executable function is executed based on a preset execution tool, an execution result is obtained and fed back to the user, the function of the function components which are not realized is completed through the script which is input in advance, the front-end page building can be quickly completed under the condition that the code of the front-end page is not re-constructed, and the time cost is greatly saved.
A low code application development device in a page building process comprises: a processor and a memory;
the processor and the memory are connected through a communication bus:
the processor is used for calling and executing the program stored in the memory;
the memory is used for storing a program, and the program is at least used for executing the low-code application development method in the page building process as claimed in any one of the above embodiments.
It is understood that the same or similar parts in the above embodiments may be mutually referred to, and the same or similar parts in other embodiments may be referred to for the content which is not described in detail in some embodiments.
It should be noted that, in the description of the present application, the terms "first", "second", etc. are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. Further, in the description of the present application, the meaning of "a plurality" means at least two unless otherwise specified.
Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing specific logical functions or steps of the process, and the scope of the preferred embodiments of the present application includes other implementations in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the present application.
It should be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.
It will be understood by those skilled in the art that all or part of the steps carried by the method for implementing the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, and when the program is executed, the program includes one or a combination of the steps of the method embodiments.
In addition, functional units in the embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. The integrated module, if implemented in the form of a software functional module and sold or used as a stand-alone product, may also be stored in a computer readable storage medium.
The storage medium mentioned above may be a read-only memory, a magnetic or optical disk, etc.
In the description herein, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples.
Although embodiments of the present application have been shown and described above, it is understood that the above embodiments are exemplary and should not be construed as limiting the present application, and that variations, modifications, substitutions and alterations may be made to the above embodiments by those of ordinary skill in the art within the scope of the present application.
Claims (8)
1. A low-code application development method in a page building process is characterized by comprising the following steps:
for the existing chart and functional components, the chart is created or the functional components are added on the page to be built according to the operation instruction input by the user;
for the component which is not realized with the function, acquiring a script which is input in the configuration form of the page to be built by the user;
converting the script into an executable function based on a preset function object structure;
executing the executable function based on a preset execution tool to obtain an execution result and feeding the execution result back to the user; and the execution result is a function realization result of the function component which is not realized.
2. The method of claim 1, further comprising:
and substituting the data in the execution result into the chart for displaying.
3. The method of claim 1, wherein after the executable function is executed based on a predetermined execution tool, the method further comprises:
and obtaining the execution result through local calculation or calling a background data interface.
4. The method of claim 1, wherein the predetermined execution tool comprises: a function and a variable are requested.
5. The method of claim 4, wherein executing the executable function based on a predetermined execution tool comprises:
judging whether the variable has a value or not;
and if the variable has a value, the variable is used as a request parameter, and background interface data is requested through the request function.
6. The method of claim 5, wherein executing the executable function based on a predetermined execution tool further comprises:
providing the executable function as an incoming parameter to the requesting function with a scene adaptation capability.
7. The method of claim 6, wherein the executable function is configured with at least one or more of the following parameters as incoming parameters:
the data, kanban shared data, asynchronous expression execution parameters, data index query parameters and multi-data query parameters bound by the current component.
8. A low code application development system in a page building process is characterized by comprising:
the creating module is used for creating a chart or adding a functional component on a page to be built according to an operation instruction input by a user for the existing chart and functional components;
the acquisition module is used for acquiring scripts input by the user in the configuration form of the page to be built for the component which is not realized with the function;
the conversion module is used for converting the script into an executable function based on a preset function object structure; the executable function is used for realizing the function of the un-realized functional component;
and the execution module is used for executing the executable function based on a preset execution tool to obtain an execution result and feeding the execution result back to the user.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111222454.XA CN113918152B (en) | 2021-10-20 | 2021-10-20 | Low-code application development method and equipment in page building process |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111222454.XA CN113918152B (en) | 2021-10-20 | 2021-10-20 | Low-code application development method and equipment in page building process |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113918152A CN113918152A (en) | 2022-01-11 |
CN113918152B true CN113918152B (en) | 2022-07-01 |
Family
ID=79241525
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111222454.XA Active CN113918152B (en) | 2021-10-20 | 2021-10-20 | Low-code application development method and equipment in page building process |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113918152B (en) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110955652A (en) * | 2018-09-25 | 2020-04-03 | 北京数安鑫云信息技术有限公司 | System and method for data display |
CN112732246A (en) * | 2021-01-13 | 2021-04-30 | 臧主峰 | Data visualization method and device based on HTML template and electronic equipment |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170124490A1 (en) * | 2015-10-28 | 2017-05-04 | Fractal Industries, Inc. | Inclusion of time series geospatial markers in analyses employing an advanced cyber-decision platform |
CN110851134A (en) * | 2019-11-08 | 2020-02-28 | 广东道一信息技术股份有限公司 | Low-code page design device and page design method |
CN113094037B (en) * | 2021-04-20 | 2022-10-11 | 上海携宁计算机科技股份有限公司 | Interaction method, development platform, equipment and storage medium for forms and workflows |
-
2021
- 2021-10-20 CN CN202111222454.XA patent/CN113918152B/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110955652A (en) * | 2018-09-25 | 2020-04-03 | 北京数安鑫云信息技术有限公司 | System and method for data display |
CN112732246A (en) * | 2021-01-13 | 2021-04-30 | 臧主峰 | Data visualization method and device based on HTML template and electronic equipment |
Also Published As
Publication number | Publication date |
---|---|
CN113918152A (en) | 2022-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109634598B (en) | Page display method, device, equipment and storage medium | |
US9952819B2 (en) | Method and system of automated generation of user form interface | |
US8561015B2 (en) | Source code semantic zoom and spatial layout | |
KR20080107444A (en) | Two dimensional trees to edit graph-like diagrams | |
CN113010827B (en) | Page rendering method and device, electronic equipment and storage medium | |
CN110674227A (en) | Method, system, medium and terminal for generating data visualization chart and page | |
CN114168853A (en) | Data visualization display method, device, medium and electronic equipment | |
CN112395027A (en) | Widget interface generation method and device, storage medium and electronic equipment | |
CN113407254A (en) | Form generation method and device, electronic equipment and storage medium | |
CN113918152B (en) | Low-code application development method and equipment in page building process | |
WO2018058612A1 (en) | Configuration method and system | |
CN116069330A (en) | Middle and background template construction method, device and storage medium | |
CN110647327A (en) | Method and device for dynamic control of user interface based on card | |
CN116521285A (en) | Application trial method and device, electronic equipment and storage medium | |
CN111124386B (en) | Animation event processing method, device, equipment and storage medium based on Unity | |
CN115687704A (en) | Information display method and device, electronic equipment and computer readable storage medium | |
CN113377368A (en) | Project development method, device, server and storage medium | |
CN113535037A (en) | Interactive display method and device for command line terminal, computer readable medium and equipment | |
US20150277723A1 (en) | Exporting a component of a currently displayed user interface to a development system | |
CN113760248A (en) | Method and device for generating application program | |
CN113806596B (en) | Operation data management method and related device | |
CN113905041B (en) | File uploading method and device | |
CN113703748B (en) | Method, device and equipment for visualizing running logic in configuration web application program | |
US11934419B2 (en) | Presentation of search results in a user interface | |
CN113609083B (en) | File storage method, device, electronic equipment and computer readable storage medium |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |