CN112947921A

CN112947921A - Method, device, equipment and storage medium for rapidly building CRUD page

Info

Publication number: CN112947921A
Application number: CN202110113517.1A
Authority: CN
Inventors: 杨晴; 丁双文
Original assignee: Changsha Youheng Network Technology Co Ltd
Current assignee: Changsha Youheng Network Technology Co Ltd
Priority date: 2021-01-27
Filing date: 2021-01-27
Publication date: 2021-06-11

Abstract

The invention discloses a method, a device, equipment and a storage medium for quickly building CRUD pages. The method comprises the steps of generating a visual component based on a functional component contained in the project; displaying any visual component on the CRUD canvas in response to a dragging operation; and performing parameter configuration based on functions of the visualization components in the CRUD canvas, and generating a CRUD page. Through the scheme, a designer directly performs function design on the CRUD canvas, and hands the CRUD canvas to a developer for further function development, so that a PRD document is not needed any more. The development efficiency can be effectively improved, and the communication times and the communication time cost between designers and developers are reduced.

Description

Method, device, equipment and storage medium for rapidly building CRUD page

Technical Field

The embodiment of the invention relates to the technical field of internet, in particular to a method, a device, equipment and a storage medium for quickly building CRUD pages.

Background

With the development of internet technology, business development and change needs are more and more frequent. In order to meet business requirements, page content needs to be updated or new software needs to be developed.

In actual business, a front-end designer is usually required to perform prototyping according to the requirements of a software Product, for example, the designer designs a Product Requirement Document (PRD). Further, the developer further realizes various functions based on the PRD to generate a CRUD (Create, Read, Update, Delete) page. In generating CRUD documents, developers are required to analyze and read PRD documents, understand and design related components themselves. In the development process, developers and designers need to communicate frequently to confirm the meaning of each content in the document. Sometimes, although the development and modification contents are few, developers and designers need to communicate with each other repeatedly, the working efficiency is low, and the development progress is seriously influenced.

Therefore, a technical solution capable of realizing rapid CRUD building is needed.

Disclosure of Invention

The embodiment of the invention provides a method, a device, equipment and a storage medium for rapidly building a CRUD page, and aims to improve the working efficiency of a developer in building the CRUD.

In a first aspect, an embodiment of the present invention provides a method for quickly building a CRUD page, where the method includes:

generating a visual component based on the functional components contained in the project;

displaying any visual component on the CRUD canvas in response to a dragging operation;

and performing parameter configuration based on functions of the visualization components in the CRUD canvas, and generating a CRUD page.

Optionally, the generating a visualization component based on the functional component included in the project includes: acquiring a universal functional component and personalized functional components of each item; generating the visualization component based on the generalized functional component and the personalized functional component.

Optionally, the displaying any of the visualization components on the CRUD canvas in response to the drag operation includes: and in response to a dragging operation, displaying any visualization component and a corresponding query form on the CRUD canvas so as to set the query form according to the functions of the visualization component.

Optionally, the setting of the query form according to the function of the visualization component includes: and setting a content field in a form header, a form style of the query form and a field style of the content field according to the function of the visualization component corresponding to the query form.

Optionally, displaying any of the visualization components after the CRUD canvas, further includes: storing the CRUD canvas to a database in response to a save operation on the CRUD canvas; and generating a storage link of the CRUD canvas based on the database, and sending the storage link to a developer so that the developer can open the storage link and develop the CRUD canvas based on the storage link.

Optionally, the performing parameter configuration based on the functions of the visualization components in the CRUD canvas to generate a CRUD page includes: according to the functions of the visual component, carrying out parameter configuration on the field name and the screening parameter of the content field; and configuring parameters of a data source required for data display; and responding to the configuration saving operation, saving the configuration result and generating the CRUD page.

Optionally, after storing the configuration result and generating the CRUD page, the method further includes: generating a test link of the CRUD page; and testing the CRUD page according to the functions of at least one visualization component contained in the CRUD page.

In a second aspect, an embodiment of the present invention provides a device for quickly building a CRUD page, where the device includes:

the first generation module is used for generating a visual component based on the functional component contained in the project;

the display module is used for responding to the dragging operation and displaying any visual component on the CRUD canvas;

and the second generation module is used for carrying out parameter configuration based on the functions of the visualization components in the CRUD canvas to generate a CRUD page.

In a third aspect, an embodiment of the present invention provides an electronic device, including a processor and a memory, where the memory is configured to store one or more computer instructions, and when executed by the processor, the one or more computer instructions implement the method for quickly building a CRUD page according to the first aspect.

In a fourth aspect, embodiments of the present invention provide a computer-readable storage medium storing a computer program, which when executed by one or more processors causes the one or more processors to perform actions comprising:

In the embodiment of the invention, in the process of developing the application or page function, the required functional components are determined, the visual components are generated based on the functional components contained in the project, and the functional components are visualized so that designers and developers can visually see the design content. Displaying any visual component on the CRUD canvas in response to a dragging operation; and performing parameter configuration based on functions of the visualization components in the CRUD canvas, and generating a CRUD page. Through the scheme, a designer directly performs function design on the CRUD canvas, and hands the CRUD canvas to a developer for further function development, so that a PRD document is not needed any more. The development efficiency can be effectively improved, and the communication times and the communication time cost between designers and developers are reduced.

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, and it is obvious that the drawings in the following description are some embodiments of the present invention, and other drawings can be obtained by those skilled in the art without creative efforts.

Fig. 1 is a schematic flowchart of a method for quickly building a CRUD page according to an embodiment of the present application;

fig. 2 is a schematic diagram illustrating a process of quickly building a CRUD page according to an embodiment of the present application;

fig. 3 is a schematic structural diagram of a device for quickly building a CRUD page according to an embodiment of the present application;

fig. 4 is a schematic structural diagram of an electronic device corresponding to the apparatus for quickly building a CRUD page provided in the embodiment of fig. 3.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

The terminology used in the embodiments of the invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the examples of the present invention and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise, and "a plurality" typically includes at least two.

It should be understood that the term "and/or" as used herein is merely one type of association that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.

It is also noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a good or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such good or system. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a commodity or system that includes the element.

With the popularization of internet technology, the demands of users are complex and changeable, and in order to meet the diversified and changeable demands of users, function updating is frequently performed. It is readily understood that in the function update process, a designer is first required to design a PRD document according to the user's requirements. Then, the document is handed to a developer for development work, and meanwhile, the designer and the developer need to fully communicate with each other for better understanding design scheme and design requirement, and then the developer further realizes various functions according to the PRD to generate CRUD (Create, Read, Update and Delete) pages. In generating CRUD documents, developers are required to analyze and read PRD documents, understand and design related components themselves. In the development process, developers and designers need to communicate frequently to confirm the meaning of each content in the document, the realized functional effect and the like. Sometimes, although the development and modification contents are few, developers and designers need to communicate with each other repeatedly, the working efficiency is low, and the development progress is seriously influenced. Therefore, a technical solution capable of actually improving the design and development work efficiency is required.

Fig. 1 is a schematic flowchart of a method for quickly building a CRUD page according to an embodiment of the present application, which is applied to a server (e.g., a cloud server or a server cluster) and may also be applied to a local computer, as shown in fig. 1, where the method includes the following steps:

101: a visualization component is generated based on the functional components contained in the project.

102: and responding to a drag operation, and displaying any visual component on the CRUD canvas.

103: and performing parameter configuration based on functions of the visualization components in the CRUD canvas, and generating a CRUD page.

After the actual project requirements of the customer are known, the project requirements are analyzed to specify the functional components required by the project. And then, creating a blank canvas, and dragging a visual component required by the project to the blank canvas for CRUD canvas construction. Specifically, the visualization components are selected and laid out according to functions of adding, deleting, querying and the like which are actually needed by the project. When the designer is required to perform layout, the development habit of the developer is considered for layout, so that the developer can visually know the design purpose of the designer through the CRUD canvas, and communication between the designer and the developer can be effectively avoided.

The method for directly creating the CRUD canvas by designers is adopted, functional components are visualized, so that designers and developers can visually see design contents, communication times and communication time cost of the designers and the developers can be reduced, and meanwhile, due to the adoption of the visualized display mode, documents such as PRD (pseudo random document) are not needed, and deviation of understanding of both sides on the text contents in the documents is avoided. Of course, in practical applications, in order to facilitate the unification of understanding and understanding of projects by both designers and developers, the CRUD canvas and the PRD document may be delivered to the developers by the designers at the same time.

In practical application, in order to improve the component building efficiency, the visual component can be generated in advance according to requirements. Specifically, the generating a visualization component based on the functional component contained in the project comprises: acquiring a universal functional component and personalized functional components of each item; generating the visualization component based on the generalized functional component and the personalized functional component. For convenience of management, the visualization components can be stored in a centralized manner and displayed in a canvas in a list form, and a designer can drag required visualization components from the list directly.

A generalized functional component as referred to herein is understood to be a functional component that can be shared by multiple items, such as a query component. Of course, there may also be some personalized functional components, which may be applied only in a part of the items. Therefore, not only the general condition but also the personalized condition need to be considered in the process of visualizing the functional components.

In one or more embodiments of the present application, said displaying any of the visualization components on the CRUD canvas in response to the drag operation includes: and in response to a dragging operation, displaying any visualization component and a corresponding query form on the CRUD canvas so as to set the query form according to the functions of the visualization component.

In practice, there may be many functional components included in an item. In addition, in order to facilitate parameter configuration of the visualization component, a pre-designed query form needs to be dragged into the CRUD canvas. In general, a query form may be configured for multiple visualization components. And respectively configuring parameters for each visual component through a query table.

The drag operation is usually performed by a designer. In order to facilitate the developers to understand the project design requirements well, after the designers drag the query form, the corresponding setting can be carried out on the query form.

Specifically, in one or more embodiments of the present application, the manner of setting the query form according to the function of the visualization component includes: and setting a content field in a form header, a form style of the query form and a field style of the content field according to the function of the visualization component corresponding to the query form.

For example, after the designer drags the required query form into the canvas, the design of the form content is performed according to the actual requirement. For example, the above items are administrative items, and the visual function component may be a text component using a mobile phone number and a creation time and date component. The corresponding table content may be a user name, a user phone number, a user address, a user creation time, and the like. The corresponding form style may be a form size, a form location, and the like. The field style of the content field may be, for example, a font size, a font color, and the like.

In one or more embodiments of the present application, displaying any of the visualization components after the CRUD canvas further includes: storing the CRUD canvas to a database in response to a save operation on the CRUD canvas; and generating a storage link of the CRUD canvas based on the database, and sending the storage link to a developer so that the developer can open the storage link and develop the CRUD canvas based on the storage link.

In practical application, after the CRUD canvas is built, a save button of the canvas creation interface can be clicked, and the CRUD canvas is saved to the specified database. And generating a storage link of the CRUD canvas based on the storage address of the database. Furthermore, the designer can directly send the storage link to the developer, and the developer can directly perform subsequent development tasks on the CRUD canvas. According to the embodiment, a designer does not need to design the PRD document, the designer directly creates the CRUD canvas, a developer can directly perform related development work based on the CRUD canvas, and the development process can be simplified. Meanwhile, as each functional component in the CRUD canvas is a visual component, developers and designers can visually see the functional relationship of the visual components, and the development requirements are easy to understand.

After a developer receives the storage link, development of related functions can be performed as required, and specifically, the generating of the CRUD page based on parameter configuration performed on the functions of the visualization components in the CRUD canvas includes: according to the functions of the visual component, carrying out parameter configuration on the field name and the screening parameter of the content field; and configuring parameters of a data source required for data display; and responding to the configuration saving operation, saving the configuration result and generating the CRUD page.

For example, a developer configures a data source, adds a data source: https:// service.test.com/userInfo … …. Adding corresponding field content: the user name userName, the user phone number userPhone, the user address useradres, and the creation time createTime. The parameter configuration of the screening parameter is, for example, the user phone number userPhone, and the time createTime is created. After the configuration is completed, the save can be clicked to generate the CRUD canvas.

In one or more embodiments of the present application, after saving the configuration result and generating the CRUD page, the method further includes: generating a test link of the CRUD page; and testing the CRUD page according to the functions of at least one visualization component contained in the CRUD page.

The tester can perform the function test on the CRUD page according to the functions required by the project. Sandbox data sources such as https:// service.sandbox.com/userInfo … … may also be configured and the generated sandbox link clicked on to sandbox test the project product (CRUD page) and complete the test acceptance. After the test acceptance is completed, the tester can further perform online verification, for example, perform online data source configuration, https:// service.

In order to facilitate better understanding of the technical solutions of the present application, the technical solutions of the present application are illustrated below with reference to the accompanying drawings. Fig. 2 is a schematic diagram illustrating a process of quickly building a CRUD page according to an embodiment of the present application. As can be seen from fig. 2, a visual CRUD project is created first, a blank canvas is created, and then, a designer drags visual components, such as a user phone number text component and a creation time and date component, into the canvas. At the same time, designers are also required to drag the query form to the canvas and set the field content, form style, etc. of the form. And then, the designer clicks to save, saves the CRUD canvas into a database, and generates a corresponding storage link. The memory link is then sent to the developer, who then performs further development work.

Based on the embodiment, the functional components are visualized, so that designers and developers can visually see the design content. Displaying any visual component on the CRUD canvas in response to a dragging operation; and performing parameter configuration based on functions of the visualization components in the CRUD canvas, and generating a CRUD page. Through the scheme, a designer directly performs function design on the CRUD canvas, and hands the CRUD canvas to a developer for further function development, so that a PRD document is not needed any more. The development efficiency can be effectively improved, and the communication times and the communication time cost between designers and developers are reduced.

Based on the same idea, the embodiment of the application further provides a device for quickly building the CRUD page, and an execution main body of the device can be a local computer or a cloud server. Fig. 3 is a schematic structural diagram of a device for quickly building a CRUD page according to an embodiment of the present application. As can be seen from fig. 3, the device comprises:

a first generation module 31 for generating a visual component based on a functional component contained in the project;

a display module 32, configured to display any of the visualization components on the CRUD canvas in response to a drag operation;

and a second generating module 33, configured to perform parameter configuration based on functions of each visualization component in the CRUD canvas, and generate a CRUD page.

Optionally, a first generating module 31, configured to obtain a generalized functional component and personalized functional components of each item; generating the visualization component based on the generalized functional component and the personalized functional component.

Optionally, the presentation module 32 is further configured to, in response to a drag operation, present any of the visualization components and the corresponding query form on the CRUD canvas, so as to set the query form according to the functions of the visualization components.

Optionally, the presentation module 32 is further configured to set a content field in a form header, a form style of the query form, and a field style of the content field according to the function of the visualization component corresponding to the query form.

Optionally, the presentation module 32 is further configured to store the CRUD canvas to a database in response to a save operation on the CRUD canvas;

and generating a storage link of the CRUD canvas based on the database, and sending the storage link to a developer so that the developer can open the storage link and develop the CRUD canvas based on the storage link.

Optionally, the second generating module 33 is further configured to perform parameter configuration on the field name and the screening parameter of the content field according to the function of the visualization component; and configuring parameters of a data source required for data display; and responding to the configuration saving operation, saving the configuration result and generating the CRUD page.

Optionally, a test module 34 is further included for generating a test link of the CRUD page; and testing the CRUD page according to the functions of at least one visualization component contained in the CRUD page.

In a possible design, the structure of the fast page building apparatus shown in fig. 3 may be implemented as an electronic device, and as shown in fig. 4, the electronic device corresponding to another fast page building apparatus provided in the embodiment shown in fig. 3 may include: a processor 41, a memory 42, and the memory 42 is used for storing one or more computer instructions, wherein the one or more computer instructions, when executed by the processor 41, implement the steps performed by the server in the foregoing embodiments.

Optionally, the electronic device may further include a communication interface 43 for communicating with other devices.

In addition, an embodiment of the present invention provides a computer storage medium, which is used for storing a computer program, and when the computer program is executed by a client, the method for quickly building a CRUD page in the embodiment shown in fig. 1 is implemented.

The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.

Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by adding a necessary general hardware platform, and of course, can also be implemented by a combination of hardware and software. With this understanding in mind, the above-described aspects and portions of the present technology which contribute substantially or in part to the prior art may be embodied in the form of a computer program product, which may be embodied on one or more computer-usable storage media having computer-usable program code embodied therein, including without limitation disk storage, CD-ROM, optical storage, and the like.

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 flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams 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 processor, or other programmable resource updating apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable resource updating 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 resource updating 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.

These computer program instructions may also be loaded onto a computer or other programmable resource updating apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present 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 solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.

Claims

1. A method for rapidly building CRUD pages is applied to a server side, and comprises the following steps:

2. The method of claim 1, wherein generating a visual component based on a functional component contained in the project comprises:

acquiring a universal functional component and personalized functional components of each item;

generating the visualization component based on the generalized functional component and the personalized functional component.

3. The method of claim 1, wherein the displaying any of the visualization components on the CRUD canvas in response to a drag operation comprises:

and in response to a dragging operation, displaying any visualization component and a corresponding query form on the CRUD canvas so as to set the query form according to the functions of the visualization component.

4. The method of claim 3, wherein the manner in which the query form is set according to the functionality of the visualization component comprises:

and setting a content field in a form header, a form style of the query form and a field style of the content field according to the function of the visualization component corresponding to the query form.

5. The method of claim 4, wherein exposing any of the visualization components after the CRUD canvas, further comprises:

storing the CRUD canvas to a database in response to a save operation on the CRUD canvas;

6. The method of claim 5, wherein the generating of the CRUD page based on the parameter configuration of the functions of the visualization components in the CRUD canvas comprises:

according to the functions of the visual component, carrying out parameter configuration on the field name and the screening parameter of the content field; and configuring parameters of a data source required for data display;

and responding to the configuration saving operation, saving the configuration result and generating the CRUD page.

7. The method of claim 6, wherein after saving configuration results and generating the CRUD page, further comprising:

generating a test link of the CRUD page;

and testing the CRUD page according to the functions of at least one visualization component contained in the CRUD page.

8. A quick build CRUD page apparatus, comprising:

9. An electronic device, comprising: a processor, a memory for storing one or more computer instructions, wherein the one or more computer instructions, when executed by the processor, implement the method of quickly building CRUD pages as recited in any of claims 1-7.

10. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by one or more processors, causes the one or more processors to perform acts comprising: