一种基于C/S架构的软件管理系统及方法与流程

本发明涉及软件技术领域，具体而言，涉及一种基于c/s架构的软件管理系统及方法。

背景技术：

现有的c/s架构系统对于菜单的管理大多采用的是菜单下拉的方式进行管理，降低了界面美观性和增加了操作员的使用步骤，不方便对菜单项进行阅读使用。

技术实现要素：

本发明的目的在于提供了一种基于c/s架构的软件管理系统及方法，在主界面ui风格设计上，主要采用了三级菜单分类方案，一级菜单为分类菜单，二级菜单为分类或功能菜单，三级菜单为功能菜单，通过gdi+绘制技术，让所有的菜单的展示都会一直进行平面显示，并且调整好合适的菜单间距、字体、像素等，让用户的操作非常清晰，界面非常美观，提升用户体验度。

为了实现上述目的，本发明实施例采用的技术方案如下：

一种基于c/s架构的软件管理系统，所述系统包括：

区域划分模块：用于对主界面的功能区域进行区域划分，完成界面排版；

着色模块：用于根据设计明细稿对各区域数据进行填充，对线条和背景进行着色；

微调模块：用于根据设计明细稿对各个单元元素之间进行像素间隔微调；

界面配置模块：用于统一对比各区域数据间隔比例，界面着色风格进行微调比对，完成界面配置设计；

动态填充和读取模块：用于对完成的设计明细界面的数据进行动态填充和读取，实现界面数据自定义化；

所述区域划分模块信号连接于着色模块；所述着色模块信号连接于微调模块；所述微调模块信号连接于界面配置模块；所述界面配置模块信号连接于动态填充和读取模块。

一种基于c/s架构的软件管理方法，所述方法包括：

步骤1：首先利用设计初始稿图样对主界面的功能区域进行区域划分，完成界面排版；别要注意左侧菜单是可收缩式菜单；

步骤2：根据设计明细稿对各区域数据进行填充，对线条和背景进行着色；

步骤3：根据设计明细稿对各个单元元素之间进行像素间隔微调；

步骤4：统一对比各区域数据间隔比例，界面着色风格进行微调比对，完成界面配置设计；

步骤5：对完成的设计明细界面的数据进行动态填充和读取，实现界面数据自定义化完成ui改造。

本发明实施例提供的基于c/s架构的软件管理系统及方法，解决原有的c/s架构系统界面古板，菜单显示不清晰，风格陈旧，操作员操作不明朗等问题。通过gdi+绘制技术以及三级菜单布局设计让所有的菜单层次清晰，界面美观，让操作员的操作选择更明朗。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的基于c/s架构的软件管理系统的系统结构示意图。

图2示出了本发明实施例提供的基于c/s架构的软件管理方法的方法流程示意图。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

一种基于c/s架构的软件管理系统，所述系统包括：

区域划分模块：用于对主界面的功能区域进行区域划分，完成界面排版；

着色模块：用于根据设计明细稿对各区域数据进行填充，对线条和背景进行着色；

微调模块：用于根据设计明细稿对各个单元元素之间进行像素间隔微调；

界面配置模块：用于统一对比各区域数据间隔比例，界面着色风格进行微调比对，完成界面配置设计；

动态填充和读取模块：用于对完成的设计明细界面的数据进行动态填充和读取，实现界面数据自定义化；

所述区域划分模块信号连接于着色模块；所述着色模块信号连接于微调模块；所述微调模块信号连接于界面配置模块；所述界面配置模块信号连接于动态填充和读取模块。

一种基于c/s架构的软件管理方法，所述方法包括：

步骤1：首先利用设计初始稿图样对主界面的功能区域进行区域划分，完成界面排版；别要注意左侧菜单是可收缩式菜单；

步骤2：根据设计明细稿对各区域数据进行填充，对线条和背景进行着色；

步骤3：根据设计明细稿对各个单元元素之间进行像素间隔微调；

步骤4：统一对比各区域数据间隔比例，界面着色风格进行微调比对，完成界面配置设计；

步骤5：对完成的设计明细界面的数据进行动态填充和读取，实现界面数据自定义化完成ui改造。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个单元、程序段或代码的一部分，所述单元、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能单元可以集成在一起形成一个独立的部分，也可以是各个单元单独存在，也可以两个或两个以上单元集成形成一个独立的部分。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onl8memor8)、随机存取存储器(ram，randomaccessmemor8)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。