CN110569034A - Interface development method and device - Google Patents
Interface development method and device Download PDFInfo
- Publication number
- CN110569034A CN110569034A CN201910804959.3A CN201910804959A CN110569034A CN 110569034 A CN110569034 A CN 110569034A CN 201910804959 A CN201910804959 A CN 201910804959A CN 110569034 A CN110569034 A CN 110569034A
- Authority
- CN
- China
- Prior art keywords
- style
- standard
- class
- library
- standard style
- 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.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a method and a device for interface development. The method of the application comprises the steps of creating a standard style library; receiving a calling command, wherein the calling command is a command for calling a style in a standard style library; and searching the standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style. The method and the device solve the problem of low UI compiling efficiency.
Description
Technical Field
the application relates to the technical field of front ends, in particular to a method and a device for interface development.
Background
In the development process of the service Interface, compiling a User Interface (UI) is a frequent and boring task, a large number of repetitive patterns are compiled, and the implementation mode is very strange. And the communication cost with designers is high, and no unified design language exists, so that the reduction degree of design manuscripts is low, and the problem of low UI compiling efficiency is caused.
disclosure of Invention
the application mainly aims to provide an interface development method and device to solve the problem of low UI compiling efficiency.
To achieve the above object, according to a first aspect of the present application, there is provided a method of interface development.
The interface development method comprises the following steps:
newly building a standard style library;
receiving a calling command, wherein the calling command is a command for calling a style in a standard style library;
And searching the standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style.
Further, the new standard style library comprises:
Classifying the style library to obtain a plurality of style classes;
And setting a corresponding standard style for each style class.
Further, the classifying the standard style library to obtain a plurality of style classes includes:
And classifying according to the function of the style to obtain various style classes.
Further, the classifying according to the function of the style to obtain a plurality of style classes includes:
the standard style libraries are classified into at least two or more of the following style classes according to the function of the style:
A base class, a layout class, a component class, a tool class.
further, the setting of the corresponding standard style for each style class includes:
if the style class is a basic class, setting a global standard style, wherein the global standard style at least comprises styles of colors, word sizes and titles;
if the style class is a layout class, setting a page layout standard style, wherein the page layout standard style at least comprises a grid style of layout;
if the style class is the component class, setting a functional component standard style, wherein the functional component standard style at least comprises the styles of various functional frames and/or cards;
If the style class is a tool class, setting standard styles of various combined styles.
In order to achieve the above object, according to a second aspect of the present application, there is provided an interface development apparatus.
the interface development device according to the application comprises:
the new building unit is used for building a standard style library;
The receiving unit is used for receiving a calling command, wherein the calling command is a command for calling a style in a standard style library;
and the searching unit is used for searching the standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style.
further, the newly-built unit includes:
The classification module is used for classifying the standard style library to obtain various style classes;
And the setting module is used for setting a corresponding standard style for each style class.
Further, the classification module is configured to:
and classifying according to the function of the style to obtain various style classes.
further, the classification module is configured to:
The standard style libraries are classified into at least two or more of the following style classes according to the function of the style:
a base class, a layout class, a component class, a tool class.
further, the setting module is configured to:
If the style class is a basic class, setting a global standard style, wherein the global standard style at least comprises styles of colors, word sizes and titles;
If the style class is a layout class, setting a page layout standard style, wherein the page layout standard style at least comprises a grid style of layout;
If the style class is the component class, setting a functional component standard style, wherein the functional component standard style at least comprises the styles of various functional frames and/or cards;
if the style class is a tool class, setting standard styles of various combined styles.
to achieve the above object, according to a third aspect of the present application, there is provided a non-transitory computer-readable storage medium storing computer instructions that cause the computer to perform the method of interface development of any one of the above first aspects.
in the embodiment of the application, the method and the device for interface development can firstly create a standard style library; receiving a calling command on the basis of a standard style library, wherein the calling command is a command for calling a style in the standard style library; and then according to the calling command, searching a standard style corresponding to the calling command from a standard style library and outputting the standard style. According to the method and the device, when the styles are called, the styles are called from the standard style library, the unified styles are set for different function classes in the standard style library, the UI development style classes are unified, the communication cost between developers and designers can be reduced, repeated style class writing is reduced, the development and calling are convenient, and the UI writing efficiency is improved.
drawings
the accompanying drawings, which are incorporated in and constitute a part of this application, serve to provide a further understanding of the application and to enable other features, objects, and advantages of the application to be more apparent. The drawings and their description illustrate the embodiments of the invention and do not limit it. In the drawings:
FIG. 1 is a flow chart of a method for interface development according to an embodiment of the present application;
FIG. 2 is a flow chart of another method for interface development provided in accordance with an embodiment of the present application;
FIG. 3 is a block diagram illustrating components of an apparatus for interface development according to an embodiment of the present disclosure;
Fig. 4 is a block diagram of another interface development device provided in accordance with an embodiment of the present application.
Detailed Description
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only partial embodiments of the present application, but not all embodiments. 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 application.
It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It should be understood that the data so used may be interchanged under appropriate circumstances such that embodiments of the application described herein may be used. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
it should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
According to an embodiment of the present application, there is provided a method for interface development, as shown in fig. 1, the method includes the following steps:
It should be noted that the execution subject of the present embodiment is a computer program.
S101, creating a standard style library.
This embodiment is to build a new standard unified Cascading Style Sheets (CSS) Style library. The design principle of the standard style library of the embodiment is as follows: 1) developing a unified UI style class through a standard design language; 2) and public auxiliary classes are added, so that development and reuse are facilitated.
the standard design language is a language requiring the use of a standard language for development of style classes, the unified UI style class is based on different functions or applications, the styles are divided into a plurality of classes, and each class can be further classified. The design of the common style is performed for each kind of style. For example, in the global style class, a universal color, a font size, a title, etc. may be designed.
In addition, it should be noted that the standard style library can be directly called after being established for the first time. If in use, the operations of modifying, adding, deleting and the like of the styles of the standard style library are needed, and the operations can be conveniently carried out. Specifically, in order to prevent random changes to the standard style library, a change authority may be set.
and S102, receiving a calling command, wherein the calling command is a command for calling the style in the standard style library.
and receiving a calling command for calling the styles in the standard style library, wherein different calling commands are called corresponding to different styles.
s103, according to the calling command, searching a standard style corresponding to the calling command from a standard style library and outputting the standard style.
the method comprises the steps of searching for a standard style corresponding to a calling command from a standard style library according to the calling command, outputting the standard style, namely analyzing the calling command, determining a style which needs to be called and is contained in the calling command, searching for a style corresponding to a mark or a label from the standard style library according to the mark or the label of the style which needs to be called, and applying the searched style.
In order to distinguish different styles, a unique mark or label needs to be provided in the standard database.
From the above description, it can be seen that, in the method for interface development in the embodiment of the present application, a standard style library can be created at first; receiving a calling command on the basis of a standard style library, wherein the calling command is a command for calling a style in the standard style library; and then according to the calling command, searching a standard style corresponding to the calling command from a standard style library and outputting the standard style. According to the method and the device, when the styles are called, the styles are called from the standard style library, the unified styles are set for different function classes in the standard style library, the UI development style classes are unified, the communication cost between developers and designers can be reduced, repeated style class writing is reduced, the development and calling are convenient, and the UI writing efficiency is improved.
the embodiment of the present application provides another interface development method, which is a supplementary description of the above embodiment, and as shown in fig. 2, the method includes:
s201, classifying the standard style library to obtain various style classes.
in this embodiment, steps S201 and S202 are processes of establishing a standard style library. The standard Style library in this step is a newly established standard unified Cascading Style Sheets (CSS) Style library. Before classifying the standard style library to obtain various style classes, an empty style library needs to be created and named.
The design principle of the standard style library of the embodiment is as follows: 1) developing a unified UI style class through a standard design language; 2) and public auxiliary classes are added, so that development and reuse are facilitated. The standard design language is a language requiring the use of a standard language for development of style classes, the unified UI style class is based on different functions or applications, the styles are divided into a plurality of classes, and each class can be further classified.
Based on the above design principle, preferably, in this embodiment, "classify the standard style library to obtain multiple style classes" is to classify the standard style library according to the function of the style to obtain multiple style classes. Specifically, the present embodiment at least divides the standard style library into two or more types of the following style classes according to the style functions: a base class, a layout class, a component class, a tool class. Or may be divided into a greater variety of style classes as desired.
it should be noted that, in practical applications, the standard style library may also be classified according to other classification criteria, for example, according to an application scenario or an application field.
in addition, it should be noted that the standard style library can be directly called next time after being established for the first time. In use, the styles in the standard style library can be modified, added, deleted and the like according to needs. In addition, in order to prevent random change of the standard pattern library, change authority can be set, only people with the changed authority can change, and people without the authority cannot perform operations such as modification, addition, deletion and the like, so that the standard pattern library is better maintained.
S202, setting a corresponding standard style for each style class.
after the standard style library is classified in the above steps, a corresponding standard style needs to be set for each style class, and corresponding to the preferred scheme in the above steps, this embodiment separately explains the standard styles set for the basic class, the layout class, the component class, and the tool class:
a. if the style class is a basic class, setting a global standard style, wherein the global standard style comprises standard styles of colors, word sizes, titles and the like; all styles belonging to the global class may define standard styles in the base class.
b. if the style class is a layout class, setting a page layout standard style, wherein the page layout standard style comprises a grid style of layout and other standard styles of other page layout classes. For the grid pattern, for example, a standard grid pattern which can be set is a layout form which divides the page into 12 grids, and fills the grids with content;
c. If the style class is a component class, setting a functional component standard style, wherein the functional component standard style at least comprises various functional frames (a warning frame, a modal frame, a bubble frame and the like) and/or standard styles of cards;
d. If the style class is a tool class, setting standard styles of various combined styles.
The tool class is responsible for combining complex styles, and the tools can be used after being opened during development, such as drawing triangles, omitting single lines and the like.
s203, receiving a calling command, wherein the calling command is a command for calling the style in the standard style library.
The implementation of this step is the same as that of step S102 in fig. 1, and is not described here again.
and S204, searching a standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style.
The implementation of this step is the same as that of step S103 in fig. 1, and is not described here again.
It should be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
According to an embodiment of the present application, there is also provided an apparatus for interface development for implementing the method described in fig. 1 to 2, as shown in fig. 3, the apparatus includes:
a newly-built unit 31 for newly building a standard style library;
this embodiment is to build a new standard unified Cascading Style Sheets (CSS) Style library. The design principle of the standard style library of the embodiment is as follows: 1) developing a unified UI style class through a standard design language; 2) and public auxiliary classes are added, so that development and reuse are facilitated.
The standard design language is a language requiring the use of a standard language for development of style classes, the unified UI style class is based on different functions or applications, the styles are divided into a plurality of classes, and each class can be further classified. The design of the common style is performed for each kind of style. For example, in the global style class, a universal color, a font size, a title, etc. may be designed.
in addition, it should be noted that the standard style library can be directly called next time after being established for the first time. In use, the styles in the standard style library can be modified, added, deleted and the like according to needs. In addition, in order to prevent random change of the standard pattern library, change authority can be set, only people with the changed authority can change, and people without the authority cannot perform operations such as modification, addition, deletion and the like, so that the standard pattern library is better maintained.
A receiving unit 32, configured to receive a call command, where the call command is a command for calling a style in a standard style library;
And receiving a calling command for calling the styles in the standard style library, wherein different calling commands are called corresponding to different styles.
And the searching unit 33 is configured to search for a standard style corresponding to the call command from the standard style library according to the call command and output the standard style.
the method comprises the steps of searching for a standard style corresponding to a calling command from a standard style library according to the calling command, outputting the standard style, namely analyzing the calling command, determining a style which needs to be called and is contained in the calling command, searching for a style corresponding to a mark or a label from the standard style library according to the mark or the label of the style which needs to be called, and applying the searched style.
In order to distinguish different styles, a unique mark or label needs to be provided in the standard database.
from the above description, it can be seen that, in the apparatus for interface development in the embodiment of the present application, a standard style library can be created first; receiving a calling command on the basis of a standard style library, wherein the calling command is a command for calling a style in the standard style library; and then according to the calling command, searching a standard style corresponding to the calling command from a standard style library and outputting the standard style. According to the method and the device, when the styles are called, the styles are called from the standard style library, the unified styles are set for different function classes in the standard style library, the UI development style classes are unified, the communication cost between developers and designers can be reduced, repeated style class writing is reduced, the development and calling are convenient, and the UI writing efficiency is improved.
Further, as shown in fig. 4, the new building unit 31 includes:
the classification module 311 is configured to classify the standard style library to obtain multiple style classes;
A setting module 312, configured to set a corresponding standard style for each style class.
Further, as shown in fig. 4, the classification module 311 is configured to:
And classifying according to the function of the style to obtain various style classes.
It should be noted that, in practical applications, the standard style library may also be classified according to other classification criteria, for example, according to an application scenario or an application field.
Further, as shown in fig. 4, the classification module 311 is configured to:
The standard style libraries are classified into at least two or more of the following style classes according to the function of the style:
A base class, a layout class, a component class, a tool class.
In practical application, the style classes can be divided into more types according to requirements.
Further, as shown in fig. 4, the setting module 312 is configured to:
if the style class is a basic class, setting a global standard style, wherein the global standard style at least comprises styles of colors, word sizes and titles;
If the style class is a layout class, setting a page layout standard style, wherein the page layout standard style at least comprises a grid style of layout;
For example, the set standard grid pattern is a layout form which divides the page into 12 grids, and the grids are filled with contents;
If the style class is the component class, setting a functional component standard style, wherein the functional component standard style at least comprises the styles of various functional frames and/or cards;
function boxes such as a warning box, a modality box, a bubble box, etc.
If the style class is a tool class, setting standard styles of various combined styles.
the tool class is responsible for combining complex styles, and the tools can be used after being opened during development, such as drawing triangles, omitting single lines and the like.
There is also provided, in accordance with an embodiment of the present application, a non-transitory computer-readable storage medium storing computer instructions that cause the computer to perform the method of interface development described in any of fig. 1-2.
It will be apparent to those skilled in the art that the modules or steps of the present application described above may be implemented by a general purpose computing device, they may be centralized on a single computing device or distributed across a network of multiple computing devices, and they may alternatively be implemented by program code executable by a computing device, such that they may be stored in a storage device and executed by a computing device, or fabricated separately as individual integrated circuit modules, or fabricated as a single integrated circuit module from multiple modules or steps. Thus, the present application is not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present application and is not intended to limit the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (10)
1. a method of interface development, the method comprising:
newly building a standard style library;
receiving a calling command, wherein the calling command is a command for calling a style in a standard style library;
And searching the standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style.
2. the method for interface development according to claim 1, wherein the new standard style library comprises:
Classifying the style library to obtain a plurality of style classes;
and setting a corresponding standard style for each style class.
3. the method for interface development according to claim 2, wherein the classifying the standard style library to obtain a plurality of style classes comprises:
and classifying according to the function of the style to obtain various style classes.
4. The method for interface development according to claim 3, wherein the classifying according to the function of the style, and obtaining a plurality of style classes comprises:
The standard style libraries are classified into at least two or more of the following style classes according to the function of the style:
a base class, a layout class, a component class, a tool class.
5. The method for interface development according to claim 4, wherein said setting a corresponding standard style for each style class comprises:
if the style class is a basic class, setting a global standard style, wherein the global standard style at least comprises styles of colors, word sizes and titles;
If the style class is a layout class, setting a page layout standard style, wherein the page layout standard style at least comprises a grid style of layout;
if the style class is the component class, setting a functional component standard style, wherein the functional component standard style at least comprises the styles of various functional frames and/or cards;
If the style class is a tool class, setting standard styles of various combined styles.
6. An apparatus for interface development, the apparatus comprising:
The new building unit is used for building a standard style library;
The receiving unit is used for receiving a calling command, wherein the calling command is a command for calling a style in a standard style library;
and the searching unit is used for searching the standard style corresponding to the calling command from the standard style library according to the calling command and outputting the standard style.
7. The interface development apparatus of claim 6, wherein said newly created unit comprises:
The classification module is used for classifying the standard style library to obtain various style classes;
and the setting module is used for setting a corresponding standard style for each style class.
8. The interface development apparatus of claim 7, wherein the classification module is configured to:
and classifying according to the function of the style to obtain various style classes.
9. The interface development apparatus of claim 8, wherein the classification module is configured to:
The standard style libraries are classified into at least two or more of the following style classes according to the function of the style:
a base class, a layout class, a component class, a tool class.
10. A non-transitory computer-readable storage medium storing computer instructions that cause a computer to perform the method of interface development of any one of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910804959.3A CN110569034A (en) | 2019-08-27 | 2019-08-27 | Interface development method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910804959.3A CN110569034A (en) | 2019-08-27 | 2019-08-27 | Interface development method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110569034A true CN110569034A (en) | 2019-12-13 |
Family
ID=68776591
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910804959.3A Withdrawn CN110569034A (en) | 2019-08-27 | 2019-08-27 | Interface development method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110569034A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103294459A (en) * | 2012-02-29 | 2013-09-11 | 阿里巴巴集团控股有限公司 | Map activex generation method and device |
| US20140095977A1 (en) * | 2012-04-05 | 2014-04-03 | Guangzhou Ucweb Computer Technology Co., Ltd | Webpage skin replacement method, apparatus, and mobile terminal |
| CN108121539A (en) * | 2016-11-28 | 2018-06-05 | 北京国双科技有限公司 | Component processing method and device |
| CN108572825A (en) * | 2018-05-28 | 2018-09-25 | 郑州悉知信息科技股份有限公司 | A kind of user interface process method, apparatus and equipment |
| CN109799988A (en) * | 2018-12-13 | 2019-05-24 | 深圳壹账通智能科技有限公司 | IOS page layout method, terminal device and computer readable storage medium |
| CN109885746A (en) * | 2019-01-17 | 2019-06-14 | 平安城市建设科技(深圳)有限公司 | Page Dynamic Distribution method, apparatus, equipment and storage medium |
-
2019
- 2019-08-27 CN CN201910804959.3A patent/CN110569034A/en not_active Withdrawn
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103294459A (en) * | 2012-02-29 | 2013-09-11 | 阿里巴巴集团控股有限公司 | Map activex generation method and device |
| US20140095977A1 (en) * | 2012-04-05 | 2014-04-03 | Guangzhou Ucweb Computer Technology Co., Ltd | Webpage skin replacement method, apparatus, and mobile terminal |
| CN108121539A (en) * | 2016-11-28 | 2018-06-05 | 北京国双科技有限公司 | Component processing method and device |
| CN108572825A (en) * | 2018-05-28 | 2018-09-25 | 郑州悉知信息科技股份有限公司 | A kind of user interface process method, apparatus and equipment |
| CN109799988A (en) * | 2018-12-13 | 2019-05-24 | 深圳壹账通智能科技有限公司 | IOS page layout method, terminal device and computer readable storage medium |
| CN109885746A (en) * | 2019-01-17 | 2019-06-14 | 平安城市建设科技(深圳)有限公司 | Page Dynamic Distribution method, apparatus, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107918666B (en) | Data synchronization method and system on block chain | |
| CN111241454B (en) | Method, system and device for generating webpage codes | |
| CN104035772A (en) | Static analysis based source code multi-versionfunction call relation difference identification method | |
| CN105528418B (en) | A kind of design documentation generation method and device | |
| CN110780897B (en) | Code changing method and device | |
| CN110231994B (en) | Memory analysis method, memory analysis device and computer readable storage medium | |
| CN104035754A (en) | XML (Extensible Markup Language)-based custom code generation method and generator | |
| CN114115883B (en) | Method for quickly constructing front-end application by using middle station service capability | |
| CN110502577B (en) | Method, equipment and medium for deploying container application by cloud management platform | |
| CN111068328A (en) | Game advertisement configuration table generation method, terminal device and medium | |
| CN111666100B (en) | Software framework generation method and device, electronic equipment and storage medium | |
| CN111857810A (en) | Front-end development file creating method and device and electronic equipment | |
| CN104834759A (en) | Realization method and device for electronic design | |
| CN102880690A (en) | Method for simplifying character library of electronic book, and processing device for electronic book | |
| CN101377737A (en) | Resource management apparatus of application system | |
| CN106708479A (en) | Page rendering method and device | |
| CN110502735B (en) | Method and system for quickly manufacturing universal process file of electronic equipment | |
| CN111078319B (en) | Configuration data management method, device, storage medium and computer readable medium | |
| CN112685409A (en) | PAAS application service topology generation method, device and readable storage medium | |
| CN110569034A (en) | Interface development method and device | |
| CN103678687A (en) | Project establishment method and device based on configuration system | |
| CN116414386A (en) | Plug-in development system and method based on VUE | |
| CN102779036B (en) | For the Software tool of automatic technology | |
| CN115964054A (en) | Application service deployment method and device | |
| CN111506306A (en) | Method and device for compiling Ansible script and electronic equipment |
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 | ||
| WW01 | Invention patent application withdrawn after publication | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20191213 |