CN116225414A - Software visual rapid development system based on zero code - Google Patents
Software visual rapid development system based on zero code Download PDFInfo
- Publication number
- CN116225414A CN116225414A CN202310223593.7A CN202310223593A CN116225414A CN 116225414 A CN116225414 A CN 116225414A CN 202310223593 A CN202310223593 A CN 202310223593A CN 116225414 A CN116225414 A CN 116225414A
- Authority
- CN
- China
- Prior art keywords
- menu
- background
- editor
- layout
- plug
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- 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/33—Intelligent editors
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The invention relates to the technical field of software development, in particular to a software visualization rapid development system based on zero codes, which comprises a background editor, wherein the background editor firstly obtains background elements determined by a user, the background elements comprise layer numbers, layer relationships, layer positions and background pictures, and then the background editor combines the background elements to generate a background pattern; the menu editor acquires menu elements determined by a user, wherein the menu elements comprise a layout mode, a submenu layer number, a submenu number, menu icons and a triggering mode. The invention can conveniently design the style of the webpage or the page of the software by using the background editor and the menu editor, is not limited to the fixed format provided by default, improves the flexibility in development, ensures that the page is more attractive and unique, is easier to form the personality and the characteristics of enterprises, and is more flexible and rich on the premise of retaining the advantages of a zero code development platform.
Description
Technical Field
The invention relates to the technical field of software development, in particular to a zero code-based software visualization rapid development system.
Background
The method is characterized in that No codes (No-codes) are adopted, so that an industry person also called No codes, simple application scenes are built through standardization and visual drag of the flow, for example, staff relation management is conducted through an internal HR system of an enterprise, a flow ORK assessment system is formulated, and a business department builds simple flow management such as a customer management system. The zero code is mainly oriented to: business personnel, product managers, operators of non-technical posts such as xiaobai and the like can rapidly realize the demands through a zero code platform without understanding codes.
The Chinese invention with the bulletin number of CN113590102B provides a zero code quick software development method, which comprises the following steps: acquiring a plurality of standard fields which are set by a user and are associated with a target function; wherein each of the standard fields includes: field name, field description, and field data type; combining the plurality of standard fields to create a data model; wherein the data model is a set of the plurality of standard fields; acquiring a pre-stored code template corresponding to a target function from a database; wherein the code template comprises: a universal code and a plurality of placeholders corresponding to a plurality of standard fields in the data model; and generating a software code corresponding to the target function according to the standard fields in the data model, the universal code in the code template and the placeholders in the code template.
At present, the zero code development platform is built by adopting the packaged modules, and all controls are solidified, so that a system built by using the zero code development platform is difficult to expand, most of webpages and software built by using the zero code development platform are crude, the layout and background patterns are fewer, the overall appearance presented to a terminal browser is rough, the characteristics and individuality of different users are difficult to present, and the idea of a developer user is not facilitated to be transmitted.
Disclosure of Invention
Aiming at the defects existing in the prior art, the invention provides a software visualization rapid development system based on zero codes, which can effectively solve the problem that websites and software developed by a zero code platform in the prior art are rough and crude.
In order to achieve the above purpose, the invention is realized by the following technical scheme:
the invention provides a software visualization rapid development system based on zero codes, which comprises the following steps:
the background editor firstly obtains background elements determined by a user, wherein the background elements comprise layer numbers, layer relationships, layer positions and background pictures, and then combines the background elements to generate a background pattern;
the menu editor acquires menu elements determined by a user, wherein the menu elements comprise a layout mode, a submenu layer number, a submenu number, menu icons and a triggering mode, and the menu editor processes the menu elements to generate a menu frame;
a component configurator, wherein a user selects a default component stored in advance from the component configurator to realize a required function;
and the execution engine is used for responding to the command of each menu and component.
Further, the background editor further comprises a picture self-defining module, and the picture self-defining module comprises an uploading plug-in and a self-editing plug-in.
Further, the self-editing plug-in firstly acquires picture elements determined by a user, wherein the picture elements comprise picture sizes, picture primary colors and filling patterns, the self-editing plug-in combines the picture elements to generate a required background picture, and the self-editing plug-in is provided with a pattern library of pre-stored filling patterns, and the transparency of the filling patterns is adjusted when the filling patterns are selected.
Further, the layout includes, but is not limited to: using the default layout, the free drag, the circular layout, and the polygonal layout, the menu editor further includes an alignment plug-in for adjusting the menu position after confirming the layout mode.
Further, the diameter size of the corresponding circle is input when the circular layout is selected, and the number of sides of the corresponding polygon and the diameter size of the inscribed circle are selected when the polygon layout is selected, wherein the polygon is a regular polygon.
Further, the triggering mode comprises hovering and unfolding and skipping the webpage, wherein the hovering and unfolding item is a submenu of the current menu.
Further, the menu editor further comprises an icon library and a scaling plug-in, wherein the menu icons are selected from the icon library, and the scaling plug-in is used for adjusting the sizes of the selected menu icons.
Further, the default components comprise a search component, a data export component and a data analysis component, and the default components required to be placed are placed on a page in a free dragging mode after being selected.
Compared with the prior art, the method and the system have the advantages that the background editor and the menu editor are used for conveniently carrying out style design on the webpage or the webpage of software, the method and the system are not limited to the fixed formats provided by default, flexibility in development is improved, the webpage is more attractive and unique, individuality and characteristics of enterprises are easier to form, the image of the enterprises is improved, and the method and the system are more flexible and rich on the premise that the advantages of a zero code development platform are reserved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below. It is evident that the drawings in the following description are only some embodiments of the present invention and that other drawings may be obtained from these drawings without inventive effort for a person of ordinary skill in the art.
FIG. 1 is an overall schematic of the present invention;
FIG. 2 is a schematic diagram of a background editor of the present invention;
FIG. 3 is a schematic diagram of a menu editor of the present invention;
FIG. 4 is a schematic view of a circular layout of the present invention;
fig. 5 is a schematic diagram of a polygonal layout of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more clear, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. It will be apparent that the described embodiments are some, but not all, embodiments of the invention. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The invention is further described below with reference to examples.
Examples
Referring to fig. 1-5, a quick development system for zero-code-based software visualization includes a background editor, a menu editor, a component configurator, an execution engine, and the like. The background editor is used for editing or designing the page background of the webpage or the software, so that the finally displayed webpage or the software has richer background and the attractiveness of the webpage or the software is improved. The menu editor is used for setting a basic framework forming a webpage or software, and the page is more unique through unique menu layout and content planning, is not the original space, is not limited to a default format, and has richer selection.
The background editor first obtains user-determined background elements including layer number, layer relationship, layer position, and background picture, and then combines the background elements to generate a background pattern. The user selects the number of the coating layers to be used according to the setting options provided by the platform when editing the background, determines the stacking relation among the layers, plans the positions of the layers, and finally selects the required background pictures for each layer to finish the editing of the page background, so that the finally presented webpage has richer and more attractive background, the overall impression of the webpage can be improved, and the terminal user can accept and browse the content of the webpage more easily.
The menu editor obtains menu elements determined by a user, wherein the menu elements comprise a layout mode, a submenu layer number, a submenu number, menu icons and a triggering mode, and the menu editor processes the menu elements to generate a menu frame. The user selects the number and layout modes of the menus of each layer in turn through the menu editor, determines the number of layers of the submenus, then corresponds each submenu with the menu of the upper level, and finally selects the used icon and triggering mode for each menu. The platform provides various layout modes for selection, can remarkably improve the richness of page layout, is more unique and personalized, and improves the browsing experience of terminal pages.
A component configurator, wherein a user selects a default component stored in advance from the component configurator to realize a required function;
and the execution engine is used for responding to the command of each menu and component.
Referring to fig. 2, the background editor further includes a picture customization module, which includes an upload plug-in and a self-editing plug-in.
The self-editing plug-in firstly acquires picture elements determined by a user, wherein the picture elements comprise picture sizes, picture primary colors and filling patterns, the self-editing plug-in combines the picture elements to generate a required background picture, and the self-editing plug-in is provided with a pattern library of pre-stored filling patterns, and the transparency of the filling patterns is adjusted when the filling patterns are selected.
When confirming the background picture, the user can select other pictures which are favored by the user besides the background picture which is stored by default in the platform, upload the pictures which are favored by the user to the platform through the uploading plug-in as the background picture for use, meanwhile, in order to provide more diversified selections, the self-editing plug-in is integrated in the platform, the user firstly determines the size of the required picture when using the self-editing plug-in, generates the full-white picture with the size, then selects the required color for filling (the required color can be selected through the RGB pickup) to obtain the picture with the color, finally, the picture can be filled with a certain pattern, and the transparency of the pattern can be adjusted when filling the pattern, so that the picture which is finally presented can not shade the data content.
Referring to fig. 3-5, the layout includes, but is not limited to: using the default layout, the free drag, the circular layout, and the polygonal layout, the menu editor further includes an alignment plug-in for adjusting the menu position after confirming the layout mode.
When the overall framework of the page is laid out, firstly, a layout mode is determined, the layout mode can be selected from default layout provided by a platform, and position layout can be carried out in a free dragging mode after self-editing.
When the circular layout is selected, the diameter size of the corresponding circle is input, the layout range can be determined, the number of menus is confirmed and the menus are arranged on the circumference of the circle in a uniformly distributed mode, when the polygonal layout is selected, the number of sides of the corresponding polygon and the diameter size of the inscribed circle are selected, the polygon is a regular polygon, the same number of sides is usually selected according to the number of the menus, and meanwhile, the diameter adjustment layout range of the inscribed circle is confirmed, so that the layout of the menus on the layer can be completed.
The triggering mode comprises hovering and unfolding and skipping of the webpage, wherein the hovering and unfolding item is a submenu of the current menu. The triggering modes of the menu at least comprise two triggering modes, when the cursor stops on the menu, the menu expands the submenu of the next layer, and when the triggering mode of the skip webpage is selected, the cursor clicks the menu to skip to the corresponding link webpage.
The menu editor also comprises an icon library and a scaling plug-in, wherein the menu icons are selected from the icon library, and the scaling plug-in is used for adjusting the size of the selected menu icons. Besides selecting menu icons from the icon library stored in the platform, the self-editing plug-in can also be used for generating icons required by users, the icons are adjusted to be proper in size through the zooming plug-in after being selected, the shapes of the icons can also be set according to requirements, such as rectangles, circles, triangles and the like, and the styles are further increased. If the purpose of simplifying the platform function is achieved, the self-editing function of the menu icons can be canceled.
The default components comprise a search class component, a data export class component and a data analysis class component, and the default components required to be placed are placed on a page in a free dragging mode after being selected. The user can select the corresponding component to drag to the proper position, and the component is a data table operation component which has the capability of operating the data table. Based on the component configurator, a user can configure and modify the component to make the component more user-friendly.
It will be appreciated by those skilled in the art that embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
The above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; these modifications or substitutions do not depart from the essence of the corresponding technical solutions from the protection scope of the technical solutions of the embodiments of the present invention.
Claims (8)
1. A zero code based software visualization rapid development system, comprising:
the background editor firstly obtains background elements determined by a user, wherein the background elements comprise layer numbers, layer relationships, layer positions and background pictures, and then combines the background elements to generate a background pattern;
the menu editor acquires menu elements determined by a user, wherein the menu elements comprise a layout mode, a submenu layer number, a submenu number, menu icons and a triggering mode, and the menu editor processes the menu elements to generate a menu frame;
a component configurator, wherein a user selects a default component stored in advance from the component configurator to realize a required function;
and the execution engine is used for responding to the command of each menu and component.
2. The zero code based software visualization rapid development system of claim 1 wherein the background editor further comprises a picture customization module comprising an upload plug-in and a self-editing plug-in.
3. The quick development system of software visualization based on zero codes according to claim 2, wherein the self-organizing plug-in firstly obtains picture elements determined by a user, the picture elements comprise picture sizes, picture primary colors and filling patterns, the self-organizing plug-in combines the picture elements to generate a required background picture, and the self-organizing plug-in has a pattern library of pre-stored filling patterns, and the transparency of the filling patterns is adjusted simultaneously when the filling patterns are selected.
4. The quick development system for zero-code-based software visualization of claim 1, wherein the layout includes, but is not limited to: using the default layout, the free drag, the circular layout, and the polygonal layout, the menu editor further includes an alignment plug-in for adjusting the menu position after confirming the layout mode.
5. The quick development system for software visualization based on zero codes according to claim 4, wherein the diameter size of the corresponding circle is input when selecting a circular layout, the number of sides of the corresponding polygon and the diameter size of the inscribed circle are selected when selecting a polygonal layout, and the polygon is a regular polygon.
6. The quick development system of zero-code based software visualization of claim 5, wherein the trigger mode comprises hover expansion and skip web page, the item of hover expansion being a submenu of a current menu.
7. The quick development zero code based software visualization system of claim 4 wherein the menu editor further comprises an icon library from which the menu icons are selected and a scaling plug-in for adjusting the size of the selected menu icons.
8. The quick development system for visualization of software based on zero codes according to claim 1, wherein the default components comprise a search class component, a data export class component and a data analysis class component, and the default components to be placed are placed on a page in a free dragging mode after being selected.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310223593.7A CN116225414A (en) | 2023-03-09 | 2023-03-09 | Software visual rapid development system based on zero code |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310223593.7A CN116225414A (en) | 2023-03-09 | 2023-03-09 | Software visual rapid development system based on zero code |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116225414A true CN116225414A (en) | 2023-06-06 |
Family
ID=86588882
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310223593.7A Pending CN116225414A (en) | 2023-03-09 | 2023-03-09 | Software visual rapid development system based on zero code |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116225414A (en) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102222062A (en) * | 2010-04-19 | 2011-10-19 | 腾讯数码（天津）有限公司 | User space page personalized setting method and device for instant messaging system |
| CN102375889A (en) * | 2011-11-01 | 2012-03-14 | 深圳市信游天下网络科技有限公司 | Method for constructing webpage through webpage construction database |
| US9170786B1 (en) * | 2013-12-20 | 2015-10-27 | Emc Corporation | Composable context menus |
| CN106909385A (en) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | The operating method of visual page editing machine and visual page editing machine |
| CN108345624A (en) * | 2017-01-24 | 2018-07-31 | 阿里巴巴集团控股有限公司 | Generate the method and device of the page |
| CN111596981A (en) * | 2020-04-16 | 2020-08-28 | 西安震有信通科技有限公司 | Scheduling menu implementation processing method and device based on disc menu technology |
| CN113343656A (en) * | 2020-03-02 | 2021-09-03 | 中国科学院沈阳自动化研究所 | Secondary editing method of chart configuration element data model |
| CN114547519A (en) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | Page editing method and device, electronic equipment and readable storage medium |
-
2023
- 2023-03-09 CN CN202310223593.7A patent/CN116225414A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102222062A (en) * | 2010-04-19 | 2011-10-19 | 腾讯数码（天津）有限公司 | User space page personalized setting method and device for instant messaging system |
| CN102375889A (en) * | 2011-11-01 | 2012-03-14 | 深圳市信游天下网络科技有限公司 | Method for constructing webpage through webpage construction database |
| US9170786B1 (en) * | 2013-12-20 | 2015-10-27 | Emc Corporation | Composable context menus |
| CN108345624A (en) * | 2017-01-24 | 2018-07-31 | 阿里巴巴集团控股有限公司 | Generate the method and device of the page |
| CN106909385A (en) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | The operating method of visual page editing machine and visual page editing machine |
| CN113343656A (en) * | 2020-03-02 | 2021-09-03 | 中国科学院沈阳自动化研究所 | Secondary editing method of chart configuration element data model |
| CN111596981A (en) * | 2020-04-16 | 2020-08-28 | 西安震有信通科技有限公司 | Scheduling menu implementation processing method and device based on disc menu technology |
| CN114547519A (en) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | Page editing method and device, electronic equipment and readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11048484B2 (en) | Automated responsive grid-based layout design system | |
| US10067635B2 (en) | Three dimensional conditional formatting | |
| JP2022534214A (en) | Systems and methods for providing responsive editing and viewing that integrate hierarchical fluid components and dynamic layouts | |
| CA2202083C (en) | Multi-media title editing apparatus and a style creation device employed therefor | |
| JP2547964B2 (en) | View area layout on the graphic display screen | |
| CN111190597A (en) | Data UE visual design system | |
| US20170286068A1 (en) | Development support system | |
| US20220156422A1 (en) | System and method for selectively implementing layout configurations amongst object groupings of a design under edit | |
| CN111857717B (en) | UI editing method, device, equipment and computer readable storage medium | |
| US20110099501A1 (en) | Previewing and editing products in a product selection and management workflow | |
| US20210247967A1 (en) | Design interface object manipulation based on aggregated property values | |
| CN112639791A (en) | Multi-view master for graphic design | |
| CN112445564B (en) | Interface display method, electronic device and computer readable storage medium | |
| CN109716294A (en) | With the user interface for moving mini label | |
| US20230418562A1 (en) | Interactive graphic design system to enable creation and use of variant component sets for interactive objects | |
| JP2008203912A (en) | Screen forming apparatus, method and program | |
| KR20090078698A (en) | Multi-platform based user interface screen editing method and device supporting concurrent editing of user interface screens | |
| KR20180135654A (en) | Intuitive method of making a program | |
| CN116225414A (en) | Software visual rapid development system based on zero code | |
| US20160124610A1 (en) | User configurable user interface | |
| US20240012548A1 (en) | System and method for selectively implementing layout configurations amongst object groupings of a design under edit | |
| CN115469869B (en) | Visual editing and developing working method for application interface data | |
| CN107423031B (en) | Editing object positioning display method and device | |
| US20230082639A1 (en) | Plugin management system for an interactive system or platform | |
| CN115185509B (en) | Index picture configuration method |
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 |