CN111061470A - Theme customizing method, system and computer readable storage medium - Google Patents
Theme customizing method, system and computer readable storage medium Download PDFInfo
- Publication number
- CN111061470A CN111061470A CN201911214969.8A CN201911214969A CN111061470A CN 111061470 A CN111061470 A CN 111061470A CN 201911214969 A CN201911214969 A CN 201911214969A CN 111061470 A CN111061470 A CN 111061470A
- Authority
- CN
- China
- Prior art keywords
- theme
- style
- variables
- variable
- user
- 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
- 238000000034 method Methods 0.000 title claims abstract description 92
- 230000000694 effects Effects 0.000 claims description 58
- 238000004590 computer program Methods 0.000 claims description 15
- 230000008569 process Effects 0.000 abstract description 33
- 230000004048 modification Effects 0.000 abstract description 16
- 238000012986 modification Methods 0.000 abstract description 16
- 230000009471 action Effects 0.000 description 11
- 230000000007 visual effect Effects 0.000 description 10
- 238000013461 design Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000008901 benefit Effects 0.000 description 6
- 230000003631 expected effect Effects 0.000 description 4
- 239000000463 material Substances 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 2
- 238000000889 atomisation Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a theme customizing method, a system and a computer readable storage medium. The theme customizing method comprises the following steps: creating a style variable and determining an influence area of the style variable; modifying the target element corresponding to the style variable so that the style variable may act on the target element; the style variables are applied to the target elements to form a custom theme. According to the theme customizing method, firstly, a plurality of style variables which can be customized by a user are created, then the user can customize the theme autonomously according to the created style variables, on one hand, the customization of the theme by the user can be realized, the individual requirements of different users are met, on the other hand, the repeated modification of codes in the customizing process is avoided, the customization can be realized by selecting the pre-created style variables, and the theme customizing method is high in flexibility and strong in expansibility.
Description
Technical Field
The invention relates to the technical field of software products, in particular to a theme customizing method, a theme customizing system and a computer readable storage medium.
Background
Iuap Design is a product oriented to enterprise digitization, and customers of Iuap Design come from different fields, industries and projects, and the received personalized demands are increasing. Currently, Iuap Design is not supported by a theme mechanism, and a lot of repeated modifications exist in the process of customizing themes by users, so that the Iuap Design mode is low in flexibility and poor in expansibility.
Disclosure of Invention
The present invention is directed to solving at least one of the problems of the prior art.
To this end, the invention provides a theme customizing method in a first aspect.
A second aspect of the invention provides a theme customization system.
A third aspect of the invention provides a computer-readable storage medium.
The invention provides a theme customizing method in a first aspect, which comprises the following steps: creating a style variable and determining an influence area of the style variable; modifying the target element corresponding to the style variable so that the style variable may act on the target element; the style variables are applied to the target elements to form a custom theme.
The theme customizing method provided by the invention comprises the steps of firstly creating a plurality of style variables, and determining the influence area of each style variable so as to determine the target element and the action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; and finally, acting the style variable on the target element to form a customized theme, so as to realize the customization of the theme by the user.
That is, according to the theme customizing method provided by the invention, firstly, a plurality of style variables which can be customized by a user are created, then the user can customize the theme autonomously according to the created style variables, so that on one hand, the customization of the theme by the user can be realized, the personalized requirements of different users are met, on the other hand, the repeated modification of codes in the customizing process is avoided, the customization can be realized by selecting the style variables which are created in advance, the flexibility is high, and the expansibility is strong.
The theme customizing method according to the above technical scheme of the present invention may further have the following additional technical features:
in the above technical solution, before the step of applying the style variable to the target element to form the customized theme, the method further includes: selecting at least part of style variables and constructing a global style file; and establishing the relevance of the global style file to ensure the synchronization effect of the style variables in the global style file.
In the technical scheme, before the step of forming the customized theme, part or all of the style variables are selected firstly, and a global style file is constructed based on the selected style variables; and then, establishing the relevance of the global style file, and relating the style variables in the global style file so as to enable the style variables to have a synchronization effect. That is, in the process of customizing by the user, the style variables in the global style file are selected once, so that the batch customization can be realized, the steps and time for selecting and customizing by the user are reduced, and the customization efficiency is convenient to improve.
In any of the above technical solutions, before the step of applying the style variable to the target element to form the customized theme, the method further includes: judging whether to use a preset theme or not according to the received selection instruction; if the preset theme is used, downloading and storing the preset theme; if the preset theme is not used, the step of applying the style variable to the target element is executed.
In the technical scheme, before the user customizes the theme, the preset theme is displayed to the user, and the user gives a selection instruction according to the displayed preset theme and the theme effect desired by the user. When the user selects to use the preset theme, the preset theme selected by the user can be directly downloaded and stored, so that the follow-up steps are avoided; and when the user selects not to use the preset theme, the subsequent step is carried out, so that the user can customize according to the self requirement.
That is, the theme customizing method provided by the invention presets part of the preset themes, displays the preset themes to the user before the user starts to customize the themes, and directly downloads and stores the preset themes selected by the user if the preset themes meet the user requirements, so that the flexibility is higher. Specifically, the number of the preset themes may be multiple, so as to be selected by the user; further, the preset theme may be a theme selected a higher number of times by the user.
In any of the above technical solutions, the step of applying the style variable to the target element to form the customized theme specifically includes: selecting at least part of the style variables according to the received selection instruction; applying the selected style variables to the target elements to form a custom theme; and downloading and saving the formed customized theme.
In the technical scheme, in the process of customizing the theme, a user can select one or more of the created style variables by inputting a selection instruction, and then the selected style variables are acted on a target element to form the customized theme wanted by the end user; and then, downloading and storing the formed customized theme to finish the theme customizing process.
In particular, in the process of selecting the style variables, a plurality of style variables can be selected at one time to accelerate customization speed.
In any of the above technical solutions, before the step of downloading and storing the formed customized theme, the method further includes: feeding back the action effect of the pattern variable in real time; and modifying or confirming the customized theme according to the received feedback instruction.
In the technical scheme, the effect of the style variable is fed back in real time in the process of customizing the theme, so that a user can obtain the customization effect in real time to realize visual customization; when the customization meets the user requirements, the user can modify in real time according to the customization effect until the customization meets the user requirements.
In particular, in the customization process, the effect of the combination of the plurality of style variables may be different from the expected effect of the user. Therefore, the theme customizing method provided by the invention provides visual customizing service, so that a user can obtain the customizing effect in real time, and the effect theme effect is ensured to meet the user preference.
The style variables include one or a combination of: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color.
In this embodiment, the style variables include, but are not limited to, the following: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color. In the customization process, a user can select one or more style variables according to requirements and act the style variables on corresponding target elements to obtain a customized theme.
A second aspect of the present invention provides a theme customizing system, comprising: a memory configured to be adapted to store a computer program; a processor configured to be adapted to execute a computer program to implement: creating a style variable and determining an influence area of the style variable; modifying the target element corresponding to the style variable so that the style variable may act on the target element; applying a style variable to the target element to form a custom theme; wherein the style variables include one or a combination of the following: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color.
The theme customizing system comprises a memory and a processor, wherein the memory is stored with a computer program, and when the processor executes the computer program, a plurality of style variables are firstly created, and the influence area of each style variable is determined so as to clarify the target element and the action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; and finally, acting the style variable on the target element to form a customized theme, so as to realize the customization of the theme by the user.
Specifically, the style variables include, but are not limited to, the following: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color. In the customization process, a user can select one or more style variables according to requirements and act the style variables on corresponding target elements to obtain a customized theme.
Namely, the theme customizing system provided by the invention can realize the customization of the user to the theme to meet the individual requirements of different users on one hand, and can avoid the repeated modification of codes in the customizing process on the other hand, and can realize the customization by selecting the pre-established style variable, so that the flexibility is high and the expansibility is strong.
The theme customizing system according to the above technical solution of the present invention may further have the following additional technical features:
in the above technical solution, the processor is specifically configured to: selecting at least part of style variables and constructing a global style file; establishing the relevance of the global style file to ensure the synchronization effect of the style variables in the global style file; judging whether to use a preset theme or not according to the received selection instruction; if the preset theme is used, downloading and storing the preset theme; if the preset theme is not used, the step of applying the style variable to the target element is executed.
In the technical scheme, before the user customizes the theme, the processor displays the preset theme to the user, and the user gives a selection instruction according to the displayed preset theme and the theme effect desired by the user. When the user selects to use the preset theme, the processor directly downloads and stores the preset theme selected by the user, so that the follow-up steps are avoided; and when the user selects not to use the preset theme, the subsequent step is carried out, so that the user can customize according to the self requirement.
In any of the above technical solutions, the processor is specifically configured to select at least part of the style variables and construct a global style file; establishing the relevance of the global style file to ensure the synchronization effect of the style variables in the global style file; judging whether to use a preset theme or not according to the received selection instruction; if the preset theme is used, downloading and storing the preset theme; if the preset theme is not used, the step of applying the style variable to the target element is executed.
Further, before the step of forming the customized theme, the processor preferably selects part or all of the style variables and constructs a global style file based on the selected style variables; then, the processor establishes the relevance of the global style file and associates the style variables in the global style file, so that the style variables have a synchronization effect. That is, in the process of customizing by the user, the user selects the style variables in the global style file once, so that the batch customization can be realized, the steps and time for selecting and customizing by the user are reduced, and the customization efficiency is convenient to improve.
In any of the above technical solutions, the processor is specifically configured to select at least part of the style variables according to a received selection instruction; applying the selected style variables to the target elements to form a custom theme; feeding back the action effect of the pattern variable in real time; modifying or confirming the customized theme according to the received feedback instruction; and downloading and saving the formed customized theme.
In the technical scheme, in the process of customizing the theme, a user can select one or more of the created style variables by inputting a selection instruction, then the processor acts the selected style variables on a target element, the processor feeds back the action effect of the style variables in real time, and when the customization meets the user requirement, the user can modify the style variables in real time according to the customization effect until the customization meets the user requirement so as to form the customized theme required by the final user; and then, downloading and storing the formed customized theme to finish the theme customizing process.
In particular, in the customization process, the effect of the combination of the plurality of style variables may be different from the expected effect of the user. Therefore, the theme customizing system provided by the invention provides visual customizing service, so that a user can obtain the customizing effect in real time, and the effect theme effect is ensured to meet the user preference.
A third aspect of the present invention provides a computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, implements the subject customization method according to any one of the above-mentioned aspects.
The computer-readable storage medium provided by the present invention stores a computer program, and when the computer program is executed, the theme customizing method according to any one of the above technical solutions can be implemented. Thus, all of the benefits of the subject customization methods described above are not discussed here.
Additional aspects and advantages of the invention will be set forth in part in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention.
Drawings
The above and/or additional aspects and advantages of the present invention will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings of which:
FIG. 1 shows a schematic flow diagram of a subject customization method of one embodiment of the present invention;
FIG. 2 shows a schematic flow diagram of a subject customization method according to yet another embodiment of the present invention;
FIG. 3 shows a schematic flow diagram of a subject customization method according to yet another embodiment of the present invention;
FIG. 4 shows a schematic flow diagram of a subject customization method according to yet another embodiment of the present invention;
FIG. 5 is a block diagram illustrating the structure of a theme customization system according to an embodiment of the present invention;
FIG. 6 shows a schematic flow diagram of a subject customization method in accordance with a specific embodiment of the present invention.
Detailed Description
In order that the above objects, features and advantages of the present invention can be more clearly understood, a more particular description of the invention will be rendered by reference to the appended drawings. It should be noted that the embodiments and features of the embodiments of the present application may be combined with each other without conflict.
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention, however, the present invention may be practiced otherwise than as specifically described herein, and thus the scope of the present invention is not limited by the specific embodiments disclosed below.
A theme customizing method, a theme customizing system, and a computer-readable storage medium provided according to some embodiments of the present invention are described below with reference to fig. 1 to 6.
The first embodiment is as follows:
fig. 1 is a schematic flow chart of a theme customizing method according to an embodiment of the present invention, and as shown in fig. 1, the theme customizing method includes:
The theme customizing method provided by the embodiment comprises the steps of firstly creating a plurality of style variables, and determining an influence area of each style variable so as to determine a target element and an action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; and finally, acting the style variable on the target element to form a customized theme, so as to realize the customization of the theme by the user.
That is, in the theme customization method provided in this embodiment, first, a plurality of style variables that can be customized by the user are created, and then the user can customize the theme autonomously according to the created style variables, so that on one hand, customization of the theme by the user can be achieved, and personalized requirements of different users are met, and on the other hand, repeated modification of codes in the customization process is avoided, and customization can be achieved by selecting the style variables created in advance, and therefore, the theme customization method is high in flexibility and strong in expansibility.
Example two:
fig. 2 is a schematic flow chart of a theme customizing method according to still another embodiment of the present invention, as shown in fig. 2, the theme customizing method includes:
The theme customizing method provided by the embodiment comprises the steps of firstly creating a plurality of style variables, and determining an influence area of each style variable so as to determine a target element and an action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; then, selecting part or all of the style variables, and constructing a global style file based on the selected style variables; then, establishing the relevance of the global style file, and relating the style variables in the global style file so as to enable the style variables to have a synchronization effect; and finally, acting the style variable on the target element to form a customized theme, so as to realize the customization of the theme by the user.
That is, in the theme customizing method provided in this embodiment, in the user customizing process, the style variable in the global style file is selected once, so that the batch customization can be realized, the user selecting and customizing steps and time are reduced, and the customization efficiency is conveniently improved.
Example three:
fig. 3 is a schematic flow chart of a theme customizing method according to still another embodiment of the present invention, as shown in fig. 3, the theme customizing method includes:
at step 310, the style variables are applied to the target elements to form a custom theme.
The theme customizing method provided by the embodiment comprises the steps of firstly creating a plurality of style variables, and determining an influence area of each style variable so as to determine a target element and an action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; then, displaying the preset theme to the user, and judging whether the user accepts to use the preset theme; when the user selects to use the preset theme, the preset theme selected by the user can be directly downloaded and stored, so that the follow-up steps are avoided; and when the user selects not to use the preset theme, the subsequent step is carried out, so that the user can customize according to the self requirement.
That is, the theme customization method provided in this embodiment presets a part of the preset themes, displays the preset themes to the user before the user starts to customize the themes, and directly downloads and stores the preset themes selected by the user if the preset themes meet the user requirements, which is more flexible. Specifically, the number of the preset themes may be multiple, so as to be selected by the user; further, the preset theme may be a theme selected a higher number of times by the user.
Specifically, in the process of displaying the preset themes to the user, the number of times of installation, downloading and storage is high and low, and the plurality of preset themes are sequentially displayed to the user for the user to select.
In this embodiment, further, in the process of customizing the theme, the user may select one or more of the created style variables by inputting a selection instruction, and then apply the selected style variables to the target element to form the customized theme desired by the end user; and then, downloading and storing the formed customized theme to finish the theme customizing process.
In particular, in the process of selecting the style variables, a plurality of style variables can be selected at one time to accelerate customization speed.
In the embodiment, further, in the process of customizing the theme, the effect of the style variable is fed back in real time, so that the user can acquire the customization effect in real time to realize visual customization; when the customization meets the user requirements, the user can modify in real time according to the customization effect until the customization meets the user requirements.
In particular, in the customization process, the effect of the combination of the plurality of style variables may be different from the expected effect of the user. Therefore, the theme customizing method provided by the embodiment provides visual customizing service, so that a user can obtain the customizing effect in real time, and the effect theme effect is ensured to meet the user preference.
Example four:
fig. 4 is a schematic flow chart of a theme customizing method according to still another embodiment of the present invention, as shown in fig. 4, the theme customizing method includes:
at step 422, the formed customized theme is downloaded and saved.
The theme customizing method provided by the embodiment comprises the steps of firstly creating a plurality of style variables, and determining an influence area of each style variable so as to determine a target element and an action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; then, selecting part or all of the style variables, and constructing a global style file based on the selected style variables; then, establishing the relevance of the global style file, and relating the style variables in the global style file so as to enable the style variables to have a synchronization effect; finally, the style variables are acted on the target elements to form a customized theme; then, selecting part or all of the style variables, and constructing a global style file based on the selected style variables; then, establishing the relevance of the global style file, and relating the style variables in the global style file so as to enable the style variables to have a synchronization effect; then, displaying the preset theme to the user, and judging whether the user accepts to use the preset theme; when the user selects to use the preset theme, the preset theme selected by the user can be directly downloaded and stored, so that the follow-up steps are avoided; when the user selects not to use the preset theme, the user can select one or more of the created style variables by inputting a selection instruction, and the selected style variables are acted on the target element to form the customized theme which is desired by the end user; and then, downloading and storing the formed customized theme to finish the theme customizing process.
In addition, in the process of customizing the theme, the effect of the style variable is fed back in real time, and visual customization is realized, so that a user can obtain the customization effect in real time and realize visual customization; when the customization meets the user requirements, the user can modify in real time according to the customization effect until the customization meets the user requirements.
In any of the above embodiments, further, the style variables include, but are not limited to, the following: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color.
That is, in the customization process, the user can select one or more of the style variables according to the requirement, and act the style variables on the corresponding target elements to obtain the customized theme.
Example five:
FIG. 5 is a block diagram showing a configuration of a theme customizing system 500 according to still another embodiment of the present invention, and as shown in FIG. 5, the theme customizing system 500 includes: a memory 502 and a processor 504.
Wherein the memory 502 is configured to be adapted to store a computer program; the processor 504 is configured to be adapted to execute a computer program.
When executing the computer program, the processor 504 first creates a plurality of style variables and determines an influence area of each style variable to clarify a target element and an action effect corresponding to each style variable; then, modifying the target elements corresponding to the style variables, ensuring that the style variables can act on the target elements, and simultaneously verifying the modification result to ensure that the subsequent steps are carried out in order; and finally, acting the style variable on the target element to form a customized theme, so as to realize the customization of the theme by the user.
Specifically, the style variables include, but are not limited to, the following: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color. In the customization process, a user can select one or more style variables according to requirements and act the style variables on corresponding target elements to obtain a customized theme.
That is, the theme customization system 500 provided by the present invention can realize customization of the theme by the user to meet individual requirements of different users, and can avoid repeated modification of the code in the customization process, and can realize customization by selecting the pre-created style variable, and has high flexibility and strong expansibility.
In this embodiment, further, before the user customizes the theme, the processor 504 displays the preset theme to the user, and the user gives a selection instruction according to the displayed preset theme and the theme effect desired by the user. When the user selects to use the preset theme, the processor 504 directly downloads and stores the preset theme selected by the user, so that the subsequent steps are avoided; and when the user selects not to use the preset theme, the subsequent step is carried out, so that the user can customize according to the self requirement.
In this embodiment, further, before the step of forming the customized theme, the processor 504 preferably selects some or all of the style variables and constructs a global style file based on the selected style variables; processor 504 then establishes the association of the global style file and associates the style variables within the global style file such that the style variables have a synchronization effect. That is, in the process of customizing by the user, the user selects the style variables in the global style file once, so that the batch customization can be realized, the steps and time for selecting and customizing by the user are reduced, and the customization efficiency is convenient to improve.
In the embodiment, further, in the process of customizing the theme, a user may select one or more of the created style variables by inputting a selection instruction, and then the processor 504 acts the selected style variables on the target element, and the processor 504 feeds back the effect of the style variables in real time, and when the customization meets the user requirement, the user may modify in real time according to the customization effect until the customization meets the user requirement, so as to form the customized theme desired by the end user; and then, downloading and storing the formed customized theme to finish the theme customizing process.
In particular, in the customization process, the effect of the combination of the plurality of style variables may be different from the expected effect of the user. Therefore, the theme customization system 500 provided by the present invention provides a visual customization service, so that the user can obtain the customization effect in real time, and the effect theme effect is ensured to meet the user preference.
Example six:
the present embodiment proposes a computer-readable storage medium.
Wherein, the computer readable storage medium stores a computer program, and when the computer program is executed, the theme customizing method according to any one of the above embodiments can be realized.
Therefore, the computer-readable storage medium proposed in this embodiment has all the advantages of the subject customization method described above, and will not be discussed herein any more.
The specific embodiment is as follows:
the customization method of the subject of the invention firstly defines a series of global/component style variables through the kernel-bee (an open source component library), and can provide the issue if the following variables can not meet the customization requirements of users.
Specifically, global/component style variables, include, but are not limited to, the following:
primary-color: #53C 32; // theme color
Bird-radius: '3 px'; // round corner
Bird-color: # a5 adba; // frame color
$ item-hover-bg-color-base: # EBECF 0; // entry hover background color
Item-selected-bg-color-base: # fff7e 7; // item selection background color
$ second-color: # ECFFF 1; v/sub button background color
Button-second-text-color: # 212121; text color of/time button
Table-header-background-color: # F1F2F 5; v/background color of header
$ table-header-text-color: # 212121; // header letter color
$ table-bottle-color-base: # C1C7D 0; // header parting line color
Table-row-hover-bg-color: # ebecf 0; // table row hover background color
The specific customization method is as shown in fig. 6, firstly combing the established style variables and the influence areas of the style variables; then, the modification, verification and release work of the basic component style variables are carried out, and the basic component is changed from static state to dynamic state, so that the style variables can be implemented; then, extracting a key SASS variable (a laminated style variable of SyntactailyAwesome Stylesheets) to a global style file, and ensuring the relevance of the SASS variable to enable the SASS variable to have synchronous action; and then, judging whether the user uses the preset theme, if the user uses the preset theme, directly downloading and downloading the preset theme selected by the user, and storing the preset theme as a CSS (Cascading Style sheet) file. If the user does not use the preset theme, the user is provided with a visual theme customizing client, the user can select the established style variables and the customized variables, the component library style is constructed on line and downloaded to the local, and then the customized theme is downloaded and stored as the CSS file.
Specifically, the preset theme may be provided with a plurality of themes for the user to select. For example, four preset themes may be provided, a red theme, a science blue theme, a light blue theme, and a dark blue theme.
The subject customization method has obvious advantages in the aspects of normativity, expandability, developer friendliness, usability and the like.
The subject customization method forms systematic design specifications, introduces an atomization design concept, and outputs the following design results: design materials such as colors, layout patterns, fonts, line heights, spaces and the like enable customization standardability to be improved remarkably.
According to the theme customizing method, the design language and the component library both adopt a componentized maintenance mode, flexible expansion can be realized on the components, and the customization expandability is obviously improved.
According to the theme customizing method, the theme mechanism can greatly reduce the code amount, the purposes of agile development and rapid delivery are achieved, and the friendliness to developers is obviously improved.
The subject customization method provides a visual interface, can preview the customization effect in real time, and can be used by designers, product managers or developers quickly, so that the customization usability is remarkably improved.
In the description of the present invention, the terms "plurality" or "a plurality" refer to two or more, and unless otherwise specifically limited, the terms "upper", "lower", and the like indicate orientations or positional relationships based on the orientations or positional relationships shown in the drawings, and are merely for convenience in describing the present invention and simplifying the description, but do not indicate or imply that the referred device or element must have a specific orientation, be constructed in a specific orientation, and be operated, and thus should not be construed as limiting the present invention; the terms "connected," "mounted," "secured," and the like are to be construed broadly and include, for example, fixed connections, removable connections, or integral connections; may be directly connected or indirectly connected through an intermediate. The specific meanings of the above terms in the present invention can be understood by those skilled in the art according to specific situations.
In the description herein, the description of the terms "one embodiment," "some embodiments," "specific embodiments," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the invention. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples.
The above is only a preferred embodiment of the present invention, and is not intended to limit the present invention, and various modifications and changes will occur to those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (10)
1. A method of customizing a theme, comprising:
creating a style variable and determining an influence area of the style variable;
modifying a target element corresponding to the style variable such that the style variable is operable on the target element;
and applying the style variable to the target element to form the customized theme.
2. The method of claim 1, wherein said step of applying said style variables to said target elements to form a customized theme is preceded by the step of:
selecting at least part of the style variables and constructing a global style file;
and establishing the relevance of the global style file so as to ensure the synchronization effect of the style variables in the global style file.
3. The method of claim 1, wherein said step of applying said style variables to said target elements to form a customized theme is preceded by the step of:
judging whether to use a preset theme or not according to the received selection instruction;
if the preset theme is used, downloading and storing the preset theme;
and if the preset theme is not used, executing the step of applying the style variable to the target element.
4. The method according to claim 1, wherein the step of applying the style variable to the target element to form a customized theme specifically comprises:
selecting at least part of the style variables according to a received selection instruction;
applying the selected style variable to the target element to form the custom theme;
and downloading and storing the formed customized theme.
5. The method of claim 4, wherein the step of downloading and saving the customized theme formed further comprises, before the step of:
feeding back the effect of the style variable in real time;
and modifying or confirming the customized theme according to the received feedback instruction.
6. The subject customization method according to any one of claims 1 to 5,
the style variables include one or a combination of: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color.
7. A theme customization system, comprising:
a memory configured to be adapted to store a computer program;
a processor configured to be adapted to execute the computer program to implement:
creating a style variable and determining an influence area of the style variable;
modifying a target element corresponding to the style variable such that the style variable is operable on the target element;
applying the style variable to the target element to form a custom theme;
wherein the style variables include one or a combination of: theme color, fillet, border color, item selector background color, item selection background color, sub-button text color, header background color, header text color, table dividing line color, table selector background color.
8. The theme customization system of claim 7, wherein the processor is specifically configured to:
selecting at least part of the style variables and constructing a global style file;
establishing the relevance of the global style file to ensure the synchronization effect of the style variables in the global style file;
judging whether to use a preset theme or not according to the received selection instruction;
if the preset theme is used, downloading and storing the preset theme;
and if the preset theme is not used, executing the step of applying the style variable to the target element.
9. The theme customization system of claim 7, wherein the processor is specifically configured to:
selecting at least part of the style variables according to a received selection instruction;
applying the selected style variable to the target element to form the custom theme;
feeding back the effect of the style variable in real time;
modifying or confirming the customized theme according to the received feedback instruction;
and downloading and storing the formed customized theme.
10. A computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, implements the theme customizing method according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911214969.8A CN111061470A (en) | 2019-12-02 | 2019-12-02 | Theme customizing method, system and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911214969.8A CN111061470A (en) | 2019-12-02 | 2019-12-02 | Theme customizing method, system and computer readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111061470A true CN111061470A (en) | 2020-04-24 |
Family
ID=70299487
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911214969.8A Pending CN111061470A (en) | 2019-12-02 | 2019-12-02 | Theme customizing method, system and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111061470A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111556277A (en) * | 2020-05-19 | 2020-08-18 | 安徽听见科技有限公司 | Method, device, equipment and storage medium for processing participant identification of video conference |
| CN113010167A (en) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | Page element style customization method, equipment and storage medium |
| CN114625459A (en) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | Method, system, device and medium for switching page theme style |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102207872A (en) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | Method and system for customizing Web UI (User Interface) control according to user requirements |
| CN103543995A (en) * | 2012-07-12 | 2014-01-29 | 腾讯科技（北京）有限公司 | Website skin change method and device |
| US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
| CN107329747A (en) * | 2017-06-20 | 2017-11-07 | 福建中金在线信息科技有限公司 | A kind of method and device for generating multi-threaded pattern |
| CN108228677A (en) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | Switch the method and apparatus of subject of Web site style |
| CN108614886A (en) * | 2018-05-03 | 2018-10-02 | 北京搜狐互联网信息服务有限公司 | A kind of generation method and device of subject of Web site |
-
2019
- 2019-12-02 CN CN201911214969.8A patent/CN111061470A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
| CN102207872A (en) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | Method and system for customizing Web UI (User Interface) control according to user requirements |
| CN103543995A (en) * | 2012-07-12 | 2014-01-29 | 腾讯科技（北京）有限公司 | Website skin change method and device |
| CN108228677A (en) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | Switch the method and apparatus of subject of Web site style |
| CN107329747A (en) * | 2017-06-20 | 2017-11-07 | 福建中金在线信息科技有限公司 | A kind of method and device for generating multi-threaded pattern |
| CN108614886A (en) * | 2018-05-03 | 2018-10-02 | 北京搜狐互联网信息服务有限公司 | A kind of generation method and device of subject of Web site |
Non-Patent Citations (1)
| Title |
|---|
| 张秀兰: "《ASP+ACCESS2000网站建设实训》", vol. 2007, 北京理工大学出版社, pages: 13 - 14 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111556277A (en) * | 2020-05-19 | 2020-08-18 | 安徽听见科技有限公司 | Method, device, equipment and storage medium for processing participant identification of video conference |
| CN111556277B (en) * | 2020-05-19 | 2022-07-26 | 安徽听见科技有限公司 | Method, device and equipment for processing identifiers of participants in video conference and storage medium |
| CN113010167A (en) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | Page element style customization method, equipment and storage medium |
| CN114625459A (en) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | Method, system, device and medium for switching page theme style |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111061470A (en) | Theme customizing method, system and computer readable storage medium | |
| CN1326054C (en) | System, method, and computer program product for configuring computing systems | |
| US7903122B2 (en) | Representing a printed product using image blending | |
| JP2010204877A (en) | Software development support device and software development support method | |
| CN112000338A (en) | Interface display method, device, software platform and computer readable storage medium | |
| JP3554854B2 (en) | Business job execution related diagram display method | |
| CN105369492B (en) | The embroidery sewing conversion equipment and conversion method of embroidery machine | |
| US20030066047A1 (en) | General-purpose software development support system | |
| JP4884685B2 (en) | Computer, program and method for adding items to database | |
| EP2367103A1 (en) | A company advanced programming interface | |
| US11132182B2 (en) | Software development support device, software development support method, and software development support program | |
| US20060136844A1 (en) | Method of making a graphic button | |
| US6900814B2 (en) | CAD apparatus and output processing method for CAD apparatus | |
| JP3000281B2 (en) | Data entry system | |
| JP4557625B2 (en) | Chemical plant design support method and chemical plant design support program | |
| JPH10228146A (en) | Data processing device and method and storage medium storing program which can be read by computer | |
| JP2659104B2 (en) | Graph generation processing device | |
| JPH08339208A (en) | Program preparation device for programmable controller | |
| Lichter et al. | vis-A-vis: An Object-Oriented Aplication Framework for Graphical Design-Tools. | |
| CN117827181A (en) | Method for generating low code of control panel of equipment of Internet of things by mobile terminal application | |
| JPH08212206A (en) | Document generation device | |
| CN114020244A (en) | Method, device and equipment for configuring shopping mall pages and storage medium | |
| JPH08202334A (en) | Document preparing device | |
| CN110413274A (en) | System development method, system and platform based on cloud | |
| JP2000172496A (en) | Plant monitor interactive image generating 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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200424 |
|
| RJ01 | Rejection of invention patent application after publication |