CN112631587A - Interface prototype design method, interface prototype operation method and storage medium - Google Patents
Interface prototype design method, interface prototype operation method and storage medium Download PDFInfo
- Publication number
- CN112631587A CN112631587A CN202011584601.3A CN202011584601A CN112631587A CN 112631587 A CN112631587 A CN 112631587A CN 202011584601 A CN202011584601 A CN 202011584601A CN 112631587 A CN112631587 A CN 112631587A
- Authority
- CN
- China
- Prior art keywords
- prototype
- interface
- template
- html
- control
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 52
- 238000013461 design Methods 0.000 title abstract description 17
- 230000006399 behavior Effects 0.000 claims description 51
- 230000003993 interaction Effects 0.000 claims description 12
- 230000002452 interceptive effect Effects 0.000 claims description 8
- 238000002372 labelling Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 description 9
- 238000013499 data model Methods 0.000 description 7
- 230000008676 import Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000012790 confirmation Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000004913 activation Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000011112 process operation Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
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)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses an interface prototype design method, an interface prototype operation method and a storage medium, wherein the interface prototype design method comprises the following steps: acquiring configuration information of an interface prototype and creating a template; generating an interface prototype HTML corresponding to the configuration information according to the configuration information and the creation template; and previewing an operation page corresponding to the interface prototype HTML. According to the method and the device, the interface prototype HTML is generated by the configuration information according to the creation template, so that the generated interface prototype HTML is consistent with the previewed interface prototype, the 'what you see is what you get' of the user vision is realized, and the experience of the user is improved.
Description
Technical Field
The present invention relates to the technical field of interface design, and in particular, to an interface prototype design method, an interface prototype operation method, and a storage medium.
Background
The interface prototype is an important delivery object for carrying out requirement confirmation with a client in a requirement stage and is also an important reference standard for guiding a developer to carry out interface development in a development stage, so that the quality of the interface prototype directly influences the efficiency of the requirement confirmation and the efficiency and quality of a subsequent development interface.
Although traditional interface prototype design can complete drawing and generation of an interface prototype from a functional level, a key problem generally exists, and the key problem is that a runtime version of a control in an interface prototype design tool is not provided, so that a finally realized business system interface is inconsistent with the control in a prototype, and therefore the style of a control style of the finally presented business system interface is inconsistent with the style of the control style of the prototype interface, so that the fact that a system interface seen on a user prototype and finally delivered is highly consistent cannot be guaranteed, and the 'what you see is what you get' of a user cannot be realized.
Disclosure of Invention
The present invention is directed to solving at least one of the problems of the prior art. Therefore, the invention provides an interface prototype design method, which can realize what you see is what you get of a user and improve the experience.
The invention also provides an interface prototype operation method.
The invention also provides a computer readable storage medium.
In a first aspect, an embodiment of the present invention provides an interface prototyping method, including:
acquiring configuration information of an interface prototype and creating a template;
generating an interface prototype HTML corresponding to the configuration information according to the configuration information and the creation template;
and previewing an operation page corresponding to the interface prototype HTML.
The interface prototype design method provided by the embodiment of the invention at least has the following beneficial effects: because the interface prototype HTML is generated by the configuration information according to the creation template, the generated interface prototype HTML is consistent with the previewed interface prototype, and the visual 'what you see is what you get' of the user is realized, so that the experience of the user is improved.
According to another embodiment of the present invention, the generating an interface prototype HTML corresponding to the configuration information according to the configuration information and the creation template includes:
converting the configuration information into interface prototype metadata;
and constructing an interface prototype HTML corresponding to the configuration information according to the interface prototype metadata and the creation template.
According to still further embodiments of the present invention, the configuration information includes: prototype basic information, prototype control layout, data modules, and interactive behaviors.
According to another embodiment of the present invention, the interface prototype HTML corresponding to the configuration information is constructed according to the interface prototype metadata and the creation template, including:
determining a prototype template, a control library, preference configuration and behavior setting according to the data information of the interface prototype metadata and the creation template;
the prototype designer constructs the interface type of the interface prototype HTML according to the prototype template;
the prototype designer completes the layout and control display of the interface prototype HTML according to a control library;
the prototype designer completes the default configuration of the interface prototype HTML according to the configuration of the preference;
and the prototype designer completes the operation of interaction with the user in the interface prototype HTML according to the behavior setting.
According to still further embodiments of the present invention, the data information comprises: prototype template information, control information, preference configuration information, and behavior setting information.
According to still further embodiments of the present invention, the prototype template information includes: page template classification, wherein the control information comprises: the control definition, the control classification, the control attribute definition, the control event definition and the control attribute editor definition, wherein the preference configuration information comprises: introducing file configuration information, wherein the behavior setting information comprises: and (4) behavior definition and behavior classification.
According to still further embodiments of the present invention, an interface prototyping method further comprises:
receiving an adjusting instruction;
and adjusting the interface prototype HTML according to the adjusting instruction.
In a second aspect, an embodiment of the present invention provides an interface prototype operation method, operating on the interface prototype HTML according to the first aspect, including:
receiving an editing instruction, and displaying or hiding a labeling page according to the editing instruction;
and acquiring the service requirement according to the content filled in the annotated page by the user.
The interface prototype operation method provided by the embodiment of the invention at least has the following beneficial effects: according to the method, the editing button on the operation page is clicked by the user to form an editing instruction, the annotation page is displayed or hidden according to the editing instruction, the user can conveniently and automatically display the annotation page or hide the annotation page according to the requirement, and the efficiency of communication business requirements of the developer and the user is improved.
According to other embodiments of the present invention, the interface prototype operation method further includes:
receiving a export instruction, generating a requirement document of the business requirement corresponding to the export instruction according to the export instruction, and exporting the requirement document.
In a third aspect, an embodiment of the present invention provides a computer-readable storage medium storing computer-executable instructions for causing a computer to perform the interface prototype design method according to the first aspect or the interface prototype operation method according to the second aspect.
Additional features and advantages of the application will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by the practice of the application. The objectives and other advantages of the application may be realized and attained by the structure particularly pointed out in the written description and drawings.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating an embodiment of an interface prototyping method in accordance with the present invention;
FIG. 2 is a schematic flow chart diagram illustrating an embodiment of an interface prototyping method in accordance with the present invention;
FIG. 3 is a schematic flow chart diagram illustrating an embodiment of an interface prototyping method in accordance with the present invention;
FIG. 4 is a schematic flow chart diagram illustrating an embodiment of an interface prototyping method in accordance with the present invention;
FIG. 5 is a flowchart illustrating an exemplary method for operating an interface prototype in accordance with an embodiment of the present invention;
fig. 6 is a flowchart illustrating an interface prototype operation method according to another embodiment of the present invention.
Detailed Description
The concept and technical effects of the present invention will be clearly and completely described below in conjunction with the embodiments to fully understand the objects, features and effects of the present invention. It is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all embodiments, and those skilled in the art can obtain other embodiments without inventive effort based on the embodiments of the present invention, and all embodiments are within the protection scope of the present invention.
In the description of the embodiments of the present invention, if "a number" is referred to, it means one or more, if "a plurality" is referred to, it means two or more, if "greater than", "less than" or "more than" is referred to, it is understood that the number is not included, and if "greater than", "lower" or "inner" is referred to, it is understood that the number is included. If reference is made to "first" or "second", this should be understood to distinguish between features and not to indicate or imply relative importance or to implicitly indicate the number of indicated features or to implicitly indicate the precedence of the indicated features.
Although the interface prototype design tool in the industry can complete the drawing and generation of the interface prototype from the functional level, the problem is also common: the runtime version of the control in the interface prototype design tool is not provided, so that the finally realized business system interface is inconsistent with the control in the prototype and cannot be seen and obtained by the user.
Based on the method and the system, the business system interface is consistent with the prototype interface, so that the experience of the user is improved.
In a first aspect, referring to fig. 1, an embodiment of the present invention discloses an interface prototype design method, including:
s100, acquiring configuration information of an interface prototype and creating a template;
s200, generating an interface prototype HTML corresponding to the configuration information according to the configuration information and the creation template;
and S300, previewing an operation page corresponding to the interface prototype HTML.
And generating an interface prototype HTML corresponding to the configuration information by substituting the configuration information through the creation template according to the configuration information and the creation template, and then previewing an operation page corresponding to the interface prototype HTML. Because the interface prototype HTML is generated by the configuration information according to the creation template, the generated interface prototype HTML is consistent with the previewed interface prototype, and the visual 'what you see is what you get' of the user is realized, so that the experience of the user is improved.
The configuration information is divided into a design-time version and a runtime version, the design-time version is used for interface prototype design, the configuration information generated on the HTML is the runtime version when the interface prototype HTML is generated, and the configuration information of the runtime version is provided for formal interface development and use of the business system, so that the design-time version and the runtime version are consistent in the configuration information. Therefore, the previewed operation page is consistent with the page of the running interface prototype HTML, so that the user can conveniently realize 'what you see is what you get', and the satisfaction degree of the user is improved.
In some embodiments, the configuration information includes prototype base information, prototype control layouts, data models, and interaction behaviors. And creating a template by substituting the basic prototype information, the layout of the prototype control, the data model and the interactive behavior to accurately generate an interface prototype HTML corresponding to the configuration information.
The configuration information may be filled in by the user for retrieval or automatically retrieved. The creation template and the configuration information can be generated by the code generation of the prototype generator to generate an interface prototype HTML, and the preview of the HTML is realized in the browser.
Wherein the prototype basic information includes: interface title, whether it is a menu, interface name, resolution, etc. The prototype control layout comprises: input boxes, radio boxes, multi-boxes, calendar controls, tables, and the like, and the prototype control layout is mainly presented to the user as a presentation layer. The data model includes: and the business object model, the business form model and the like are used for displaying the model data in each interface control as a model layer. The interactive behaviors include: the system is mainly used for interacting with users and responding to related operations of the users, and is an interaction layer.
The related interface prototype can be quickly constructed according to the configuration information by the creation template, and the creation template comprises a typical prototype template, and the typical prototype template comprises a typical edit list template, a tree template, a flow template and the like. Wherein, the basic frame interface prototype is created according to the typical prototype template, and the basic frame interface prototype is provided by default, and provides support of the whole process operation for the service prototype.
Referring to fig. 2, in some embodiments, step S200 includes:
s210, converting the configuration information into interface prototype metadata;
and S220, constructing an interface prototype HTML corresponding to the configuration information according to the interface prototype metadata and the created template.
The configuration information is converted into interface prototype metadata, and then the interface prototype metadata is substituted into the reverse creation template to construct interface prototype HTML corresponding to the configuration information, so that the interface prototype HTML is generated quickly and easily, and the generated interface prototype HTML is consistent with a previewed operation page.
Specifically, the configuration information is imported file configuration, and after the imported file configuration is imported, the imported file configuration is converted into interface prototype metadata through a code template technology. The creation template is optimized for multiple times to obtain a standardized prototype template, and the prototype designer generates a final interface prototype HTML according to the interface prototype metadata and in combination with the standardized prototype template, so that the interface prototype HTML is fast and accurate.
Referring to fig. 3, in some embodiments, step S220 includes:
s221, determining a prototype template, a control library, preference configuration and behavior setting according to the data information of the interface prototype metadata and the creation template;
s222, the prototype designer constructs an interface type of an interface prototype HTML according to the prototype template;
s223, the prototype designer completes the layout and control display of the interface prototype HTML according to the control library;
s224, the prototype designer completes default configuration of the interface prototype HTML according to the preference configuration;
and S225, the prototype designer completes the operation of interaction with the user in the interface prototype HTML according to the behavior setting.
The generation of the interface prototype HTML needs to determine page basic information, a prototype designer and behaviors, and the prototype designer is responsible for determining an interface layout, a form control, a service expansion space key and a service data model according to the page basic information, then performing corresponding operation through the control, and determining the configuration of the interface prototype HTML according to the page basic information. The prototype designer determines the behavior of control behavior, form initialization, page jump, etc. according to the behavior, the control behavior comprising: click, change, data source setting, activation, etc., and form initialization includes: data loading, control state setting and the like, and page skipping comprises the following steps: hyperlinks, modal boxes, conventional window.
The prototype template, the control library, the preference configuration and the behavior setting are determined through the data information of the interface prototype metadata and the creation template, and after the prototype template is determined, the prototype designer determines the corresponding interface type according to the prototype template so as to build the interface corresponding to the prototype template. The prototype designer uses the control library to complete the layout and control display of the interface prototype, and defines the default configuration of the import file and the like of the interface prototype through preference configuration so as to reduce the configuration operation during development. And the prototype designer completes the operation of interaction with the user in the interface prototype according to the behavior setting. Therefore, the interface prototype HTML corresponding to the data information is constructed through the prototype designer according to the prototype template, the control library, the preference configuration and the behavior setting. And the same controls are adopted for layout during design and operation, so that the interface preview according to the interface prototype HTML and the interface operation according to the interface prototype HTML are consistent, and the operation flow mechanism is consistent, which are executed according to the front-back sequence mechanism of resource loading, control rendering generation, data binding and control state control.
In some embodiments, the data information comprises: prototype template information, control information, preference configuration information, and behavior setting information.
Determining a prototype template according to prototype template information and a creation template of the interface prototype metadata, determining a control library according to control information and a creation template of the interface prototype metadata, determining preference configuration according to preference configuration information and a creation template of the interface prototype metadata, and determining behavior setting according to behavior setting information and a creation template of the interface prototype metadata. Therefore, the prototype template, the control library, the preference configuration and the behavior setting of each interface prototype are determined to be accurate and correspond to the configuration information.
The prototype template information includes: the page template is classified, and the control information comprises: the method comprises the following steps of control definition, control classification, control attribute definition, control event definition and control attribute editor definition, wherein the preference configuration information comprises the following steps: introducing file configuration information, wherein the behavior setting information comprises: and (4) behavior definition and behavior classification.
The prototype template is determined by analyzing the page template classifications in the interface prototype metadata to determine the prototype template, which also determines the interface type of the interface prototype. And then determining a plurality of controls needing interface layout, behavior interaction and interface default configuration through control definition, control classification, control attribute definition, control event definition and control attribute editor definition in the interface prototype metadata, and constructing a control library through the plurality of controls. The control library determines the interface layout, behavior interaction and interface default configuration. Because the preference configuration mainly comprises an import file model, the preference configuration information is determined according to the import file configuration of the interface prototype metadata, and the preference configuration information comprises: model name, file type, model ID, model path, and model type to facilitate the prototype designer to default configuration of the interface prototype HTML based on the model name, import file type, model ID, model path, and model type of the import file. The default configuration is configured by the control corresponding to the default configuration. And then determining behavior setting according to the behavior definition and the behavior classification of the interface prototype metadata, and accurately finishing the operation of user interaction according to the behavior setting in the prototype designer.
Specifically, after a corresponding prototype template is determined according to prototype template information in the interface prototype metadata, the prototype designer constructs an interface type of an interface prototype HTML according to the prototype template to obtain a basic interface prototype, and then determines a control library, preference configuration and behavior setting according to control information, preference configuration information and behavior setting information in the interface prototype metadata, wherein the control library comprises a layout control, a form control and the like, the layout control, the form control and the like are displayed on the basic interface prototype, the layout control is used for taking charge of the overall layout of the interface, and the form control is used for taking charge of the adjustment of texts, text boxes and the like in the interface. By determining a prototype template, a control library, preference configuration and behavior setting, namely determining the interface type, interface layout, control display, default configuration and user interaction operation of the whole interface prototype HTML, because the controls of the version during design and the version during operation are provided, the two version controls keep highly consistent in style and use, so as to ensure that the interface prototype is consistent with the style of the finally delivered service system interface. The generated interface prototype HTML is consistent whether in runtime or in preview, so as to improve the user experience.
Referring to fig. 4, in an embodiment, the interface prototyping method further includes:
s400, receiving an adjusting instruction;
and S500, adjusting the interface prototype HTML according to the adjusting instruction.
And when the operation page corresponding to the interface prototype HTML is previewed, if the previewed interface prototype does not meet the service requirement, receiving an adjusting instruction, and adjusting the interface prototype HTML according to the adjusting instruction so that the interface prototype previewed according to the interface prototype HTML meets the service requirement to complete the whole development process.
An interface prototyping method according to an embodiment of the present invention is described in detail below with reference to fig. 1 to 4 as a specific embodiment. It is to be understood that the following description is only exemplary, and not a specific limitation of the invention.
The method comprises the steps of obtaining prototype basic information, prototype control layout, data models and interactive behaviors through filling in by a user or automatically obtaining the prototype basic information, the prototype control layout, the data models and the interactive behaviors, converting the prototype basic information, the prototype control layout, the data models and the interactive behaviors into prototype metadata, and determining a prototype template through page template classification in analysis interface prototype metadata. Determining a plurality of controls needing interface layout, behavior interaction and interface default configuration through control definition, control classification, control attribute definition, control event definition and control attribute editor definition in the interface prototype metadata, and constructing a control library through the plurality of controls. Determining preference configuration according to the configuration of the imported file of the interface prototype metadata; and determining the behavior setting according to the behavior definition and the behavior classification of the interface prototype metadata. After determining the corresponding prototype template according to the prototype template information in the interface prototype metadata, the prototype designer constructs the interface type of the interface prototype HTML according to the prototype template to obtain a basic interface prototype. The prototype designer uses the control library to complete the layout and control display of the interface prototype, and defines the default configuration of the import file and the like of the interface prototype through preference configuration so as to reduce the configuration operation during development. And the prototype designer completes the operation of interaction with the user in the interface prototype according to the behavior setting. Because the generated interface prototype HTML is consistent with the control of the previewed operation page, the generated interface prototype keeps consistent with the final interactive system interface prototype, and the 'what you see is what you get' of the user is realized, so that the experience of the user is improved.
In a second aspect, referring to fig. 5, an embodiment of the present invention further discloses an interface prototype operation method, which operates on the interface prototype HTML according to the first aspect, and includes:
s600, receiving an editing instruction, and displaying or hiding the annotation page according to the editing instruction;
and S700, acquiring service requirements according to the content filled in the annotation page by the user.
When the operation page corresponding to the HTML of the interface prototype is previewed, the annotation page is displayed on the operation page, an editing button on the operation page is clicked by a user to form an editing instruction, and the annotation page is displayed or hidden according to the editing instruction. If the marked page is in the undisplayed state, the editing instruction is received, the marked page is displayed, and if the marked page is in the displayed state, the editing instruction is received, the marked page is hidden, so that a user can automatically display the marked page or hide the marked page according to requirements. When the page is displayed, the service requirement is obtained according to the content filled in by the user on the marked page, and the service requirement filled in by the user is utilized, so that a developer can conveniently perform interface prototype adjustment or communicate with the user according to the service requirement filled in by the user when the developer continues to develop in the subsequent process, and the efficiency of the communication between the developer and the user for the service requirement is improved.
Referring to fig. 6, in some embodiments, the interface prototype operation method further comprises:
s800, receiving the export instruction, generating a requirement document of the business requirement corresponding to the export instruction according to the export instruction, and exporting the requirement document.
When a developer needs to export the service requirements filled by the user, the export instruction is received, the requirement document corresponding to the service requirements is generated according to the export instruction, the requirement document comprises the service requirements and the service items corresponding to the service requirements, and therefore the developer can conveniently export the requirement document to serve as a certificate for subsequent development, and accuracy of interface prototype HTML development is improved.
In a third aspect, an embodiment of the present invention discloses a computer-readable storage medium storing computer-executable instructions for causing a computer to perform the interface prototyping method according to the first aspect or the interface prototyping method according to the second aspect.
The above-described embodiments of the apparatus are merely illustrative, wherein the units illustrated as separate components may or may not be physically separate, i.e. may be located in one place, or may also be distributed over a plurality of network elements. 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 will appreciate that all or some of the steps, systems, and methods disclosed above may be implemented as software, firmware, hardware, and suitable combinations thereof. Some or all of the physical components may be implemented as software executed by a processor, such as a central processing unit, digital signal processor, or microprocessor, or as hardware, or as an integrated circuit, such as an application specific integrated circuit. Such software may be distributed on computer readable media, which may include computer storage media (or non-transitory media) and communication media (or transitory media). The term computer storage media includes volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data, as is well known to those of ordinary skill in the art. Computer storage media includes, but is not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, Digital Versatile Disks (DVD) or other optical disk storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can accessed by a computer. In addition, communication media typically embodies computer readable instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism and includes any information delivery media as known to those skilled in the art.
The embodiments of the present invention have been described in detail with reference to the accompanying drawings, but the present invention is not limited to the above embodiments, and various changes can be made within the knowledge of those skilled in the art without departing from the gist of the present invention. Furthermore, the embodiments of the present invention and the features of the embodiments may be combined with each other without conflict.
Claims (10)
1. An interface prototyping method comprising:
acquiring configuration information of an interface prototype and creating a template;
generating an interface prototype HTML corresponding to the configuration information according to the configuration information and the creation template;
and previewing an operation page corresponding to the interface prototype HTML.
2. The interface prototyping method of claim 1 wherein said generating an interface prototype HTML corresponding to said configuration information from said configuration information and said creation template comprises:
converting the configuration information into interface prototype metadata;
and constructing an interface prototype HTML corresponding to the configuration information according to the interface prototype metadata and the creation template.
3. The interface prototyping method of claim 1 wherein said configuration information comprises: prototype basic information, prototype control layout, data modules, and interactive behaviors.
4. The interface prototyping method of claim 2 wherein said constructing an interface prototype HTML corresponding to said configuration information based on said interface prototype metadata and said creation template comprises:
determining a prototype template, a control library, preference configuration and behavior setting according to the data information of the interface prototype metadata and the creation template;
the prototype designer constructs the interface type of the interface prototype HTML according to the prototype template;
the prototype designer completes the layout and control display of the interface prototype HTML according to a control library;
the prototype designer completes the default configuration of the interface prototype HTML according to the configuration of the preference;
and the prototype designer completes the operation of interaction with the user in the interface prototype HTML according to the behavior setting.
5. The interface prototyping method of claim 4 wherein said data information comprises: prototype template information, control information, preference configuration information, and behavior setting information.
6. The interface prototyping method of claim 5 wherein said prototype template information comprises: page template classification, wherein the control information comprises: the control definition, the control classification, the control attribute definition, the control event definition and the control attribute editor definition, wherein the preference configuration information comprises: introducing file configuration information, wherein the behavior setting information comprises: and (4) behavior definition and behavior classification.
7. The interface prototyping method of any of claims 1-6 further comprising:
receiving an adjusting instruction;
and adjusting the interface prototype HTML according to the adjusting instruction.
8. An interface prototype operation method operating on the interface prototype HTML according to any one of claims 1 to 7, comprising:
receiving an editing instruction, and displaying or hiding a labeling page according to the editing instruction;
and acquiring the service requirement according to the content filled in the annotated page by the user.
9. The interface prototyping operation method of claim 8, further comprising:
receiving a export instruction, generating a requirement document of the business requirement corresponding to the export instruction according to the export instruction, and exporting the requirement document.
10. A computer-readable storage medium storing computer-executable instructions for causing a computer to perform the interface prototyping method of any one of claims 1-7 or the interface prototyping method of any one of claims 8-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011584601.3A CN112631587B (en) | 2020-12-28 | 2020-12-28 | Interface prototype design method, interface prototype operation method, and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011584601.3A CN112631587B (en) | 2020-12-28 | 2020-12-28 | Interface prototype design method, interface prototype operation method, and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112631587A true CN112631587A (en) | 2021-04-09 |
| CN112631587B CN112631587B (en) | 2024-07-19 |
Family
ID=75285735
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011584601.3A Active CN112631587B (en) | 2020-12-28 | 2020-12-28 | Interface prototype design method, interface prototype operation method, and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112631587B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114816625A (en) * | 2022-04-08 | 2022-07-29 | 郑州铁路职业技术学院 | Method and device for designing interface of automatic interactive system |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040001092A1 (en) * | 2002-06-27 | 2004-01-01 | Rothwein Thomas M. | Prototyping graphical user interfaces |
| US20070240131A1 (en) * | 2006-03-28 | 2007-10-11 | Go Play Network, Inc. | Application prototyping |
| CN103345410A (en) * | 2013-06-28 | 2013-10-09 | 广东电网公司佛山供电局 | Mobile working service customization interface implementation method and system |
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN109189391A (en) * | 2018-09-12 | 2019-01-11 | 北京中电普华信息技术有限公司 | A kind of page development method and device |
| CN109358843A (en) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | A kind of Fast Page building method towards financial terminal transaction |
| CN110795067A (en) * | 2019-11-07 | 2020-02-14 | 成都淞幸科技有限责任公司 | Demand prototype reusable method |
-
2020
- 2020-12-28 CN CN202011584601.3A patent/CN112631587B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040001092A1 (en) * | 2002-06-27 | 2004-01-01 | Rothwein Thomas M. | Prototyping graphical user interfaces |
| US20070240131A1 (en) * | 2006-03-28 | 2007-10-11 | Go Play Network, Inc. | Application prototyping |
| CN103345410A (en) * | 2013-06-28 | 2013-10-09 | 广东电网公司佛山供电局 | Mobile working service customization interface implementation method and system |
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN109189391A (en) * | 2018-09-12 | 2019-01-11 | 北京中电普华信息技术有限公司 | A kind of page development method and device |
| CN109358843A (en) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | A kind of Fast Page building method towards financial terminal transaction |
| CN110795067A (en) * | 2019-11-07 | 2020-02-14 | 成都淞幸科技有限责任公司 | Demand prototype reusable method |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114816625A (en) * | 2022-04-08 | 2022-07-29 | 郑州铁路职业技术学院 | Method and device for designing interface of automatic interactive system |
| CN114816625B (en) * | 2022-04-08 | 2023-06-16 | 郑州铁路职业技术学院 | Automatic interaction system interface design method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112631587B (en) | 2024-07-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109918607B (en) | Page construction method and device, medium and computing equipment | |
| CN107844297B (en) | Data visualization implementation system and method | |
| US9142192B2 (en) | Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same | |
| US10534842B2 (en) | Systems and methods for creating, editing and publishing cross-platform interactive electronic works | |
| US8819624B2 (en) | Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same | |
| JP2022534214A (en) | Systems and methods for providing responsive editing and viewing that integrate hierarchical fluid components and dynamic layouts | |
| US7292244B2 (en) | System and method for automatic label placement on charts | |
| US20120066601A1 (en) | Content configuration for device platforms | |
| US11721081B2 (en) | Virtual reality experience scriptwriting | |
| US20120066304A1 (en) | Content configuration for device platforms | |
| US12058086B2 (en) | Conversation-enabled document system and method | |
| CN102591643B (en) | Edit when optionally enabling the operation of application | |
| CN114035773A (en) | Configuration-based low-code form development method, system and device | |
| US20140250419A1 (en) | Methods and Systems for Application Development | |
| US6769094B2 (en) | Method for generating multimedia projects | |
| CN113095056B (en) | Generation method, processing method, device, electronic equipment and medium | |
| WO2013109858A1 (en) | Design canvas | |
| CN114138254B (en) | Automatic code generation method, medium, equipment and system | |
| WO2005094500A2 (en) | Document development platform | |
| CN111367514A (en) | Page card development method and device, computing device and storage medium | |
| CN112631587B (en) | Interface prototype design method, interface prototype operation method, and storage medium | |
| CN117032666A (en) | Page editing method and device based on editor, terminal equipment and storage medium | |
| US11526578B2 (en) | System and method for producing transferable, modular web pages | |
| CN113705177A (en) | Manuscript input method and device based on integrated manuscript writing environment and computer equipment | |
| KR100902193B1 (en) | A System For Composing Report, A Method ? A System For Providing A Made-To-Order Report, And A 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 | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Country or region after: China Address after: 518000 building 501, 502, 601, 602, building D, wisdom Plaza, Qiaoxiang Road, Gaofa community, Shahe street, Nanshan District, Shenzhen City, Guangdong Province Applicant after: China Southern Power Grid Digital Platform Technology (Guangdong) Co.,Ltd. Address before: 518000 building 501, 502, 601, 602, building D, wisdom Plaza, Qiaoxiang Road, Gaofa community, Shahe street, Nanshan District, Shenzhen City, Guangdong Province Applicant before: China Southern Power Grid Shenzhen Digital Power Grid Research Institute Co.,Ltd. Country or region before: China |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |