CN114021058A - Front-end page style management method and device, computer equipment and storage medium - Google Patents
Front-end page style management method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN114021058A CN114021058A CN202111321290.6A CN202111321290A CN114021058A CN 114021058 A CN114021058 A CN 114021058A CN 202111321290 A CN202111321290 A CN 202111321290A CN 114021058 A CN114021058 A CN 114021058A
- Authority
- CN
- China
- Prior art keywords
- style
- instruction
- file
- management server
- project development
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
The invention provides a style management method of a front-end page, which comprises the following steps: receiving a project development completion instruction, and packaging codes compiled by developers in the process of project development according to the project development completion instruction to obtain a style file; sending the style file to a management server for storage; and receiving a version selection instruction, and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction. A style management device, computer equipment and storage medium of the front-end page are also provided. After each project development is completed, the codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is carried out on the basis of the obtained codes, thus greatly reducing the workload of the developers and improving the development efficiency and flexibility.
Description
Technical Field
The present invention relates to the technical field of front-end page development, and in particular, to a method and an apparatus for style management of a front-end page, a computer device, and a storage medium.
Background
In the field of internet, a front-end page is responsible for displaying various functional styles, and a developer can perform personalized development design according to project requirements when developing the project. In actual development, modification and adjustment are often performed on the functional styles, that is, multiple versions are formed in one project development.
However, in the prior art, the modified and adjusted new version would overwrite the old version; however, sometimes an old version is expected to be used based on project requirements, and when the difference between the old version to be used and the new version currently used is large, a developer needs to perform a large amount of development again, so that development efficiency and flexibility are poor.
Disclosure of Invention
Aiming at the defects in the prior art, the invention provides a front-end page style management method, a front-end page style management device, computer equipment and a storage medium.
In a first aspect, in an embodiment, the present invention provides a style management method for a front page, including:
receiving a project development completion instruction, and packaging codes compiled by developers in the process of project development according to the project development completion instruction to obtain a style file;
sending the style file to a management server for storage;
and receiving a version selection instruction, and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction.
In one embodiment, packing codes written by developers in a project development process according to a project development completion instruction to obtain a style file includes:
detecting style types in all pages;
determining a common style in all pages as a common style, and packaging the common style to obtain a common style file corresponding to all the pages;
and determining other styles except the common style in each page as the specific style of each page respectively, and packaging the specific styles of each page to obtain a plurality of specific style files corresponding to each page respectively.
In one embodiment, sending the style file to a management server for storage comprises:
the method comprises the steps that a public style file and a specific style file are named in a distinguishing mode, and the named public style file and the named specific style file are sent to the same subdirectory of a management server to be stored;
or respectively sending the public style files and the specific style files to different subdirectories of the management server for storage.
In an embodiment, before the step of sending the style file to the management server for storage, the style management method for the front-end page further includes:
and marking the corresponding version number for the style file.
In one embodiment, the version number includes a timestamp.
In an embodiment, before the step of receiving a project development completion instruction, the method for managing styles of a front-end page further includes:
and receiving an input instruction of a developer, and compiling codes according to the input instruction to realize project development.
In one embodiment, receiving an input instruction of a developer, and performing code writing according to the input instruction comprises the following steps:
receiving a code input instruction of a developer, and writing a direct code according to the code input instruction;
and receiving a calling input instruction of a developer, and calling a corresponding code module according to the calling input instruction to write indirect codes.
In a second aspect, in one embodiment, the present invention provides a style management apparatus for a front page, including:
the code packaging module is used for receiving the project development completion instruction and packaging codes compiled by developers in the project development process according to the project development completion instruction to obtain a style file;
the file sending module is used for sending the style file to the management server for storage;
and the version rollback module is used for receiving the version selection instruction and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction.
In a third aspect, in an embodiment, the present invention provides a computer device, including a memory and a processor, where the memory stores a computer program, and the computer program, when executed by the processor, causes the processor to execute the steps of the style management method for a front-end page in any one of the above embodiments.
In a fourth aspect, in an embodiment, the present invention provides a storage medium storing a computer program, which when executed by a processor, causes the processor to execute the steps of the style management method for a front-end page in any one of the above embodiments.
By the front-end page style management method and device, the computer equipment and the storage medium, after the project development of the front-end page is completed each time, the codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is carried out on the basis of the obtained codes, thus the workload of the developers is greatly reduced, and the development efficiency and flexibility are also improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Wherein:
FIG. 1 is a flowchart illustrating a style management method for a front-end page according to an embodiment of the present invention;
FIG. 2 is a schematic diagram illustrating a specific flow of packaging written code according to an embodiment of the present invention;
FIG. 3 is a flowchart illustrating a method for style management of a front-end page including a tag version number according to an embodiment of the present invention;
FIG. 4 is a flowchart illustrating a method for style management of a front-end page including a project development process according to an embodiment of the invention;
FIG. 5 is a detailed flow chart illustrating the writing of code according to an embodiment of the present invention;
FIG. 6 is a diagram illustrating an exemplary structure of a style management device for a front page according to an embodiment of the present invention;
fig. 7 is a schematic diagram of the internal structure of a computer device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the 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 invention.
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
In a first aspect, as shown in fig. 1, in an embodiment, the present invention provides a style management method for a front page, including:
and 102, receiving a project development completion instruction, and packaging codes written by developers in the project development process according to the project development completion instruction to obtain a style file.
The project development completion instruction may be a confirmation completion instruction input by a developer, a code saving instruction input by the developer, or a project commissioning instruction input by the developer. Confirming the completion instruction is based on the determination of the developer that the code is to be packaged and uploaded to the management server; the code saving instruction and the project commissioning instruction are related instructions which may appear in the development process of a developer, and usually indicate that the project development is completed, but exceptions still exist, so that the code saving instruction, the project commissioning instruction and the like can be automatically detected in order to avoid the situation that the developer forgets to input a confirmation completion instruction, and when the instructions are detected, the developer is defaulted to complete the project development and automatically packages the instructions.
And 104, sending the style file to a management server for storage.
The style files automatically packaged due to the code saving instruction and the project commissioning instruction can be temporarily stored in the local, if the confirmation completion instruction is not received subsequently, the style files temporarily stored in the local directory are uploaded to the management server to be stored, if the follow-up developer modifies the codes and inputs the confirmation completion instruction, the style files automatically packaged due to the confirmation completion instruction are uploaded to the management server, and the style files temporarily stored in the local are deleted.
Or, the style file automatically packaged due to the code saving instruction and the project commissioning instruction may be uploaded to the management server first, and if the confirmation completion instruction is not received subsequently, the process is ended, and if the follow-up developer modifies the code and inputs the confirmation completion instruction, the style file automatically packaged due to the confirmation completion instruction is uploaded to the management server, and the management server is notified to delete the style file automatically packaged due to the code saving instruction and the project commissioning instruction uploaded previously, thereby saving the storage space.
And 106, receiving a version selection instruction, and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction.
After the version selection instruction is uploaded to the management server, corresponding uploading record description is locally formed, a corresponding version selection frame is generated, when a developer needs to use a certain version, a corresponding version selection instruction is directly input based on the version selection frame, and therefore the style file of the corresponding version is automatically downloaded from the management server according to the version selection instruction. The developer can directly adopt the downloaded style file or slightly modify the style file on the basis of the downloaded style file.
By the front-end page style management method, after the project development of the front-end page is completed each time, the codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is carried out on the basis of the obtained codes, the workload of the developers is greatly reduced, and the development efficiency and flexibility are also improved.
As shown in fig. 2, in an embodiment, packing codes written by developers in a project development process according to a project development completion instruction to obtain a style file includes:
Each page is composed of a plurality of styles, namely, the smallest constituent unit in the page design.
And 204, determining a style common to all the pages as a common style, and packaging the common style to obtain a common style file corresponding to all the pages.
The method includes the steps that the same styles, such as inherent forms, frames and other styles, usually exist among all pages, so that in order to avoid too large data volume of packaging, the common styles in all the pages are determined to be common styles, only one corresponding common style file is obtained through packaging, and when the versions need to be used subsequently, the common style file is downloaded from a management server, and codes in the common style file are automatically copied to a development interface of each page.
In addition to the common style, each page has a corresponding distinct style, that is, the specific style in this example cannot be omitted, and all the specific styles must be packed, so as to obtain a plurality of specific style files corresponding to each page respectively.
The styles of all pages are scanned, a common public style is selected for packaging, and all distinguished specific styles are packaged, so that the packaged data volume is reduced and the uploading cost is reduced on the basis of ensuring the complete file content.
In one embodiment, sending the style file to a management server for storage comprises:
the method comprises the steps that a public style file and a specific style file are named in a distinguishing mode, and the named public style file and the named specific style file are sent to the same subdirectory of a management server to be stored;
or respectively sending the public style files and the specific style files to different subdirectories of the management server for storage.
If the public style files and the specific style files are named differently, only one subdirectory can be correspondingly opened up in the management server to store the public style files and the specific style files simultaneously; if the common style file and the specific style file are not named differently, at least two subdirectories are correspondingly needed in the management server to store the common style file and the specific style file respectively.
The specific mode can be determined according to actual requirements.
As shown in fig. 3, in an embodiment, before the step of sending the style file to the management server for storage, the style management method for the front-end page further includes:
The mark version number can facilitate subsequent indexing and downloading, and the efficiency is improved.
In one embodiment, the version number includes a timestamp.
Due to the uniqueness of the timestamp, the timestamp can be used as a version number to distinguish versions, can also visually know the development time corresponding to the versions, and is convenient for developers to operate.
As shown in fig. 4, in an embodiment, before the step of receiving a project development completion instruction, the method for managing styles of a front-end page further includes:
and 402, receiving an input instruction of a developer, and compiling codes according to the input instruction to realize project development.
Vue (a front-end framework based on JavaScript, which is a common technical framework) can be adopted to build the project framework.
Vue, the development efficiency can be improved.
As shown in fig. 5, in one embodiment, receiving an input instruction of a developer, and performing code writing according to the input instruction includes:
and 502, receiving a code input instruction of a developer, and writing direct codes according to the code input instruction.
The code input instruction refers to that a developer directly inputs a corresponding specific code through external equipment such as a keyboard, a mouse and the like.
And step 504, receiving a call input instruction of a developer, and calling a corresponding code module according to the call input instruction to write indirect codes.
Before project development is carried out, a corresponding code module library can be introduced into a project development process, the code module library comprises various code modules, and each code module corresponds to code content of one type, so that developers can select the corresponding code module in the code module library to improve development efficiency.
The code module library may be an elementUI (a component library of front-end pages, which provides rich component styles).
In one embodiment, the management server comprises a cloud-based internet server or a local area network server.
In a second aspect, as shown in fig. 6, in an embodiment, the present invention provides a style management apparatus for a front page, including:
the code packaging module 602 is configured to receive a project development completion instruction, and package a code written by a developer in a project development process according to the project development completion instruction to obtain a style file;
a file sending module 604, configured to send the style file to the management server for storage;
and the version rollback module 606 is configured to receive the version selection instruction, and obtain the style file of the corresponding version sent by the management server according to the version selection instruction.
By the style management device of the front-end page, after the project development of the front-end page is completed each time, the codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is carried out on the basis of the obtained codes, the workload of the developers is greatly reduced, and the development efficiency and flexibility are also improved.
In one embodiment, the code packaging module is specifically configured to detect style types in all pages; determining a common style in all pages as a common style, and packaging the common style to obtain a common style file corresponding to all the pages; and determining other styles except the common style in each page as the specific style of each page respectively, and packaging the specific styles of each page to obtain a plurality of specific style files corresponding to each page respectively.
In one embodiment, the file sending module is specifically configured to name the public style file and the specific style file differently, and send the named public style file and specific style file to the same subdirectory of the management server for storage; or respectively sending the public style files and the specific style files to different subdirectories of the management server for storage.
In one embodiment, the style management apparatus for a front page further includes:
and the version marking module is used for marking the version number corresponding to the style file after the step of sending the style file to the management server for storage.
In one embodiment, the version number includes a timestamp.
In one embodiment, the style management apparatus for a front page further includes:
and the project development module is used for receiving an input instruction of a developer before the step of receiving a project development completion instruction, and compiling codes according to the input instruction to realize project development.
In one embodiment, the project development module is specifically configured to receive a code input instruction of a developer, and perform direct code writing according to the code input instruction; and receiving a calling input instruction of a developer, and calling a corresponding code module according to the calling input instruction to write indirect codes.
In a third aspect, as shown in fig. 7, in one embodiment, the present invention provides a computer device, including a memory and a processor, where the memory stores a computer program, and the computer program, when executed by the processor, causes the processor to execute the steps of the style management method for a front-end page in any of the above embodiments.
By the aid of the computer equipment, after the project development of the front-end page is completed each time, codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is performed on the basis of the obtained codes, so that the workload of the developers is greatly reduced, and the development efficiency and flexibility are improved.
In a fourth aspect, in an embodiment, the present invention provides a storage medium storing a computer program, which when executed by a processor, causes the processor to execute the steps of the style management method for a front-end page in any one of the above embodiments.
By the storage medium, after the project development of the front-end page is completed each time, the codes written by developers are automatically packaged and sent to the corresponding management server for storage, and the codes stored in the management server can be directly read subsequently, so that expected codes are directly obtained under the condition of not writing, or corresponding modification or adjustment is carried out on the basis of the obtained codes, thus the workload of the developers is greatly reduced, and the development efficiency and flexibility are also improved.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a non-volatile computer-readable storage medium, and can include the processes of the embodiments of the methods described above when the program is executed. Any reference to memory, storage, databases, or other media used in embodiments provided herein may include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above examples are merely illustrative of several embodiments of the present invention, and the description thereof is more specific and detailed, but not to be construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the inventive concept, which falls within the scope of the present invention. Therefore, the protection scope of the present invention should be subject to the appended claims.
Claims (10)
1. A style management method for a front-end page is characterized by comprising the following steps:
receiving a project development completion instruction, and packaging codes compiled by developers in the process of project development according to the project development completion instruction to obtain a style file;
sending the style file to a management server for storage;
and receiving a version selection instruction, and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction.
2. The front-end page style management method of claim 1, wherein the step of packaging the code written by the developer in the project development process according to the project development completion instruction to obtain a style file comprises:
detecting style types in all pages;
determining a common style in all pages as a common style, and packaging the common style to obtain a common style file corresponding to all the pages;
and respectively determining other styles except the public style in each page as a specific style of each page, and packaging the specific styles of each page to obtain a plurality of specific style files respectively corresponding to each page.
3. The front-end page style management method of claim 2, wherein sending the style file to a management server for storage comprises:
the public style files and the specific style files are named differently, and the named public style files and the named specific style files are sent to the same subdirectory of the management server to be stored;
or respectively sending the public style file and the specific style file to different subdirectories of the management server for storage.
4. The method for style management of a front-end page of claim 1, wherein prior to the step of sending the style file to a management server for storage, further comprising:
and marking the corresponding version number of the style file.
5. The front-end page style management method of claim 4, wherein the version number includes a timestamp.
6. The style management method for a front end page according to claim 1, further comprising, before the step of receiving a project development completion instruction:
receiving an input instruction of a developer, and compiling codes according to the input instruction to realize project development.
7. The front-end page style management method of claim 6, wherein the receiving an input instruction of a developer and performing code writing according to the input instruction comprises:
receiving a code input instruction of a developer, and writing a direct code according to the code input instruction;
receiving a calling input instruction of a developer, and calling a corresponding code module according to the calling input instruction to write indirect codes.
8. A style management apparatus for a front end page, comprising:
the code packaging module is used for receiving a project development completion instruction and packaging codes compiled by developers in the project development process according to the project development completion instruction to obtain a style file;
the file sending module is used for sending the style file to a management server for storage;
and the version backspacing module is used for receiving a version selection instruction and acquiring the style file of the corresponding version sent by the management server according to the version selection instruction.
9. A computer device comprising a memory and a processor, the memory having stored thereon a computer program, characterized in that the computer program, when executed by the processor, causes the processor to carry out the steps of the method for style management of front end pages as claimed in any one of claims 1 to 7.
10. A storage medium storing a computer program, wherein the computer program, when executed by a processor, causes the processor to perform the steps of the style management method for front end pages as claimed in any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111321290.6A CN114021058A (en) | 2021-11-09 | 2021-11-09 | Front-end page style management method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111321290.6A CN114021058A (en) | 2021-11-09 | 2021-11-09 | Front-end page style management method and device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114021058A true CN114021058A (en) | 2022-02-08 |
Family
ID=80063368
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111321290.6A Pending CN114021058A (en) | 2021-11-09 | 2021-11-09 | Front-end page style management method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114021058A (en) |
-
2021
- 2021-11-09 CN CN202111321290.6A patent/CN114021058A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109800154B (en) | Test data loading method and device, computer equipment and storage medium | |
| CN109032631B (en) | Application program patch package obtaining method and device, computer equipment and storage medium | |
| CN107783770B (en) | Page configuration updating method, device, server and medium | |
| CN102346780B (en) | The acquisition methods of web page address and acquisition device | |
| CN108984612B (en) | Method and device for acquiring target SQL statement, computer equipment and storage medium | |
| CN104750679B (en) | Resource loading method in webpage document editor | |
| CN111414377B (en) | Method, device and storage medium for processing structured query statement | |
| CN111813630A (en) | Method and device for collecting log information and computer equipment | |
| CN113010169A (en) | Method and apparatus for converting UI diagram into code file | |
| CN106874173B (en) | Page template testing method and device | |
| CN113721973A (en) | Configuration file generation method, device, equipment and medium | |
| CN114021058A (en) | Front-end page style management method and device, computer equipment and storage medium | |
| CN113485746B (en) | Method and device for generating application program interface document | |
| CN112100126B (en) | Excel file-based picture storage and content display method and device | |
| CN111367512B (en) | Method and device for creating Android library module dependency relationship in application development | |
| CN114168875A (en) | Page program generation method and device, computer equipment and storage medium | |
| CN113282300A (en) | Volume optimization method, device, equipment and storage medium for application installation package | |
| CN115705297A (en) | Code call detection method, device, computer equipment and storage medium | |
| CN110554867B (en) | Application processing method and device | |
| CN112148581A (en) | Code specification checking method, device, system and storage medium | |
| CN115220970B (en) | Method and device for positioning memory leakage, computer equipment and storage medium | |
| CN110045985B (en) | Targetlink model calibration parameter setting method, device, equipment and medium | |
| CN117193723A (en) | Front-end route file generation method and device, storage medium and electronic equipment | |
| CN115016799A (en) | Incremental deployment method, apparatus, device, medium, and program product | |
| CN112817632A (en) | Interactive page packaging method and device |
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 |