按照用户需求定制Web UI控件的方法和系统技术方案

提出了一种按照用户需求定制Web?UI控件的方法和系统，属于Web技术领域，所述方法包括：接收用户定制Web?UI控件的请求以及用户定制的样式信息，将用户定制的样式信息按照样式文件规定的格式编写为样式文件，将该样式文件加载到定制页面中，并可响应用户的其他请求实现对可定制UI控件的保存、修改以及下载等等操作；所述系统包括定制系统、控件库等模块以承载所述方法的运行。本方法和系统解决了在Web应用系统中用户体验差异化、开发工作重复和浪费的技术问题。

【技术实现步骤摘要】

本专利技术属于Web
，尤其涉及一种按照用户需求定制ffeb UI控件的方法和系统。
技术介绍
在基于Web的应用系统中，UI控件是支撑用户的可视化操作以及完成系统和用户动态交互的基础，是承载Web应用系统美学风格和用户体验的重要实体。当前，在Web应用系统开发过程中，通常是由Web应用系统的开发人员进行各自Web应用系统UI控件的开发，这种方式带来了两个问题1.如果同一单位的若干Web应用系统由不同的开发人员开发，会使得各Web应用系统的美学风格和用户体验迥异，难以实现Web应用系统的统一和规范化；2.同一开发人员在实现不同的Web应用系统时，需要重新开发相应的UI控件，造成了工作的重复和浪费。同时，现有的完成Web UI控件定制的相关技术方案，大都不是基于 Web的定制模式，并且存在可定制的控件的种类较少、粒度较粗的问题，定制生成的控件通常难以满足实际开发工作的需求。
技术实现思路
为了解决用户体验差异化、开发工作重复和浪费的问题，需要一种能够按需进行 Web UI控件定制，进而完成ffeb UI控件统一发布和下载的技术。为此，本专利技术提出了一种按照用户需求定制Web UI控件的方法，该方法包括接收用户定制ffeb UI控件的请求以及用户定制的样式信息；将用户定制的样式信息按照样式文件规定的格式编写为样式文件；将该样式文件加载到定制页面中。更进一步地，该方法还包括下述一个或几个步骤接收用户保存定制主题的请求，其中，该请求中包括了定制编码，所述主题定义了一套ffeb UI控件的样式，将用户定制的数据处理成样式文件规定的格式，将处理后的数据存入数据库，并生成备份主题包；接收用户查看所有主题的请求，从数据库中获取主题信息并返回数据，将返回的数据生成主题列表并显示；接收用户查看主题的请求，其中，该请求中包括了主题序号，调用备份主题包中的样式文件，将样式文件加载到控件展示页面；接收用户修改主题的请求，其中，该请求中包括主题序号，将从备份主题包中获取的与主题序号对应的主题样式文件显示在定制页面中，接收并保存用户修改的样式数据；接收用户下载主题的请求，其中，该请求中包括了主题序号，从数据库中获取与该主题序号对应的主题相关信息，生成主题包，对主题包进行压缩，返回并提示用户下载；接收用户删除主题的请求，其中，该请求中包括了主题序号，从数据库中删除与该主题序号对应的主题的所有记录，并删除相关数据表中的记录；6接收用户点评某个主题的请求，其中包括主题序号和点评内容，将点评内容添加至数据库中。根据本专利技术提出的方法的一个方面，将所述样式文件暂存在一个临时文件中，并将该临时的样式文件加载到定制页面中。根据本专利技术提出的方法的另一方面，接收用户定制ffeb UI控件的请求后，检查浏览器暂存数据文件中的用户信息，对用户进行验证，若验证通过，将默认的控件样式内容或者上次定制后的控件样式内容显示在定制页面中，然后接收用户定制的样式信息；以及将所述样式文件暂存在一个临时文件中，将该临时的样式文件加载到定制页面中。根据本专利技术提出的方法的另一方面，在接收用户的请求后，检查浏览器暂存数据文件中的用户信息，对用户进行验证，若验证通过，则执行随后的步骤，否则，不执行随后的步骤，返回错误信息。根据本专利技术提出的方法的另一方面，所述方法运行于应用服务器中，用户通过用户终端访问所述应用服务器，并通过网页的形式异步发送请求以及接收返回的信息。根据本专利技术提出的方法的另一方面，使用控件框架、样式、配置、方法、事件这五个方面对ffeb UI控件进行定义，其中控件框架定义了控件在页面中的容器，样式定义了控件外观，配置定义了控件配置参数，方法定义了对控件进行功能调用的方法，事件定义了事件响应的函数和接口，通过所述接口对控件的外观进行修改、对控件的操作功能进行调用；每个ffeb UI控件都具有与上述五个方面一一对应的定义和描述文件，并采用所述方法对上述五个文件进行相应的操作。根据本专利技术提出的方法的另一方面，所述应用服务器中还存储有ffeb UI控件库， Web UI控件库对可定制的控件进行管理，完成控件描述文件的管理和更新；所述控件库共提供了 18类Web应用系统开发中常用的UI控件，具体包括折叠面板、按钮、颜色提取器、 下拉列表、日期选择器、对话框、文件上传、表格、面板、进度条、提示框、编辑框、选择列表、 滑动条、选项卡、文本框、工具条、树形列表；所述控件库还定义了 Web UI控件的10类样式， 这10类样式分别从字体、文字、边框等不同方面定义控件的外观。同时，本专利技术还提出了一种按照用户需求定制ffeb UI控件的系统，该系统包括定制系统，其中所述定制系统包括控件定制模块，所述控件定制模块包括主题定制模块；所述主题定制模块接收用户定制Web UI控件的请求以及用户定制的样式信息，将用户定制的样式信息按照样式文件规定的格式编写为样式文件，并将该样式文件加载到定制页面中。根据本专利技术提出的系统的一个方面，所述主题定制模块还接收包括定制编码的用户保存定制主题的请求，所述主题定义了一套Web UI控件的样式；将用户定制的数据处理成样式文件规定的格式；将处理后的数据存入数据库，并生成备份主题包。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题感知模块，所述主题感知模块接收用户查看所有主题的请求，从数据库中获取主题信息并返回数据，将返回的数据生成主题列表并显示。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题感知模块，所述主题感知模块接收包括主题序号的用户查看主题的请求，调用备份主题包中的样式文件，并将样式文件加载到控件展示页面。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题感知模块，所述主题感知模块接收包括主题序号的用户修改主题的请求，将从备份主题包中获取的与主题序号对应的主题样式文件显示在定制页面中，接收并保存用户修改的样式数据。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题感知模块，所述主题感知模块接收包括主题序号的用户下载主题的请求，从数据库中获取与该主题序号对应的主题相关信息，生成主题包，对主题包进行压缩，返回并提示用户下载。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题感知模块，所述主题感知模块接收包括主题序号的用户删除主题的请求，从数据库中删除与该主题序号对应的主题的所有记录，并删除相关数据表中的记录。根据本专利技术提出的系统的另一方面，所述控件定制模块还包括主题点评模块，所述主题点评模块接收包括主题序号和点评内容的用户点评某个主题的请求，并将点评内容添加至数据库中。根据本专利技术提出的系统的另一方面，将所述样式文件暂存在一个临时文件中，将该临时的样式文件加载到定制页面中。根据本专利技术提出的系统的另一方面，所述定制系统还包括验证模块；在所述主题定制模块接收用户定制Web UI控件的请求后，所述验证模块检查浏览器暂存数据文件中的用户信息，对用户进行验证，若验证通过，主题定制模块将默认的控件样式内容或者上次定制后的控件样式内容显示在定制页面中，然后接收用户定制的样式信息；以及将所述样式文件暂存在一个临时文件中，将该临时的样式文件加载到定制页面中。根据本专利技术提出的系统的另一方面，所述定制系统中还包括验证模块，所述本文档来自技高网...

【技术保护点】
１．一种按照用户需求定制Ｗｅｂ　ＵＩ控件的方法，其特征在于，该方法包括：接收用户定制Ｗｅｂ　ＵＩ控件的请求以及用户定制的样式信息；将用户定制的样式信息按照样式文件规定的格式编写为样式文件；将该样式文件加载到定制页面中。

【技术特征摘要】

【专利技术属性】
技术研发人员：李丽，孙卫国，王晓宏，陈熠，李丹，
申请(专利权)人：中国移动通信集团内蒙古有限公司，
类型：发明
国别省市：15