[发明专利]一种基于web页面动态配置网页功能的方法及系统

权利要求书

1.一种基于web页面动态配置网页功能的系统，其特征在于包括：

网页界面、后台管理系统、服务器、数据库；

所述网页界面用于用户与web平台网站进行交互及资源的呈现；

所述服务器和数据库提供后端的功能和数据支持；

所述后台管理系统连通网页界面和服务器及数据库，根据不同的职能需求，为网页界面的用户动态配置不同的功能模块和权限；

所述后台管理系统包括：应用中心、用户中心；

所述应用中心包含资源配置模块，用于对不同用户进行不同功能的配置管理；

所述用户中心包含用户表格中心，用于对不同用户进行不同权限的配置管理；

所述资源配置模块，用于创建资源名称，地址，urlKey标识，资源类型；

所述数据库为MySQL或者MongoDB，数据库中包含资源信息表；

所述资源信息表包括：用户信息表、用户角色表、用户资源表；

所述用户信息表，通过用户角色表外键关联用户资源表；

所述用户资源表分别存储用户信息表和用户角色表的id信息，

所述用户资源表相对应的每个表自己的id信息，通过id互相存储的方式，创建好相应的对应关系；

前端发起ajax请求，请求数据库中的用户信息，用户信息表中存储的用户资源表的id信息，通过id对应的以指针查找的方式去数据库中拿到相关的用户资源表，通过拿到用户信息从而拿到用户资源表相关数据表。

2.一种基于web页面动态配置网页功能的方法，其特征在于，包括如下步骤：

步骤S1，各职能部门提出功能需求；

步骤S2，通过原型设计工具，根据功能需求，按照不同的模块、不同的功能，设计出对应的网页界面；

步骤S3，开发不同功能模块，由后台管理系统对资源和用户权限进行配置；

步骤S4，按应用中心的规则配置功能录入相关的应用资源，将资源数据写入后端服务器；

步骤S5，创建用户，为每个用户分配资源；

步骤S6，前端开发人员，根据设计好的网页界面，使用vue.js，html,css,以及导入的静态图片开发相关的web前端界面功能；

步骤S7，用户登陆，通过ajax请求从数据库获取用户资源信息，并将用户资源信息存储在session.js缓存中；

步骤S8，每个用户界面通过全局的session.js缓存拿到对应的资源信息池；

步骤S9，经过上述操作，根据功能需求配置资源，用户得到需要的web平台网站；

步骤S3具体包括如下步骤：

步骤S31，应用中心的开发及对资源的配置；

步骤S32，用户中心的开发及对用户权限的配置；

步骤S31具体包括如下步骤：

步骤S311，前端开发工程师使用vue.js和html,css开发出资源配置模块，利用资源配置模块创建资源名称，地址，urlKey标识，资源类型；

步骤S312，配置资源模块的每一个输入框利用vue.js的v-model双向数据绑定，将相关参数绑定到formData表单中，所述参数包括：图标,资源名称,资源类型，资源地址，资源的标识urlKey；

步骤S313，配置后通过前后端ajax交互方式通过post或者get请求将储存formData表单数据发往node.js，由node.js将资源数据写入mysql或者mongoDB服务器中；

步骤S32具体包括：

前端开发工程师使用vue.js和html,css开发出表格用户中心，同样通过与后台node.js的ajax数据通信方式创建不同的用户，通过点击分配功能，使用弹出的前端开发好的角色选择器，分配不同的角色权限，不同的角色权限后续配置不同的操作功能；

步骤S8具体包括如下步骤：

步骤S81，用户在全局session.js缓存中拿到相关信息，通过配置资源时所配置的唯一的urlKey判断该用户是否拥有与urlKey相匹配的资源界面；

步骤S82，模板语法通过是否拥有相关权限进行对每个网页界面的视图和按钮功能界面进行埋点配置显示隐藏。