[发明专利]可收缩的WEB系统界面框架设计

说明书

技术领域

本发明涉及电子信息技术中的软件产品界面设计和实现，特别是指基于浏览器的WEB系统界面的设计和实现。

背景技术

在浏览器型号和版本非常混杂的今天，基于WEB的应用在界面上也遇到很大的挑战。当前，互联网软件厂商的竞争和各种新技术兴起，旧的技术又没有退出历史舞台，例如IE浏览器的各种版本同时在使用，国内用户终端上从IE6到IE9都有不同比例的用户，而IE浏览器在IE7、IE9都进行许多重大的改变，一些曾经的技术被淘汰，新的方法被应用；同时不同厂商的浏览器选择支持不同的WEB页面布局内核，例如Firefox、Chrome、Safari都有不同于IE的内核，使得我们在IE上测试过的WEB系统又遇到新的挑战，甚至有时候辛苦开发的功能因为不能适应用户的浏览器而不得不放弃。WEB应用的界面既要符合产品功能和美观的需要，又要能同时适应多种版本的浏览器，还要操作方便有特色。

发明内容

本发明是一种WEB应用框架，包括界面设计和界面控制两个部分。界面主体包括上、左和右三个部分，其中上主要为系统操作，左为功能选择，右为系统主要功能展示区域；界面控制部分主要为实现界面上的点击响应，界面区域的隐藏和界面功能模块的载入。

其中界面部分包含以下特点：

1.  上区域为系统按钮区域，可以同时显示客户定制的图片或者广告，系统按钮包含控制面板、打印、刷新和退出系统功能。其中：

a)   区域左边可以显示产品的名称图标和名称标题，也可以定制为客户想要显示的图片，只要安装系统说明的大小定制和替换图片即可实现显示内容的切换。

b)   区域的右边为按钮排列区，可以根据需要放置和删除图标，系统中内置了部分图标，包括：控制面板、打印、刷新、退出、帮助。

        i.      其中每个图标都包括两个切换的图片，当鼠标悬停或经过的时候显示为显眼的图标，鼠标离开时恢复为原来的图标。

       ii.      其中控制面板按钮在点击时会弹出一个时间和管理对象范围选择对话框，可以在这个对话框中选择全局数据的时间和对象范围。该选择作用于接下来的所有功能模块。

     iii.      其中打印按钮点击后弹出系统打印对话框，提示对当前功能页的打印设置，一旦选择设置后确定就打印当前功能页。

       iv.      其中刷新按钮点击后会重新加载当前的功能页面，刷新时重新发送当前已设定的参数。

        v.      其中帮助按钮点击后会在功能区域显示当前系统的帮助主页。

       vi.      其中退出按钮点击后后会弹出对话框提示是否确认，如果选择“确定”，会退出当前系统回到登录页；如果选择“取消”，会关闭对话框，什么也不操作。

2.  左区域显示功能选择，功能可以分为大类，每个大类可以定义若干功能，使用滑块形式显示，点击后在右区域显示功能界面。其中：

a)   大类显示为按钮，大类按次序排列，同一时刻只有一个大类的功能列表会被显示；即当点击一个关闭的大类按钮的时候，会关闭当前打开的列表，显示点击的大类的功能列表。

b)   功能属于各自的大类，显示为文本，可以加图标。

c)   点击功能名称，会在功能区域打开对应的功能。

3.  其中上、左区域可以点击收缩按钮收缩到浏览器边框中，同时功能区域扩大到整个浏览器；同时收缩按钮变为弹出按钮；点击弹出按钮，收缩的区域重新回到原始位置。

4.  其中上、左区域能够自动使用计算机屏幕的大小，显示为上下、左右铺满的界面。

5.  中间部分为功能区域，功能区域根据上区域和左区域的选择，显示功能模块内容。

6.  上述特点支持现行的多种浏览器，至少包括IE的各版本、Firefox、Chrome、Safari。

其中界面控制部分包含以下特点：

1.  控制面板作用域控制，控制面板设定的参数为全局参数，可以在每个功能中直接调用。

2.  程序界面风格控制，风格控制主要包含在CSS文件中，可以通过修改CSS文件，直接修改系统的界面风格，修改这些风格无需进行源代码开发，可以直接有界面设计人员完成。

3.  功能模块显示控制，支持根据系统的需要控制要显示模块分类和功能模块。

4.  支持根据不同的用户权限显示功能分类和模块分类，不同用户看到的同一功能分类的模块也可以不同。