CN110795067A

CN110795067A - Demand prototype reusable method

Info

Publication number: CN110795067A
Application number: CN201911084106.3A
Authority: CN
Inventors: 刘力; 肖辉; 曹亮; 刘魁
Original assignee: CHENGDU SONGXING TECHNOLOGY Co Ltd
Current assignee: CHENGDU SONGXING TECHNOLOGY Co Ltd
Priority date: 2019-11-07
Filing date: 2019-11-07
Publication date: 2020-02-14

Abstract

The invention discloses a demand prototype reusable method, which comprises the following steps: s1: packaging a visualization component, and loading the component into a requirement visualization editor; s2: configuring component information and generating a demand prototype; s3: loading a demand prototype into a design visualization editor; s4: binding interface elements of a demand prototype, and generating a design prototype; s5: and loading the design prototype into a development visual editor, and designing and editing to obtain the development prototype. The method develops the prototype in a visual component dragging mode, reduces the development difficulty, and ensures that the required personnel can draw the prototype without understanding the technology; meanwhile, the method can be exported to the design or development by one key, the reusability of the prototype interface is guaranteed, the reusability is high, the development cost is reduced, and the developed page is always consistent with the prototype interface.

Description

Demand prototype reusable method

Technical Field

The invention relates to the field of computers, in particular to a demand prototype reusable method.

Background

At present, a normal page development process is generally subjected to the processes of demand, design and development. In the demand phase, a sketch of a page is usually drawn to illustrate main contents of the page, logical relations between the page and the like, in the design phase, a designer usually designs an interface sample suitable for development, and then a developer develops the page through the sketch or the interface sample of the page. If the required interface prototype is changed greatly, developers can easily develop the page again, the page cannot be quickly corresponded, the development efficiency is low, and the later maintenance and the expansibility are not facilitated.

Disclosure of Invention

The invention aims to provide a demand prototype reusable method, which is used for developing a prototype in a visual component dragging mode, so that the development difficulty is reduced; meanwhile, the method can be exported to the design or development by one key, the reusability of the prototype interface is guaranteed, the reusability is high, the development cost is reduced, and the developed page is always consistent with the prototype interface.

A method for demand prototype multiplexing, comprising the steps of:

s1: packaging a visualization component, and loading the component into a requirement visualization editor;

s2: configuring component information and generating a demand prototype;

s3: loading a demand prototype into a design visualization editor;

s4: binding interface elements of a demand prototype, and generating a design prototype;

s5: loading a design prototype into a development visual editor, and designing and editing to obtain a development prototype;

the requirement prototype is generated in a requirement visualization editor and is used for development and use of a user;

the design prototype is generated in a design visualization editor and is used for development and use by designers;

the development prototypes are generated in a development visualization editor for use by a developer.

Further, the components include basic page components.

The S1 includes the following steps:

designing a demand prototype, and establishing a demand prototype interface file;

inquiring a component resource library, and optimally selecting a proper component;

and packaging the visualization component, and loading the component into the requirement visualization editor.

Further, the S2 includes:

configuring a component display attribute, an event processing attribute and a data attribute of a requirement prototype;

compiling a prototype interface by using an editor to generate a demand prototype;

and previewing the demand model, and judging whether the demand prototype meets the design engineering demand.

Further, the step of judging whether the demand model meets the design engineering demand comprises the following steps:

if the demand model meets the design engineering demand, exporting the demand model to the design engineering to obtain a design prototype;

if the demand model does not meet the design engineering demand, return to step S1.

Further, the step S4 includes:

optimizing the logic operation of the design prototype, including binding the events and data of the design prototype;

if the design prototype meets the requirements of the development project, exporting the design prototype to the development project to obtain the development prototype;

if the design prototype does not meet the requirements of the development project, the process returns to step S3.

The invention has the beneficial effects that: through visual component drawing mode, the drawing of demand prototype has been reduced, exports design prototype, design prototype through the demand prototype and exports the development page, and middle flow is all accomplished through the mode of automatic generation for the page of developing at last directly satisfies the demand, has alleviateed the cost of communication between demand personnel, designer and the developer in the project, and the colleague has improved developer efficiency. Even under the condition that the required prototype is greatly changed, the design and development process can be quickly completed without redeveloping the page.

Drawings

FIG. 1 is a schematic flow diagram of a requirements prototype multiplexing method;

FIG. 2 is a diagram of steps in a method for demand prototype multiplexing;

FIG. 3 is a system diagram of a requirements prototype reusable method;

FIG. 4 is a schematic diagram of a hierarchy of a requirements prototype reusable method.

Detailed Description

The technical solutions of the present invention are further described in detail below with reference to the accompanying drawings, but the scope of the present invention is not limited to the following.

The specific embodiment is a requirement prototype reusable method shown in fig. 1, which includes the following steps:

s2: configuring component information and generating a demand prototype;

s3: loading a demand prototype into a design visualization editor;

Preferably, the member described in S1 includes a basic page member, and members capable of meeting daily development requirements, such as: buttons, tables, etc. The key step of dragging the components to the prototype visual editor comprises the step of drawing a prototype interface by dragging the components packaged in the S1 to the prototype editor.

Preferably, S2 is configured to:

1) carrying out component display related attribute configuration, such as height, width and the like;

2) performing component event processing attribute configuration, such as click events and value change events;

3) configuring the attribute of the component data, and if the table needs to display a background request address of the data;

preferably, the configuration in 1) mainly affects the size, color, position and the like of the webpage display.

Preferably, the configuration in 2) mainly affects the dynamic interaction capability of the web page.

Preferably, the configuration in 3) mainly affects the dynamic data source of the webpage.

Preferably, the step of S3 key exporting the requirement prototype to the design engineering key comprises: after prototype drawing in the demand engineering is completed, the prototype can be selectively exported to the design engineering, and the demand prototype can be directly exported to the corresponding position of the design engineering to obtain the design prototype and complete the multiplexing process of the demand prototype.

Preferably, the step of S4 key exporting the visual prototype interface to the development engineering comprises: the design prototype after design engineering design can be selected to be exported and designed into development engineering, and the design prototype can be directly converted into a development page available for developers without manual creation of the developers.

As shown in fig. 2, the specific process of developing the usage mode includes the following steps:

1) creating a demand prototype and establishing a demand prototype interface file;

2) selecting a component, and selecting a proper component from a component resource library according to the user requirement;

3) dragging the member to an editor to draw a prototype;

4) configuring a component attribute;

5) compiling a prototype interface by an editor;

6) previewing the prototype in the browser;

7) if the prototype does not meet the requirement, returning to the step 2), and if the prototype meets the requirement, generating the prototype in the design engineering for the designer to use by exporting;

8) events, logical operations, etc. of configuration components in a design prototype;

9) if the prototype does not meet the design, returning to step 8), and if the prototype meets the design, generating a development page of the development project by exporting for the developer to use;

10) the developer realizes the page function;

11) compiling and deploying to realize the generation of the final webpage code;

12) browsing and accessing, and displaying a webpage interface.

As shown in FIG. 3 and FIG. 4, the hierarchy and method of the requirement prototype reusable method are as follows:

component layer: the method comprises the following components which meet the daily development requirements, such as: forms, input boxes, buttons, and the like.

An editor layer: the system comprises a requirement visual editor, a design visual editor and a development visual editor, provides a carrier for a component layer, and can be operated by a user layer.

And (3) a user layer: mainly the layers of requirements, designers and developers, which operate on the visual editor layer.

The foregoing shows and describes the general principles and broad features of the present invention and advantages thereof. It will be understood by those skilled in the art that the present invention is not limited to the embodiments described above, which are described in the specification and illustrated only to illustrate the principle of the present invention, but that various changes and modifications may be made therein without departing from the spirit and scope of the present invention, which fall within the scope of the invention as claimed. The scope of the invention is defined by the appended claims and equivalents thereof.

Claims

1. A method for reusing a requirement prototype, comprising the steps of:

s2: configuring component information and generating a demand prototype;

s3: loading a demand prototype into a design visualization editor;

2. The method according to claim 1, wherein the components include basic page components.

3. The method for reusing a requirement prototype according to claim 1, wherein the step S1 comprises the steps of:

4. The method for reusing a requirement prototype according to claim 1, wherein the step S2 comprises:

5. The method for reusing requirement prototypes according to claim 4, wherein the step of determining whether the requirement model satisfies the design engineering requirement comprises the steps of:

6. The method for reusing a requirement prototype according to claim 1, wherein the step S4 comprises: