CN110825992A - System theme replacement method based on smart city operation platform - Google Patents
System theme replacement method based on smart city operation platform Download PDFInfo
- Publication number
- CN110825992A CN110825992A CN201910977998.3A CN201910977998A CN110825992A CN 110825992 A CN110825992 A CN 110825992A CN 201910977998 A CN201910977998 A CN 201910977998A CN 110825992 A CN110825992 A CN 110825992A
- Authority
- CN
- China
- Prior art keywords
- data
- parameter
- theme
- calling
- names
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a system theme replacement method based on a smart city operation platform, and relates to the technical field of smart platforms. The method comprises the steps of making a form of a newly added theme, a modified theme or a switched theme on a Web page, and combining a vuex state management mode; transferring the data in the form to a background database by calling a newly added or updated interface; when the portal page is reloaded, triggering action to call getConfigInfo () to change the changed data in the database; calling a commit method of Vuex to transmit the data serving as a parameter to commit configInfo () so as to reassign the data to a state object; the values within the state object are invoked to re-render the portal page. The data to be shared is subjected to unified centralized management by using vuex in combination with a vuex state management mode.
Description
Technical Field
The invention belongs to the technical field of intelligent platforms, and particularly relates to a system theme replacement method based on an intelligent city operation platform.
Background
When a project is mature, a product is formed, and when the product is mature gradually, the product can be sold to various regions by sales personnel of companies, different regions have different requirements on the current product, new requirements are generated, and some simple requirements need secondary development. The existing scheme is to make corresponding modification in the code according to the scheme provided by the provider. And storing the user data on the client side by using a cache mechanism related to the localStorage, sessionstorege or cookies and the like of the browser to perform data interaction with the server side.
However, this method has the following disadvantages:
(1) the project requirements are diversified, and modularization and standardized production are difficult to realize;
(2) the diversification of requirements leads to low maintainability and readability of the code;
the invention provides a system theme replacing method based on a smart city operation platform, which stores user data on a client side and performs data interaction with a server side through related cache mechanisms of localStorage, sessionstorege or cookies and the like of a browser.
Disclosure of Invention
The invention aims to provide a system theme replacing method based on a smart city operation platform, which stores user data on a client side and performs data interaction with a server side through a cache mechanism of localStorage, sessionStorage or cookies of a browser.
In order to solve the technical problems, the invention is realized by the following technical scheme:
the invention relates to a system theme replacing method based on a smart city operation platform, which comprises the replacement of a system theme and the replacement of system parameters;
wherein the replacing of the system theme comprises the following processes:
a00: making a form for adding a theme, modifying the theme or switching the theme on a Web page;
the data in the form comprise logo pictures, banner videos, banner names, title names and navbar names;
a01: transferring the data in the form to a background database by calling an updating interface;
a02: when the portal page is reloaded, triggering action to call getConfigInfo () to change the changed data in the database;
a03: calling a commit method of Vuex to transmit the data serving as a parameter to commit configInfo () so as to reassign the data to a state object;
a04: calling a value in the state object to re-render the portal page;
wherein the replacing of the system parameter comprises the following processes:
b00: adding or modifying parameter codes, parameter names, parameter values and parameter descriptions in the Web page;
b01: updating the parameter codes, parameter names, parameter values and parameter descriptions to a background database by calling addPaaramEntity () or editPaaramEntity ();
b02: when the portal page is reloaded, background data is fetched through the cityparamsprotject/entry interface and the menu is exposed with a v-show command.
Preferably, the action is responsible for processing all interactions received by the Vue Components.
The invention has the following beneficial effects:
1. according to the invention, through a vuex state management mechanism, relevant data required to be provided is subjected to unified centralized management by using vuex;
2. the invention does not need professional developers to operate, and can finish the modification of the platform only by becoming the administrator of the platform;
3. the invention solves the problem that the same set of code can be deployed in different places, thus saving the project development cost; the workload of customized development is reduced to a certain extent.
Of course, it is not necessary for any product in which the invention is practiced to achieve all of the above-described advantages at the same time.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a flow diagram of an alternative to the system subject matter of the present invention;
fig. 2 is a flow chart of an alternative of the system parameters of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The invention relates to a system theme replacing method based on a smart city operation platform, which comprises the replacement of a system theme and the replacement of system parameters;
referring to fig. 1, the system theme replacement includes the following processes:
a00: making a form for adding a theme, modifying the theme or switching the theme on a Web page;
the data in the form comprise logo pictures, banner videos, banner names, title names and navbar names;
a01: transferring the data in the form to a background database by calling an updating interface;
a02: when the portal page is reloaded, triggering action to call getConfigInfo () to change the changed data in the database;
a03: calling a commit method of Vuex to transmit the data serving as a parameter to commit configInfo () so as to reassign the data to a state object;
a04: calling a value in the state object to re-render the portal page;
in the actual use process: the Web page is an HTML page; receiving user interactive operation through an Vue component, and executing a dispatch method to trigger a corresponding action to respond; dispatch is an operation behavior triggering method, and is the only method capable of executing action;
actions are operation behavior processing modules; the system is responsible for processing all interaction behaviors received by Vue Components; the method comprises synchronous/asynchronous operation, supports a plurality of homonymous methods, and sequentially triggers according to the registration sequence; the operation of requesting to the background API is carried out in the module, and comprises the operations of triggering other actions and submitting the mutation; the module provides encapsulation of the Promise to support chained triggering of actions;
states change operation method; the method is the only recommendation method for Vuex to modify the state, and other modification modes will report errors in a strict mode; the method can only carry out synchronous operation, and the name of the method can only be globally unique; some hooks are exposed during the operation, so as to monitor the state and the like;
and (5) state: a page state management container object; scattered data of data objects in the Vue components are stored in a centralized mode, and the data objects are globally unique to perform unified state management; reading data required by page display from the object, and performing efficient state update by using a fine-grained data response mechanism of Vue;
referring to fig. 2, the system parameter replacement includes the following steps:
b00: adding or modifying parameter codes, parameter names, parameter values and parameter descriptions in the Web page;
b01: updating the parameter codes, the parameter names, the parameter values and the parameter descriptions to a background database by calling addPaaramEntity () or editPaaramEntity ();
b02: when the portal page is reloaded, acquiring background data through a cityparamsprotject/entry interface, and showing a menu by using a v-show command;
the invention provides a set of templates related to related fields such as system logo pictures, banner videos, banner names, title names and navbar names, and simultaneously a vuex state management mechanism and a server are used for data storage. The project can be conveniently and quickly realized according to different requirements, and the project modularization and simplification are realized.
It should be noted that, in the above system embodiment, each included unit is only divided according to functional logic, but is not limited to the above division as long as the corresponding function can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
In addition, it is understood by those skilled in the art that all or part of the steps in the method for implementing the embodiments described above may be implemented by a program instructing associated hardware, and the corresponding program may be stored in a computer-readable storage medium.
The preferred embodiments of the invention disclosed above are intended to be illustrative only. The preferred embodiments are not intended to be exhaustive or to limit the invention to the precise embodiments disclosed. Obviously, many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles of the invention and the practical application, to thereby enable others skilled in the art to best utilize the invention. The invention is limited only by the claims and their full scope and equivalents.
Claims (2)
1. The system theme replacing method based on the smart city operation platform is characterized by comprising the steps of replacing a system theme and replacing system parameters;
wherein the replacing of the system theme comprises the following processes:
a00: making a form for adding a theme, modifying the theme or switching the theme on a Web page;
the data in the form comprise logo pictures, banner videos, banner names, title names and navbar names;
a01: transferring the data in the form to a background database by calling an updating interface;
a02: when the portal page is reloaded, triggering action to call getConfigInfo () to change the changed data in the database;
a03: calling a commit method of Vuex to transmit the data serving as a parameter to commit configInfo () so as to reassign the data to a state object;
a04: calling a value in the state object to re-render the portal page;
wherein the replacing of the system parameter comprises the following processes:
b00: adding or modifying parameter codes, parameter names, parameter values and parameter descriptions in the Web page;
b01: updating the parameter codes, parameter names, parameter values and parameter descriptions to a background database by calling addPaaramEntity () or editPaaramEntity ();
b02: when the portal page is reloaded, background data is fetched through the cityparamsprotject/entry interface and the menu is exposed with a v-show command.
2. The smart city operations platform based system theme replacement method as claimed in claim 1, wherein the action is responsible for processing all the interactions received by Vue Components.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910977998.3A CN110825992B (en) | 2019-10-15 | 2019-10-15 | System theme replacement method based on smart city operation platform |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910977998.3A CN110825992B (en) | 2019-10-15 | 2019-10-15 | System theme replacement method based on smart city operation platform |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110825992A true CN110825992A (en) | 2020-02-21 |
CN110825992B CN110825992B (en) | 2022-11-25 |
Family
ID=69549424
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910977998.3A Active CN110825992B (en) | 2019-10-15 | 2019-10-15 | System theme replacement method based on smart city operation platform |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110825992B (en) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102955694A (en) * | 2011-08-31 | 2013-03-06 | 中国电信股份有限公司 | Client implementation method based on WebKit browser and client |
CN105022820A (en) * | 2015-07-17 | 2015-11-04 | 成都汉康信息产业有限公司 | Public information platform of smart city |
CN106557593A (en) * | 2016-12-05 | 2017-04-05 | 上海华测导航技术股份有限公司 | A kind of method and system of switching Web page subject |
-
2019
- 2019-10-15 CN CN201910977998.3A patent/CN110825992B/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102955694A (en) * | 2011-08-31 | 2013-03-06 | 中国电信股份有限公司 | Client implementation method based on WebKit browser and client |
CN105022820A (en) * | 2015-07-17 | 2015-11-04 | 成都汉康信息产业有限公司 | Public information platform of smart city |
CN106557593A (en) * | 2016-12-05 | 2017-04-05 | 上海华测导航技术股份有限公司 | A kind of method and system of switching Web page subject |
Also Published As
Publication number | Publication date |
---|---|
CN110825992B (en) | 2022-11-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102999608A (en) | System and method for tree table demonstration of large data | |
CN110780856B (en) | Electricity data release platform based on micro-service | |
WO2022048648A1 (en) | Method and apparatus for achieving automatic model construction, electronic device, and storage medium | |
CN110347494A (en) | Context information management method, apparatus, system and computer readable storage medium | |
CN110825807A (en) | Data interaction conversion method, device, equipment and medium based on artificial intelligence | |
CN106528169A (en) | Web system development reusable method based on AnGo dynamic evolution model | |
CN111427631A (en) | Dynamic configuration method of diversified mobile application function module | |
CN110109684B (en) | Block chain link point management proxy service installation method, electronic device and storage medium | |
CN112044061B (en) | Game picture processing method and device, electronic equipment and storage medium | |
CN113448650A (en) | Live broadcast function plug-in loading method, device, equipment and storage medium | |
CN101076027B (en) | Method and system for transporting data between MIME accessory and corresponding database | |
CN110825992B (en) | System theme replacement method based on smart city operation platform | |
CN107479982B (en) | data synchronization method and terminal | |
CN108762753A (en) | Page assembly amending method and equipment | |
CN112418796B (en) | Sub-process task node activation method and device, electronic equipment and storage medium | |
CN114756362A (en) | Resource quota management method and system, intelligent terminal and storage medium | |
CN104462106A (en) | Data updating method and system | |
CN111209613B (en) | Rapid design method and system for intelligent product | |
CN107346242A (en) | A kind of MVC frame systems for being applied to HybridAPP exploitations based on AppCan | |
CN111399942A (en) | Network card configuration method, network card configuration device, network card configuration equipment and storage medium | |
CN110727457A (en) | Component management method, device, storage medium and electronic equipment | |
CN112600713A (en) | Data monitoring method and system | |
CN113722341B (en) | Operation data processing method and related device | |
CN109739884A (en) | A kind of electric power monitoring system graphical cues information service design method | |
CN115237386B (en) | Method and system for developing large-scale complex Windows native desktop |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |