CN107329747A - A kind of method and device for generating multi-threaded pattern - Google Patents
A kind of method and device for generating multi-threaded pattern Download PDFInfo
- Publication number
- CN107329747A CN107329747A CN201710471693.6A CN201710471693A CN107329747A CN 107329747 A CN107329747 A CN 107329747A CN 201710471693 A CN201710471693 A CN 201710471693A CN 107329747 A CN107329747 A CN 107329747A
- Authority
- CN
- China
- Prior art keywords
- variable
- value
- files
- module parameter
- module
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiments of the invention provide a kind of method and device for generating multi-threaded pattern, applied to Internet technical field, methods described includes：The variable attribute variable in sass files is determined, variable attribute variable is presented to user in the form of display interface, wherein, variable attribute variable is used for the page layout for determining the topic style page to be generated；The value of module parameter in display interface is obtained, the value of module parameter is assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set；Sass files are compiled by default script, css files are generated；Css files are stored, the corresponding topic style of css files is obtained.The method of the multi-threaded pattern of generation of the embodiment of the present invention can be configured according to the preference of user, and the topic style for making user's selection abundant, while flexibility of the present invention is high, can reduce a large amount of repetitive operations.
Description
Technical field
The present invention relates to Internet technical field, more particularly to a kind of method and device for generating multi-threaded pattern.
Background technology
With the development of Internet technology, front-end technology development, which updates, increasingly to be accelerated, especially in recent years HTML5
The development of (HyperText Markup Language 5, the 5th generation HyperText Markup Language) technology so that HTML5 is whole
Individual internet world bursts forth brilliance.In front-end technology, css (Cascading Style Sheets, CSS) is one
Plant and be used for showing HTML (application of standard generalized markup language) or XML (a subset of standard generalized markup language) etc.
The computer language of file pattern.Css not only can statically modified web page, various scripts can also be coordinated dynamically right
Webpage each element is formatted.
With the popularization of social network sites, user also increasingly increases the individual demand of webpage, the multi-threaded selection of webpage,
The function such as self-defined is even more too numerous to enumerate.However, the method for the existing multi-threaded pattern of generation is, it is necessary to each topic style
One style file is generated, and a set of corresponding icon background is designed to each topic style.Therefore, existing life
Method flexibility into multi-threaded pattern is not high.
The content of the invention
The purpose of the embodiment of the present invention is to provide a kind of method and device for generating multi-threaded pattern, many to improve generation
The flexibility of topic style.Concrete technical scheme is as follows：
The embodiments of the invention provide a kind of method for generating multi-threaded pattern, including：
The variable attribute variable in sass files is determined, the variable attribute variable is presented in the form of display interface
User, wherein, the variable attribute variable is used for the page layout for determining the topic style page to be generated；
The value of module parameter in the display interface is obtained, the value of the module parameter is assigned to the module parameter correspondence
Variable attribute variable, wherein, the value of the module parameter is that the user is set；
The sass files are compiled by default script, css files are generated；
The css files are stored, the corresponding topic style of the css files is obtained.
Optionally, in the storage css files, before obtaining the corresponding topic style of the css files, the side
Method also includes：
The css files are imported into the topic style page to be generated, preview page is generated.
Optionally, after the generation preview page, methods described also includes：
Step A, when receiving the operational order that the user modifies to the preview page, performs step successively
B, step C and step D, step E：
Step B, is presented the display interface to the user；
Step C, obtains the value of module parameter in the display interface, and the value of the module parameter is assigned into the module joins
The corresponding variable attribute variable of number, wherein, the value of the module parameter is the amended value of the user；
Step D, is compiled to the sass files by the default script, regenerates css files；
Step E, imports the topic style page to be generated by the css files, regenerates preview page；
When the preview page is not target topic pattern, performs the reception user and the preview page is repaiied
The step of operational order changed, return to step A, until the preview page is target topic pattern.
Optionally, the value for obtaining module parameter in the display interface, the value of the module parameter is assigned to described
The corresponding variable attribute variable of module parameter, including：
The value of the module parameter is obtained by the JavaScript script files write in advance, by the module parameter
Value is assigned to the corresponding variable attribute variable of the module parameter.
Optionally, the sass files are to define what the variable attribute variable was generated by writing sass.
The embodiment of the present invention additionally provides a kind of device for generating multi-threaded pattern, including：
Module is presented in interface, for determining the variable attribute variable in sass files, by the variable attribute variable with aobvious
Show that the form at interface is presented to user, wherein, the variable attribute variable is used for the page for determining the topic style page to be generated
Layout；
Variable attribute variable assignments module, the value for obtaining module parameter in the display interface, the module is joined
Several values is assigned to the corresponding variable attribute variable of the module parameter, wherein, the value of the module parameter is that the user is set
's；
Css file generating modules, for being compiled by default script to the sass files, generate css files；
Topic style generation module, for storing the css files, obtains the corresponding topic style of the css files.
Optionally, the device of the multi-threaded pattern of generation of the embodiment of the present invention, in addition to：
Preview page generation module, for the css files to be imported into the topic style page to be generated, generates preview
The page.
Optionally, the device of the multi-threaded pattern of generation of the embodiment of the present invention, in addition to：
Preview page update module, the operational order that the user modifies to the preview page is received for working as
When, the display interface is presented to the user；The value of module parameter in the display interface is obtained, by the module parameter
Value is assigned to the corresponding variable attribute variable of the module parameter, wherein, the value of the module parameter is amended for the user
Value；The sass files are compiled by the default script, css files are regenerated；The css files are imported into institute
The topic style page to be generated is stated, preview page is regenerated；
Command reception module is changed, for when the preview page is not target topic pattern, performing and receiving described use
The operational order that family is modified to the preview page, realizes the function of the preview page update module, until described pre-
The page of looking at is target topic pattern.
Optionally, the variable attribute variable assignments module is specifically for passing through the JavaScript scripts write in advance
The value of module parameter described in file acquisition, is assigned to the corresponding variable attribute of the module parameter by the value of the module parameter and becomes
Amount.
Optionally, the sass files are to define what the variable attribute variable was generated by writing sass.
The embodiment of the present invention additionally provides a kind of electronic equipment, including：Processor, communication interface, memory and communication are total
Line, wherein, processor, communication interface, memory complete mutual communication by communication bus；
Memory, for depositing computer program；
Processor, for performing during the program deposited on memory, realizes any of the above-described described multi-threaded sample of generation
The method of formula.
The embodiment of the present invention additionally provides a kind of computer-readable recording medium, the computer-readable recording medium internal memory
Computer program is contained, the computer program realizes any of the above-described described generation multi-threaded pattern when being executed by processor
Method.
The method and device of the multi-threaded pattern of generation provided in an embodiment of the present invention, it is variable in sass files by determining
Attribute variable, user is presented to by variable attribute variable in the form of display interface；The value of module parameter in display interface is obtained,
The value of module parameter is assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set；It is logical
Cross default script to be compiled sass files, generate css files；Css files are stored, the corresponding theme sample of css files is obtained
Formula.The embodiment of the present invention allows user to be configured according to personal like to topic style in the form of display interface, uses
The abundant topic style of family selection.Certainly, implementing any product or method of the present invention must be not necessarily required to while reaching the above
Described all advantages.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
There is the accompanying drawing used required in technology description to be briefly described, it should be apparent that, drawings in the following description are only this
Some embodiments of invention, for those of ordinary skill in the art, on the premise of not paying creative work, can be with
Other accompanying drawings are obtained according to these accompanying drawings.
Fig. 1 is a kind of flow chart of the method for the multi-threaded pattern of generation of the embodiment of the present invention；
Fig. 2 is the page layout structure figure of the embodiment of the present invention；
Fig. 3 is the display interface structure chart of the embodiment of the present invention.
Fig. 4 is another flow chart of the method for the multi-threaded pattern of generation of the embodiment of the present invention；
Fig. 5 is another flow chart of the method for the multi-threaded pattern of generation of the embodiment of the present invention；
Fig. 6 is the structure chart of the device of the multi-threaded pattern of generation of the embodiment of the present invention；
Fig. 7 is the structure chart of the electronic equipment of the embodiment of the present invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Site preparation is described, it is clear that described embodiment is only a part of embodiment of the invention, rather than whole embodiments.It is based on
Embodiment in the present invention, it is every other that those of ordinary skill in the art are obtained under the premise of creative work is not made
Embodiment, belongs to the scope of protection of the invention.
The problem of in order to solve to generate multi-threaded flexibility in styling not high in the prior art, the embodiments of the invention provide one
The method and device of the multi-threaded pattern of generation is planted, to improve the flexibility for generating multi-threaded pattern.Wherein, the embodiment of the present invention
The executive agent for generating each step in the method for multi-threaded pattern can be the server for generating multi-threaded pattern.Lower kept man of a noblewoman
The method of the multi-threaded pattern of generation first provided the embodiment of the present invention describes in detail.
Referring to Fig. 1, Fig. 1 for the method for the multi-threaded pattern of generation of the embodiment of the present invention a kind of flow chart, it is including following
Step：
S101, determines the variable attribute variable in sass files, and variable attribute variable is presented in the form of display interface
To user, wherein, variable attribute variable is used for the page layout for determining the topic style page to be generated.
In the embodiment of the present invention, sass is that a very outstanding css locates language in advance, and sass can simplify css work
Stream, makes developer be more prone to exploitation, safeguards css patterns.Sass is based on ruby language, has used some Object--oriented methods
To write css, functions such as " variables ", " hybrid parameter ", " nesting " and " selector succession " is introduced.Sass can be largely
Ground improves the flexibility of multi-threaded pattern generation, portability, and simplifies, reduction modification relevance and complexity.By
Some class name of dynamic modification css files is become possible in sass, on this basis, the embodiment of the present invention can be according to user
Demand, plans the page layout of the topic style page to be generated in advance.
For example, page layout includes：Navigation, menu, theme framework, title, list, prompt message and pop-up etc., according to
The page layout writes sass files, defines variable attribute variable.Wherein, variable attribute variable includes：Text color, background face
Color, sideline width, sideline color, font and font size etc., variable attribute variable, which can be changed dynamically, generates different css files,
And show different topic styles.
For example, the page layout planned in advance is reference can be made to Fig. 2, Fig. 2 are the page layout structure of the embodiment of the present invention
Figure.Variable attribute variable is defined by writing sass, variable attribute variable includes：
Head background headBg；
Menu background menuBg；
Menu font size menuFontSize；
Menu font color menuFontColor；
Main body module sideline width blockBorderWidth；
Main body module sideline color blockBorderColor；
Main body module title font size bTitleFontSize；
Main body module Header font color bTitleFontColor；
Main body module title sideline width bTitleBorderWidth；
Main body module title sideline color bTitleBorderColor；
Sidebar module sideline width sideBorderWidth；
Sidebar sideline color sideBorderColor；
Sidebar title font size sTitleFontSize；
Sidebar Header font color sTitleFontColor.
Wherein, above-mentioned variable attribute variable can be such that user is configured according to personal like.If deposited in page layout
In non-variables, for example, fillet, gradual change, projection etc., directly can be write non-variables as css files by css3.Certainly, in Fig. 2
Variable attribute variable be only one kind in page layout, user can set other more kinds of variable category according to personal like
Property variable, is not limited herein.
In the embodiment of the present invention, sass files are to define what variable attribute variable was generated by writing sass.Due to above-mentioned
Variable attribute variable is the variable in sass files, and sass is that css locates language in advance, general, for user, user is not
Assignment operation directly can be carried out to the variable in sass files, therefore, in the embodiment of the present invention, by variable attribute variable with aobvious
Show that the form at interface is presented to user, so, user can carry out assignment by display interface to variable attribute variable.
S102, obtains the value of module parameter in display interface, the value of module parameter is assigned into module parameter corresponding variable
Attribute variable, wherein, the value of module parameter is that user is set.
Specifically, display interface is presented to after user, user can be in display interface to the module in display interface
Parameter carries out assignment.Wherein, the variable attribute variable in display interface in module parameter and sass files be it is one-to-one,
That is, correspondingly, variable attribute variable will be presented in how many variable attribute variable in sass files in display interface
Corresponding module parameter.Referring to Fig. 3, Fig. 3 is the display interface structure chart of the embodiment of the present invention.In the display interface, user
Assignment directly can be carried out to module parameter.Wherein, for the setting of color, the embodiment of the present invention introduces abundant color choosings
Select device to be selected for user, the interface color for the topic style that will be generated more is enriched.For example, the menu back of the body in Fig. 3
The color of scenery, column name sideline color and column name text color, which is set, includes black box option in frame, when user clicks on
After the black box option, the display interface will eject color options frame and be selected for user, and the color options frame can be use
Family provides abundant color, and certainly, color options frame is simultaneously not shown in FIG. 3.
Optionally, by the value for the JavaScript script file acquisition module parameters write in advance, by module parameter
Value is assigned to the corresponding variable attribute variable of module parameter.
Specifically, after user sets module parameter, server can obtain the value of module parameter in display interface.
For example, the name attributes of the input of menu background color shown in Fig. 3 are menuBg, when user submits the module parameter set in Fig. 3
Afterwards, server can get the value of menu background color by name attributes, i.e. menuBg.That is, JavaScript pin
This document can obtain the value of module parameter by name attributes, and it is corresponding variable that the value of module parameter is assigned into module parameter
Attribute variable.
S103, is compiled to sass files by default script, generates css files.
In the embodiment of the present invention, the value of module parameter in display interface is obtained by S102, can be by the value of module parameter
The corresponding variable attribute variable of module parameter is assigned to, sass files are obtained.Sass files can be * .scss, and default script can be with
For：Sass*.scss*.css, * are the filename of sass files.Catalogue where ruby order lines are switched into scss files, holds
The default script of row is compiled to sass files, is css files by sass file translations, you can generation css files.
S104, stores css files, obtains the corresponding topic style of css files.
It should be noted that because css files can be used for making html page, after generation css files, by css
File is stored, you can obtain the corresponding topic style of css files.
The method of the multi-threaded pattern of generation provided in an embodiment of the present invention, by determining that the variable attribute in sass files becomes
Amount, user is presented to by variable attribute variable in the form of display interface；The value of module parameter in display interface is obtained, by module
The value of parameter is assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set；By default
Script is compiled to sass files, generates css files；Css files are stored, the corresponding topic style of css files is obtained.This hair
Bright embodiment allows user to be configured according to personal like to topic style in the form of display interface.
Fig. 4 is another flow chart of the method for the multi-threaded pattern of generation of the embodiment of the present invention, is comprised the following steps：
S401, determines the variable attribute variable in sass files, and variable attribute variable is presented in the form of display interface
To user, wherein, variable attribute variable is used for the page layout for determining the topic style page to be generated.
S402, obtains the value of module parameter in display interface, the value of module parameter is assigned into module parameter corresponding variable
Attribute variable, wherein, the value of module parameter is that user is set.
S403, is compiled to sass files by default script, generates css files.
S404, the topic style page to be generated is imported by css files, generates preview page.
In the embodiment of the present invention, after generation css files, css files can be imported the topic style page to be generated,
Generate preview page.So, user can check user-defined topic style.If user is to the menu text in preview page
The patterns such as word color, menu background color, column name text color, column name word size are satisfied with, and can be performed S405, be obtained
The corresponding topic style of css files.If user is dissatisfied to preview page, user can reset the module ginseng in Fig. 3
Number, untill obtaining satisfied topic style.The method that module parameter is reset will be hereafter described in detail, herein
Repeat no more.
S405, stores css files, obtains the corresponding topic style of css files.
The method of the multi-threaded pattern of generation provided in an embodiment of the present invention, by determining that the variable attribute in sass files becomes
Amount, user is presented to by variable attribute variable in the form of display interface；The value of module parameter in display interface is obtained, wherein,
The value of module parameter is that user is set；The value of module parameter is assigned to the corresponding variable attribute variable of module parameter, by pre-
If script is compiled to sass files, css files are generated.Css files are imported into the topic style page to be generated, preview is generated
The page.So, user can carry out preview to the topic style that will be obtained.Css files are stored, css files are obtained corresponding
Topic style.The embodiment of the present invention allows user to be set according to personal like to topic style in the form of display interface
Put.
Fig. 5 is another flow chart of the method for the multi-threaded pattern of generation of the embodiment of the present invention, in the base of Fig. 4 embodiments
On plinth, between S404 and S405, it can also comprise the following steps：
S501, judges whether to receive the operational order that user modifies to preview page, if receiving user couple
The operational order that preview page is modified, performs S502, S503, S504 and S505 successively：
S502, is presented display interface to user.
S503, obtains the value of module parameter in display interface, the value of module parameter is assigned into module parameter corresponding variable
Attribute variable, wherein, the value of module parameter is the amended value of user.
S504, is compiled to sass files by default script, regenerates css files.
S505, imports the topic style page to be generated by css files, regenerates preview page.
After preview page is regenerated, user judges whether preview page is target topic pattern, so that it is determined that being
It is no to send the operational order modified to preview page.S501 is returned to, until preview page is target topic pattern, i.e. use
Family does not retransmit the operational order modified to preview page, and flow terminates.
In the embodiment of the present invention, when user is dissatisfied to the preview page of generation, that is, preview page is not target
During topic style, server can receive the operational order that user modifies to preview page, so perform S502, S503,
S504 and S505.Also, when user is dissatisfied to preview page, S502, S503, S504 and S505 can be repeated, directly
Untill customer satisfaction system topic style is obtained.
As can be seen that the value of module parameter is that the value of module parameter in the initial value that user is set, S503 is to use in S402
The amended value in family.But, the method that S503, S504 and S505 are performed with S402, S403 and S404 in Fig. 4 embodiments respectively
It is identical.Because the S402 and S403 in Fig. 4 embodiments are identical with the S102 and S103 in Fig. 1 embodiments respectively, therefore, in Fig. 1
All embodiments be applied to Fig. 4 and Fig. 5, and can reach same or analogous beneficial effect, will not be repeated here.
It can be seen that, the method for the multi-threaded pattern of generation provided in an embodiment of the present invention is variable in sass files by determining
Attribute variable, user is presented to by variable attribute variable in the form of display interface；The value of module parameter in display interface is obtained,
The value of module parameter is assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set；It is logical
Cross default script to be compiled sass files, generate css files；Css files are imported into the topic style page to be generated, generation
Preview page.When user is dissatisfied to preview page, the modification operational order of user is received, display interface is presented to again
User, makes user modify the module parameter in display interface, and then regenerates css files and preview page.With
When family is satisfied with to preview page, css files are stored, the corresponding topic style of css files is obtained.The embodiment of the present invention need not pair
Each topic style designs a set of corresponding icon background, it is not necessary to which writing excessive front-end template can but generate
A variety of topic styles, therefore, the method that the embodiment of the present invention generates multi-threaded pattern have higher flexibility.
Corresponding to above method embodiment, the embodiment of the invention also discloses a kind of device for generating multi-threaded pattern, ginseng
See Fig. 6, including：
Module 601 is presented in interface, for determining the variable attribute variable in sass files, by variable attribute variable to show
The form at interface is presented to user, wherein, variable attribute variable is used for the page layout for determining the topic style page to be generated.
Variable attribute variable assignments module 602, the value for obtaining module parameter in the display interface, by module parameter
Value be assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set.
Css file generating modules 603, for being compiled by default script to sass files, generate css files.
Topic style generation module 604, for storing css files, obtains the corresponding topic style of css files.
The device of the multi-threaded pattern of generation provided in an embodiment of the present invention, by determining that the variable attribute in sass files becomes
Amount, user is presented to by variable attribute variable in the form of display interface；The value of module parameter in display interface is obtained, by module
The value of parameter is assigned to the corresponding variable attribute variable of module parameter, wherein, the value of module parameter is that user is set；By default
Script is compiled to sass files, generates css files；Css files are stored, the corresponding topic style of css files is obtained.This hair
Bright embodiment allows user to be configured according to personal like to topic style in the form of display interface.
It should be noted that the device of the embodiment of the present invention is the device of the method using the multi-threaded pattern of above-mentioned generation,
Then all embodiments of the method for the multi-threaded pattern of above-mentioned generation are applied to the device, and can reach same or analogous have
Beneficial effect.
Optionally, the device of the multi-threaded pattern of generation of the embodiment of the present invention, in addition to：
Preview page generation module, for css files to be imported into the topic style page to be generated, generates preview page.
Preview page update module, for when receiving the operational order that user modifies to preview page, presenting
Display interface is to user；The value of module parameter in display interface is obtained, the value of module parameter is assigned into module parameter is corresponding can
Become attribute variable, wherein, the value of module parameter is the amended value of user；Sass files are compiled by default script,
Regenerate css files；Css files are imported into the topic style page to be generated, preview page is regenerated.
Command reception module is changed, for when preview page is not target topic pattern, performing and receiving user to preview
The operational order that the page is modified, realizes the function of preview page update module, until preview page is target topic pattern.
Optionally, in the device of the multi-threaded pattern of generation of the embodiment of the present invention, variable attribute variable assignments module 602 has
Body is used for, and by the value for the JavaScript script file acquisition module parameters write in advance, the value of module parameter is assigned into mould
The corresponding variable attribute variable of block parameter.
Optionally, in the device of the multi-threaded pattern of generation of the embodiment of the present invention, sass files are to be determined by writing sass
Adopted variable attribute variable generation.
The embodiment of the present invention additionally provides a kind of electronic equipment, referring to Fig. 7, and Fig. 7 is the electronic equipment of the embodiment of the present invention
Structure chart, including：Processor 701, communication interface 702, memory 703 and communication bus 704, wherein, it is processor 701, logical
Letter interface 702, memory 703 complete mutual communication by communication bus 704；
Memory 703, for depositing computer program；
Processor 701, for performing during the program deposited on memory 703, is realized any described in above-described embodiment
Message transmitting method.
It should be noted that the communication bus 704 that above-mentioned electronic equipment is mentioned can be PCI (Peripheral
Component Interconnect, Peripheral Component Interconnect standard) bus or EISA (Extended Industry Standard
Architecture, EISA) bus etc..The communication bus 704 can be divided into address bus, data/address bus,
Controlling bus etc..For ease of representing, only represented in Fig. 7 with a thick line, it is not intended that only one bus or a type
Bus.
The communication that communication interface 702 is used between above-mentioned electronic equipment and other equipment.
Memory 703 can include RAM (Random Access Memory, random access memory), can also include
Nonvolatile memory (non-volatile memory), for example, at least one magnetic disk storage.Optionally, memory may be used also
To be storage device that at least one is located remotely from aforementioned processor.
Above-mentioned processor 701 can be general processor, including：CPU, NP are (at Network Processor, network
Manage device) etc.；It can also be DSP (Digital Signal Processing, digital signal processor), ASIC
(Application Specific Integrated Circuit, application specific integrated circuit), FPGA (Field-
Programmable Gate Array, field programmable gate array) or other PLDs, discrete gate or crystalline substance
Body pipe logical device, discrete hardware components.
As seen from the above, in the electronic equipment of the embodiment of the present invention, the journey that processor is deposited by performing on memory
Sequence, so as to by determining the variable attribute variable in sass files, be in the form of display interface by variable attribute variable
Now give user；The value of module parameter in display interface is obtained, the value of module parameter is assigned to the corresponding variable attribute of module parameter
Variable, wherein, the value of module parameter is that user is set；Sass files are compiled by default script, generation css texts
Part；Css files are imported into the topic style page to be generated, preview page is generated.When user is dissatisfied to preview page, receive
The modification operational order of user, user is presented to by display interface again, user is carried out the module parameter in display interface
Modification, and then regenerate css files and preview page.When user is satisfied with to preview page, css files are stored, css is obtained
The corresponding topic style of file.The embodiment of the present invention can make user repeatedly change module parameter, until being satisfied with
Topic style untill, the method that the embodiment of the present invention generates multi-threaded pattern has higher flexibility.
The embodiment of the present invention additionally provides a kind of computer-readable recording medium, and computer-readable recording medium internal memory is contained
Computer program, realizes any described message transmitting method in above-described embodiment when computer program is executed by processor.
It should be noted that herein, such as first and second or the like relational terms are used merely to a reality
Body or operation make a distinction with another entity or operation, and not necessarily require or imply these entities or deposited between operating
In any this actual relation or order.Moreover, term " comprising ", "comprising" or its any other variant are intended to
Nonexcludability is included, so that process, method, article or equipment including a series of key elements not only will including those
Element, but also other key elements including being not expressly set out, or also include being this process, method, article or equipment
Intrinsic key element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that
Also there is other identical element in process, method, article or equipment including the key element.
Each embodiment in this specification is described by the way of related, identical similar portion between each embodiment
Divide mutually referring to what each embodiment was stressed is the difference with other embodiment.Especially for device,
For electronic equipment and computer-readable recording medium embodiment, because it is substantially similar to embodiment of the method, so description
Fairly simple, the relevent part can refer to the partial explaination of embodiments of method.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the scope of the present invention.It is all
Any modification, equivalent substitution and improvements made within the spirit and principles in the present invention etc., are all contained in protection scope of the present invention
It is interior.
Claims (10)
1. a kind of method for generating multi-threaded pattern, it is characterised in that including：
The variable attribute variable in sass files is determined, the variable attribute variable is presented to use in the form of display interface
Family, wherein, the variable attribute variable is used for the page layout for determining the topic style page to be generated；
The value of module parameter in the display interface is obtained, the value of the module parameter is assigned into the module parameter is corresponding can
Become attribute variable, wherein, the value of the module parameter is that the user is set；
The sass files are compiled by default script, css files are generated；
The css files are stored, the corresponding topic style of the css files is obtained.
2. the method for the multi-threaded pattern of generation according to claim 1, it is characterised in that in the storage css texts
Part, is obtained before the corresponding topic style of the css files, methods described also includes：
The css files are imported into the topic style page to be generated, preview page is generated.
3. the method for the multi-threaded pattern of generation according to claim 2, it is characterised in that the generation preview page it
Afterwards, methods described also includes：
Step A, when receiving the operational order that the user modifies to the preview page, performs step B, step successively
Rapid C and step D, step E：
Step B, is presented the display interface to the user；
Step C, obtains the value of module parameter in the display interface, the value of the module parameter is assigned into the module parameter pair
The variable attribute variable answered, wherein, the value of the module parameter is the amended value of the user；
Step D, is compiled to the sass files by the default script, regenerates css files；
Step E, imports the topic style page to be generated by the css files, regenerates preview page；
When the preview page is not target topic pattern, performs and receive what the user modified to the preview page
The step of operational order, return to step A, until the preview page is target topic pattern.
4. the method for the multi-threaded pattern of generation according to claim 1, it is characterised in that the acquisition display interface
The value of middle module parameter, the corresponding variable attribute variable of the module parameter is assigned to by the value of the module parameter, including：
The value of the module parameter is obtained by the JavaScript script files write in advance, the value of the module parameter is assigned
Give the module parameter corresponding variable attribute variable.
5. the method for the multi-threaded pattern of generation according to claim any one of 1-4, it is characterised in that the sass files
To define what the variable attribute variable was generated by writing sass.
6. a kind of device for generating multi-threaded pattern, it is characterised in that including：
Module is presented in interface, for determining the variable attribute variable in sass files, by the variable attribute variable to show boundary
The form in face is presented to user, wherein, the variable attribute variable is used for the page layout for determining the topic style page to be generated；
Variable attribute variable assignments module, the value for obtaining module parameter in the display interface, by the module parameter
Value is assigned to the corresponding variable attribute variable of the module parameter, wherein, the value of the module parameter is that the user is set；
Css file generating modules, for being compiled by default script to the sass files, generate css files；
Topic style generation module, for storing the css files, obtains the corresponding topic style of the css files.
7. the device of the multi-threaded pattern of generation according to claim 6, it is characterised in that also include：
Preview page generation module, for the css files to be imported into the topic style page to be generated, generation preview page
Face.
8. the device of the multi-threaded pattern of generation according to claim 7, it is characterised in that also include：
Preview page update module, for when receiving the operational order that the user modifies to the preview page,
The display interface is presented to the user；The value of module parameter in the display interface is obtained, by the value of the module parameter
The corresponding variable attribute variable of the module parameter is assigned to, wherein, the value of the module parameter is the amended value of the user；
The sass files are compiled by the default script, css files are regenerated；The css files are imported described
The topic style page to be generated, regenerates preview page；
Command reception module is changed, for when the preview page is not target topic pattern, performing and receiving the user couple
The operational order that the preview page is modified, realizes the function of the preview page update module, until preview page
Face is target topic pattern.
9. the device of the multi-threaded pattern of generation according to claim 6, it is characterised in that the variable attribute variable assignments
Module is specifically for obtaining the value of the module parameter by the JavaScript script files write in advance, by the module
The value of parameter is assigned to the corresponding variable attribute variable of the module parameter.
10. the device of the multi-threaded pattern of generation according to claim any one of 6-9, it is characterised in that the sass texts
Part is to define what the variable attribute variable was generated by writing sass.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710471693.6A CN107329747A (en) | 2017-06-20 | 2017-06-20 | A kind of method and device for generating multi-threaded pattern |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710471693.6A CN107329747A (en) | 2017-06-20 | 2017-06-20 | A kind of method and device for generating multi-threaded pattern |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107329747A true CN107329747A (en) | 2017-11-07 |
Family
ID=60195871
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710471693.6A Pending CN107329747A (en) | 2017-06-20 | 2017-06-20 | A kind of method and device for generating multi-threaded pattern |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107329747A (en) |
Cited By (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107657139A (en) * | 2017-11-18 | 2018-02-02 | 巧夺天宫（深圳）科技有限公司 | A kind of indoor lightgage steel joist levelling analogy method, equipment, system and storage medium |
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109445793A (en) * | 2018-11-07 | 2019-03-08 | 上海携程商务有限公司 | The method and system of Web- Designing template |
| CN109542434A (en) * | 2018-10-25 | 2019-03-29 | 深圳点猫科技有限公司 | A kind of the theme dynamic switching method and electronic equipment of language based on programming |
| CN110286904A (en) * | 2019-05-30 | 2019-09-27 | 重庆金融资产交易所有限责任公司 | Generate method, apparatus, computer equipment and the storage medium of front end skin |
| CN110543308A (en) * | 2019-08-13 | 2019-12-06 | 上海易点时空网络有限公司 | Method and system for establishing mobile terminal modular user interface database |
| CN111061470A (en) * | 2019-12-02 | 2020-04-24 | 用友网络科技股份有限公司 | Theme customizing method, system and computer readable storage medium |
| CN111131352A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Theme switching method and device |
| CN111310087A (en) * | 2020-02-11 | 2020-06-19 | 北京明略软件系统有限公司 | Page display method and device and storage medium |
| CN111522550A (en) * | 2020-04-27 | 2020-08-11 | 成都路行通信息技术有限公司 | Display method and configuration method for front-end online dynamic switching theme |
| CN111813471A (en) * | 2020-06-16 | 2020-10-23 | 北京明略软件系统有限公司 | Skin changing method, terminal and storage medium |
| CN112115399A (en) * | 2020-09-02 | 2020-12-22 | 北京一亩田新农网络科技有限公司 | Method and device for changing page theme based on cs, electronic equipment and computer readable medium |
| CN112540757A (en) * | 2020-12-09 | 2021-03-23 | 北京同有飞骥科技股份有限公司 | User graphical interface skin changing method, device and equipment based on pre-compiling pattern |
| CN112733506A (en) * | 2021-01-05 | 2021-04-30 | 卓望数码技术（深圳）有限公司 | Page editing method, system, electronic equipment and storage medium |
| CN113010167A (en) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | Page element style customization method, equipment and storage medium |
| CN113420248A (en) * | 2021-06-28 | 2021-09-21 | 北京致远互联软件股份有限公司 | Column outer frame style definition method |
| CN113760268A (en) * | 2020-06-19 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Method and device for generating page |
| CN115048162A (en) * | 2021-03-08 | 2022-09-13 | Oppo广东移动通信有限公司 | Dial display method and device, electronic equipment and computer readable storage medium |
| CN116112725A (en) * | 2022-12-29 | 2023-05-12 | 易视腾科技股份有限公司 | Method and device for switching multiple styles of Internet television user interface |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
| US20120212501A1 (en) * | 2011-02-21 | 2012-08-23 | International Business Machines Corporation | Automated method for customizing theme colors in a styling system |
| CN103761098A (en) * | 2014-01-23 | 2014-04-30 | 贝壳网际（北京）安全技术有限公司 | Method and device for changing webpage skin and browser |
| CN104133844A (en) * | 2014-06-27 | 2014-11-05 | 小米科技有限责任公司 | Method and device for loading webpage |
| CN104714982A (en) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | Method and system for loading webpage |
| CN105022841A (en) * | 2015-08-19 | 2015-11-04 | 上海斐讯数据通信技术有限公司 | Adjusting system and method for interface subject |
| CN105893014A (en) * | 2015-12-08 | 2016-08-24 | 乐视云计算有限公司 | Project development method and system for front end |
-
2017
- 2017-06-20 CN CN201710471693.6A patent/CN107329747A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
| US20120212501A1 (en) * | 2011-02-21 | 2012-08-23 | International Business Machines Corporation | Automated method for customizing theme colors in a styling system |
| CN104714982A (en) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | Method and system for loading webpage |
| CN103761098A (en) * | 2014-01-23 | 2014-04-30 | 贝壳网际（北京）安全技术有限公司 | Method and device for changing webpage skin and browser |
| CN104133844A (en) * | 2014-06-27 | 2014-11-05 | 小米科技有限责任公司 | Method and device for loading webpage |
| CN105022841A (en) * | 2015-08-19 | 2015-11-04 | 上海斐讯数据通信技术有限公司 | Adjusting system and method for interface subject |
| CN105893014A (en) * | 2015-12-08 | 2016-08-24 | 乐视云计算有限公司 | Project development method and system for front end |
Non-Patent Citations (2)
| Title |
|---|
| 南北: "使用Sass定制个性化样式", 《HTTPS:https://WWW.W3CPLUS.COM/PREPROCESSOR/THEMED-STYLES-WITH-SASS.HTML》 * |
| 谢郁: "《CSS高效开发实战》", 30 September 2014 * |
Cited By (20)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107657139A (en) * | 2017-11-18 | 2018-02-02 | 巧夺天宫（深圳）科技有限公司 | A kind of indoor lightgage steel joist levelling analogy method, equipment, system and storage medium |
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109542434A (en) * | 2018-10-25 | 2019-03-29 | 深圳点猫科技有限公司 | A kind of the theme dynamic switching method and electronic equipment of language based on programming |
| CN111131352B (en) * | 2018-10-31 | 2023-01-13 | 北京国双科技有限公司 | Theme switching method and device |
| CN111131352A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Theme switching method and device |
| CN109445793A (en) * | 2018-11-07 | 2019-03-08 | 上海携程商务有限公司 | The method and system of Web- Designing template |
| CN110286904A (en) * | 2019-05-30 | 2019-09-27 | 重庆金融资产交易所有限责任公司 | Generate method, apparatus, computer equipment and the storage medium of front end skin |
| CN110543308A (en) * | 2019-08-13 | 2019-12-06 | 上海易点时空网络有限公司 | Method and system for establishing mobile terminal modular user interface database |
| CN111061470A (en) * | 2019-12-02 | 2020-04-24 | 用友网络科技股份有限公司 | Theme customizing method, system and computer readable storage medium |
| CN111310087A (en) * | 2020-02-11 | 2020-06-19 | 北京明略软件系统有限公司 | Page display method and device and storage medium |
| CN111522550A (en) * | 2020-04-27 | 2020-08-11 | 成都路行通信息技术有限公司 | Display method and configuration method for front-end online dynamic switching theme |
| CN111813471A (en) * | 2020-06-16 | 2020-10-23 | 北京明略软件系统有限公司 | Skin changing method, terminal and storage medium |
| CN113760268A (en) * | 2020-06-19 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Method and device for generating page |
| CN112115399A (en) * | 2020-09-02 | 2020-12-22 | 北京一亩田新农网络科技有限公司 | Method and device for changing page theme based on cs, electronic equipment and computer readable medium |
| CN112540757A (en) * | 2020-12-09 | 2021-03-23 | 北京同有飞骥科技股份有限公司 | User graphical interface skin changing method, device and equipment based on pre-compiling pattern |
| CN112733506A (en) * | 2021-01-05 | 2021-04-30 | 卓望数码技术（深圳）有限公司 | Page editing method, system, electronic equipment and storage medium |
| CN113010167A (en) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | Page element style customization method, equipment and storage medium |
| CN115048162A (en) * | 2021-03-08 | 2022-09-13 | Oppo广东移动通信有限公司 | Dial display method and device, electronic equipment and computer readable storage medium |
| CN113420248A (en) * | 2021-06-28 | 2021-09-21 | 北京致远互联软件股份有限公司 | Column outer frame style definition method |
| CN116112725A (en) * | 2022-12-29 | 2023-05-12 | 易视腾科技股份有限公司 | Method and device for switching multiple styles of Internet television user interface |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107329747A (en) | A kind of method and device for generating multi-threaded pattern | |
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| CN112506493A (en) | Table configuration method, device, equipment and medium based on vue | |
| CN110489116A (en) | A kind of rendering method of the page, device and computer storage medium | |
| CN107807913A (en) | A kind of form design system and method based on web | |
| CN107423061A (en) | A kind of list generation method based on ISON data | |
| CN106293664A (en) | Code generating method and device | |
| CN109388396A (en) | Page generation method, device, computer equipment and storage medium | |
| CN107656914A (en) | Form generation method, device, terminal device and the storage medium of configurableization | |
| US20170192877A1 (en) | Mobile application development and deployment | |
| CN104714949A (en) | Method for customizing report dynamically | |
| CN105955888A (en) | Page debugging and previewing method and system | |
| CN103593414A (en) | Showing method and device of webpages in browser | |
| CN109101304A (en) | Automatic generation method, device, electronic equipment and the computer-readable medium at interface | |
| CN112711418B (en) | Front-end interface layout method and device for multiple components, electronic equipment and storage medium | |
| CN113268227A (en) | Zero-code visualization software development platform and development method | |
| CN102135936A (en) | Method and system for generating test case | |
| CN109325220A (en) | Chart generation method, device, storage medium and electronic equipment | |
| CN114579118A (en) | Programming method and system, equipment, storage medium | |
| CN111708529B (en) | Method for generating form through dragging based on angular | |
| CN117742673A (en) | Target interface generation method, system, terminal and storage medium | |
| US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
| CN114741064B (en) | Page generation method, device and system and storage medium | |
| CN107562476A (en) | A kind of method and device for generating application program | |
| CN115543288A (en) | Code information generation method, device, equipment and 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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171107 |
|
| RJ01 | Rejection of invention patent application after publication |