[发明专利]基于Vue架构的WEB前端通用UI组件库

说明书

本发明公开了基于Vue架构的WEB前端通用UI组件库，包括：组件配置模块，提供接口服务，用于负责实例化相应的组件；通用组件，用于直接与用户交互；其中通用组件包括：基础布局组件、窗体组件、数据组件、消息组件和导航组件；所述通用组件中每个组件的配置信息从后台配置文件读取，组件配置模块为各组件与前端WEB网站提供统一的接口服务，根据组件的配置信息实现各组件之间与前端WEB网站的接口连接。本发明通过对各类组件可配置性的研究，以配置文件的形式对组件的属性、样式进行配置，可以随时删除、插入和修改，大大增强了WEB网站的易维护性，前端组件的可移植性强，提高网站开发人员的工作效率。

技术领域

本发明涉及计算机技术领域，具体涉及到基于Vue架构的WEB前端通用UI组件库。

背景技术

World Wide Web(简称WEB)是随着Internet的普及使用而发展起来的一门技术，它的发明极大地方便了人们对Internet上资源的组织和访问。

Web前端开发技术包括三个要素：HTML(HyperText Markup Language，超文本标记语言)、CSS(Cascading Style Sheet，层叠样式表单)和JavaScript(直译式脚本语言)。随着互联网技术的普及，网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于JavaScript为标志的前端技术实现的。

然而，随着网站需求的惊人增长，传统的基于JavaScript的前端开发已经越来越不能满足开发需要，虽然JavaScript以其灵活性能实现各种网页的需求，但是其代码量却随之大幅度上升，代码的可读性与维护性急剧恶化。另外，WEB前端采用JavaScript语言开发，后端的开发语言却多种多样，这也大大增加了前后端开发人员的沟通难度。

发明内容

本发明所要解决的技术问题在于针对上述现有技术中的不足，提供基于Vue架构的WEB前端通用UI组件库。

本发明解决其技术问题所采用的技术方案是：

基于Vue架构的WEB前端通用UI组件库，包括：

组件配置模块，提供接口服务，用于负责实例化相应的组件；

通用组件，用于直接与用户交互；

其中通用组件包括：基础布局组件、窗体组件、数据组件、消息组件和导航组件；

所述通用组件中每个组件的配置信息从后台配置文件读取，组件配置模块为各组件与前端WEB网站提供统一的接口服务，根据组件的配置信息实现各组件之间与前端WEB网站的接口连接。

作为本发明的进一步技术方案为：所述配置信息包括组件属性信息、组件html显示信息、组件CSS样式信息。

作为本发明的进一步技术方案为：所述基础布局组件包括：布局组件、色彩组件、字体组件、图标组件和按钮组件；用于Web网站的页面模板的布局。

作为本发明的进一步技术方案为：所述窗体组件包括：单选框组件、多选框组件、输入框组件、选择器组件、级联选择器组件、时间选择器组件、日期选择器组件和表单组件；用于Web网站的单个功能页面的实现。

作为本发明的进一步技术方案为：所述数据组件包括：表格组件、标签组件、进度条组件、树型控件组件、分页组件；用于数据信息的展现。

作为本发明的进一步技术方案为：所述数据组件与所述窗体组件组合使用，可以对服务端数据库数据进行筛选，通过表格形式展现。

作为本发明的进一步技术方案为：所述消息组件包括：警告组件、加载组件、消息提示组件和弹框组件；用于Web网站与用户进行交互，反馈Web网站服务端处理的进度与消息。