[发明专利]基于智慧城市运营平台的系统主题替换方法

说明书

本发明公开了基于智慧城市运营平台的系统主题替换方法，涉及智慧平台技术领域。本发明包括在Web页面制作新增主题、修改主题或切换主题的表单，结合vuex的状态管理模式；通过调用新增或者更新接口将所述表单内数据至后台数据库；当重新加载门户页面时，触发action去调用getConfigInfo()将数据库中变更后的数据data；调用Vuex的commit方法将数据data作为参数传递给commitConfigInfo()，以实现将数据data重新赋值给state对象；调用state对象内的值重新渲染门户页面。本发明结合vuex状态管理模式，将需要共享的data，使用vuex进行统一集中式的管理。

技术领域

本发明属于智慧平台技术领域，特别是涉及一种基于智慧城市运营平台的系统主题替换方法。

背景技术

当一个项目趋于成熟时，就会形成一个产品，产品逐渐成熟时，就会被公司的销售人员卖到各个地区，不同区域对当前的产品有不同的要求，进行产生新的需求，其中一些简单的需求需要进行二次开发。目前已有的方案是根据提供方提供的方案在代码里做相应的修改。利用浏览器的localStorage，sessionStorage或者cookies等相关的缓存机制将用户数据存储在客户端上跟服务器端进行数据交互。

但是该种方式，存在如下缺点：

（1）项目需求多样化，难以实现模块化，标准化生产；

（2）需求多样化导致代码的可维护性和可读性低；

本发明提供一种基于智慧城市运营平台的系统主题替换方法，通过浏览器的localStorage，sessionStorage或者cookies等相关的缓存机制将用户数据存储在客户端上跟服务器端进行数据交互。

发明内容

本发明的目的在于提供基于智慧城市运营平台的系统主题替换方法，通过浏览器的localStorage，sessionStorage或者cookies的缓存机制将用户数据存储在客户端上跟服务器端进行数据交互。

为解决上述技术问题，本发明是通过以下技术方案实现的：

本发明为基于智慧城市运营平台的系统主题替换方法，包括系统主题的替换以及系统参数的替换；

其中，所述系统主题的替换包括如下过程：

A00：在Web页面制作新增主题、修改主题或切换主题的表单；

其中，所述表单内数据包括logo图片、banner视频、banner名称、title名称以及navbar名称；

A01：通过调用更新接口将所述表单内数据更新至后台数据库；

A02：当重新加载门户页面时，触发action，调用getConfigInfo（）处理数据库中变更后的数据data；

A03：调用Vuex的commit方法将数据data作为参数传递给commitConfigInfo（），以实现将数据data重新赋值给state对象；

A04：调用所述state对象内的值重新渲染门户页面；

其中，所述系统参数的替换包括如下过程：

B00：在所述Web页面新增或修改参数编码、参数名称、参数值以及参数说明；

B01：通过调用addPaaramEntity（）或editPaaramEntity（）将所述参数编码、参数名称、参数值以及参数说明更新到后台数据库；

B02：当重新加载门户页面时，通过cityparamsprotject/entity接口获取后台数据，并用v-show命令来展示菜单。