[发明专利]一种SAAS平台定制化UI解决方法

权利要求书

1.一种SAAS平台定制化UI解决方法，其特征在于，包括管理后台、服务端和客户端，以下为实施步骤：

(1)设置前端页面，前端页面为页面组件和路由的结合，页面组件由若干子组件组合而成；定制主题样式，将主题样式值定义成变量，管理后台编辑页面组件属性，用来根据租户的需求编辑UI；

(2)编辑页面组件属性后关联租户域名存储，在用户访问客户端时调用服务端接口获取，通过域名区分、加载和覆盖主题样式；

(3)获取前端页面中的路由设置注册路由，通过注册路由开始渲染页面，通过渲染页面获取主题和需要定制的UI内容，最终渲染完成。

2.根据权利要求1所述的一种SAAS平台定制化UI解决方法，其特征在于，所述主题样式通过css预处理语言结合编译工具编译成css文本并关联租户标识存储。

3.根据权利要求1所述的一种SAAS平台定制化UI解决方法，其特征在于，所述用户访问平台时调用服务端接口区分用户所属租户，并在客户端上加载对应的主题样式。

4.根据权利要求1所述的一种SAAS平台定制化UI解决方法，其特征在于，所述编辑页面组件属性以props的形式传递给组件，组件根据props渲染UI。

5.根据权利要求1所述的一种SAAS平台定制化UI解决方法，其特征在于，所述编辑页面组件属性包括以下步骤：

(1)在管理后台提供可视化UI编辑器结合组件库，由租户自定义UI；

(2)允许租户在管理后台配置页面路由地址和页面组件，通过VUE Single PageApplication框架中的vue-router挂载前动态设置路由，页面加载时通过VUE Single PageApplication框架中的VUE动态组件结合。

6.根据权利要求5所述的一种SAAS平台定制化UI解决方法，其特征在于，所述VUESingle Page Application框架中还包括VUE Router和VUE异步组件，租户在管理后台编辑的组件以VUE异步组件的形式引入项目内，项目编译打包过程中将组件代码分离打包成js文件，网页加载的时候按需加载对应的js文件和其它资源。