后台管理系统、方法、计算机设备及可读存储介质与流程

1.本发明涉及计算机技术领域，尤其涉及一种后台管理系统、方法、计算机设备及可读存储介质。


背景技术：

2.现代社会，后台管理系统已成为企业追求高效率不可或缺的一大利器。随着企业业务的不断壮大以及需求的不断增加，对后台管理系统的安全性以及权限控制要求越来越高。
3.目前市场上后台管理系统鱼龙混杂，各式各样的问题也层出不穷。在设计层面上，很多后台管理系统设计复杂，在权限控制使用上更是不易理解、安全性不高，用户体验感不强；在代码层面上，容易出现低复用性，高耦合的现象。一套设计合理、简洁好用的后台管理系统已然成为市场需求，而作为后台管理系统核心部分的权限控制模块的设计更成为关键。
4.可见，如何实现后台管理系统对权限的控制已成为亟需解决的技术问题。


技术实现要素：

5.有鉴于此，本技术实施例的目的是提供一种后台管理系统、方法、计算机设备及计算机可读存储介质，能够解决如何实现后台管理系统对权限的控制的问题。
6.为了解决上述技术问题，本技术是这样实现的：
7.第一方面，本技术实施例提供了一种后台管理系统，包括：
8.组件管理模块，用于配置应用程序的菜单和接口；
9.角色管理模块，用于配置多个角色实体，其中，所述角色实体包括管理角色实体和用户角色实体，所述管理角色实体用于管理所述用户角色实体的用户权限；
10.用户管理模块，用于配置所述用户角色实体的用户权限。
11.根据本技术公开的一种具体实施方式，所述后台管理系统通过vue+antdesign框架搭建。
12.根据本技术公开的一种具体实施方式，所述系统还包括：
13.通信管理模块，用于利用vuex控制所述后台管理系统中的组件之间的通信。
14.根据本技术公开的一种具体实施方式，所述系统还包括：
15.按钮权限管理模块，用于利用mixins控制按钮的权限。
16.根据本技术公开的一种具体实施方式，所述管理角色实体和所述用户角色实体之间采用树形结构构成映射关系。
17.第二方面，本技术实施例提供了一种后台管理方法，应用于如第一方面所述的后台管理系统，所述方法包括：
18.通过所述组件管理模块配置应用程序的菜单和接口；
19.通过所述角色管理模块配置多个角色实体，其中，所述角色实体包括管理角色实
体和用户角色实体，所述管理角色实体用于管理所述用户角色实体的用户权限；
20.通过所述用户管理模块配置所述用户角色实体的用户权限。
21.根据本技术公开的一种具体实施方式，所述后台管理系统还包括通信管理模块，所述方法还包括：
22.通过所述通信管理模块，利用vuex控制所述后台管理系统中的组件之间的通信。
23.根据本技术公开的一种具体实施方式，所述后台管理系统还包括按钮权限管理模块，所述方法还包括：
24.通过所述按钮权限管理模块，利用mixins控制按钮的权限。
25.第三方面，本技术实施例提供了一种计算机设备，包括处理器和存储器，所述存储器上存储有程序或指令，所述程序或指令被所述处理器执行时实现如第二方面所述的方法的步骤。
26.第四方面，本技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有程序或指令，所述程序或指令被处理器执行时实现如第二方面所述的方法的步骤。
27.本技术的上述实施例提供的后台管理系统、方法、计算机设备及计算机可读存储介质，通过组件管理模块、角色管理模块和用户管理模块这三个模块，实现了后台管理系统对权限的精准控制，提高了后台管理系统的安全性。
附图说明
28.为了更清楚地说明本发明的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对本发明保护范围的限定。在各个附图中，类似的构成部分采用类似的编号。
29.图1示出了本技术实施例提供的一种后台管理系统的结构示意图；
30.图2示出了本技术实施例提供的另一种后台管理系统的结构示意图；
31.图3示出了本技术实施例提供的再一种后台管理系统的结构示意图；
32.图4示出了本技术实施例提供的一种后台管理方法的流程示意图；
33.图5示出了本技术实施例提供的另一种后台管理方法的流程示意图；
34.图6示出了本技术实施例提供的再一种后台管理方法的流程示意图。
35.主要元件符号说明：
36.100-后台管理系统；110-组件管理模块；120-角色管理模块；130-用户管理模块；140-通信管理模块；150-按钮权限管理模块。
具体实施方式
37.下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。
38.通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范
围。
39.在下文中，可在本发明的各种实施例中使用的术语“包括”、“具有”及其同源词仅意在表示特定特征、数字、步骤、操作、元件、组件或前述项的组合，并且不应被理解为首先排除一个或更多个其它特征、数字、步骤、操作、元件、组件或前述项的组合的存在或增加一个或更多个特征、数字、步骤、操作、元件、组件或前述项的组合的可能性。
40.此外，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
41.除非另有限定，否则在这里使用的所有术语(包括技术术语和科学术语)具有与本发明的各种实施例所属领域普通技术人员通常理解的含义相同的含义。所述术语(诸如在一般使用的词典中限定的术语)将被解释为具有与在相关技术领域中的语境含义相同的含义并且将不被解释为具有理想化的含义或过于正式的含义，除非在本发明的各种实施例中被清楚地限定。
42.实施例1
43.为了解决如何实现后台管理系统对权限的控制的技术问题，本技术提出了一种后台管理系统。请参阅图1，图1为本技术实施例提供的一种后台管理系统的结构示意图，如图1所示，后台管理系统100包括：
44.组件管理模块110，用于配置应用程序的菜单和接口；
45.角色管理模块120，用于配置多个角色实体，其中，所述角色实体包括管理角色实体和用户角色实体，所述管理角色实体用于管理所述用户角色实体的用户权限；
46.用户管理模块130，用于配置所述用户角色实体的用户权限。
47.具体的，组件(component)是对数据和方法的简单封装。组件可以有自己的属性和方法，属性是组件数据的简单访问者，方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。在本技术实施例中，组件包括但不限于菜单、接口。菜单是指包含应用程序的各个功能的界面，包含了每种功能对应的接口名称和依赖；接口是指对协定进行定义的引用类型，接口指定必须由类提供的成员或实现它的其他接口；与类相似，接口可以包含方法、属性、索引器和事件作为成员。
48.通过组件管理模块110，可以看实现对应用程序中的所有菜单和所有接口的配置，因此，组件管理模块110相当于所述后台管理系统100的指挥中心。配置的操作可以由开发人员完成。
49.所述角色实体包括管理角色实体和用户角色实体，所述管理角色实体与所述用户角色实体的管理权限不同，所述管理角色实体用于管理所述用户角色实体的用户权限。所述管理角色实体和所述用户角色实体之间采用树形结构构成映射关系，通过树形结构可以直观地了解所述管理角色实体与所述用户角色实体之间的映射关系，提高用户和/或开发人员的工作效率。
50.通过角色管理模块120，可以实现对角色实体的配置。配置的操作可以由用户角色实体完成。
51.每个用户在登录使用应用程序时，会默认配置为普通用户。通过用户管理模块130，可以实现对所述用户角色实体的用户权限的配置。可以理解的是，在本技术实施例中，用户权限包括但不限于，可见菜单、操作按钮、数据访问权限。用户权限可以根据实际需求
设定，本技术对此不做限定。还可以理解的是，对于所述用户角色实体具有用户权限访问的组件，可以在用户界面上渲染所述组件，从而使得用户可以更快速地观察到所述组件，提高用户的工作效率。
52.本技术实施例通过组件管理模块110、角色管理模块120和用户管理模块130这三个模块，实现了对权限的精准控制。
53.需要说明的是，本技术实施例中的所述后台管理系统通过vue+antdesign框架搭建。
54.具体的，vue，即vue.js，是一款流行的javascript前端框架，是一个用于创建用户界面的开源javascript框架，也是一个创建单页应用的web应用框架。vue的优势在于轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟dom、运行速度快。
55.antdesign是一个开源框架，具体来说，是一个ui(user interface，用户界面)框架。antdesign内的组件较为完善，开发中后台系统非常方便。技术人员分别基于react、vue、angular框架各自开发了一套antdesign的ui框架，在本技术实施例中，采用vue+antdesign框架搭建所述后台管理系统，实现了所述后台管理系统的开箱即用。开箱即用(out-of-the-box feature，也称ootb或off the shelf)在软件上是指应用程序在安装后，无需配置或修改，即可使用的功能或特性，也指默认即对所有用户可用，不需支付额外费用或进行另外的配置。
56.一种可选的实施方式中，请参阅图2，图2为本技术实施例提供的另一种后台管理系统的结构示意图，如图2所示，所述系统还包括：
57.通信管理模块140，用于利用vuex控制所述后台管理系统中的组件之间的通信。
58.具体的，vuex是一个专为vue.js应用程序开发的状态管理模式。vuex采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
59.例如：有第一预设数量的数据、第二预设数量的操作，在多个组件上都需要使用，如果每个组件都去调用数据或操作，实现逻辑复杂，从而使得代码冗余，对于开发人员而言体验不好。使用vuex来管理错综复杂的数据是很有帮助的，提高了后期的拓展性和可维护性。
60.在本技术实施例中，考虑到代码复用性，所述系统还包括通信管理模块，利用vuex控制所述后台管理系统中的组件之间的通信，从而减少了大量的重复代码，提高了代码的复用性。同时，将后台管理系统需要的插件功能，如excel导入、导出，上传文件等基础组件进行封装，在调用时，直接进行调用即可，从而减少了大量的重复代码，提高了代码的复用性；另外，这些组件还可以应用到其他应用程序中，从而降低了应用程序的开发难度。
61.一种可选的实施方式中，请参阅图3，图3为本技术实施例提供的再一种后台管理系统的结构示意图，如图3所示，所述系统还包括：
62.按钮权限管理模块150，用于利用mixins控制按钮的权限。
63.具体的，mixins，即混入，是一种分发vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
64.在本技术实施例中，考虑到代码复用性，所述系统还包括按钮权限管理模块，利用
mixins控制按钮的权限，从而减少了大量的重复代码，提高了代码的复用性。
65.此外，本技术实施例提供的后台管理系统100采用flask框架，在mvc(model-view-controller，模型-视图-控制器)模式下，代码在处理和设计上更具灵活性。flask框架是python中的一个轻量级的前后端开发框架，不同于django，flask可以提供基础的功能，其他的功能需要安装各种插件。因为轻量，flask可以用来做一些小工程和低流量的开发。mvc模式是一种设计模式，包括三类对象。model是应用对象，view是应用对象在屏幕上的表示，controller定义用户界面对用户输入的响应方式。mvc模式不仅实现了功能模块和显示模块的分离，同时它还提高了应用系统的可维护性、可扩展性、可移植性和组件的可复用性。进一步地，所述后台管理系统100实现了开箱即用，不仅可以实现各种精细化的权限控制要求，更能缩短开发人员的时间。
66.本技术实施例中提供的后台管理系统，通过组件管理模块、角色管理模块和用户管理模块这三个模块，实现了后台管理系统对权限的精准控制，提高了后台管理系统的安全性。
67.实施例2
68.与上述装置实施例相对应，请参阅图4，图4为本技术实施例提供的一种后台管理方法的流程示意图，如图4所示，该方法应用于如实施例1所述的后台管理系统，包括以下步骤：
69.步骤410、通过所述组件管理模块配置应用程序的菜单和接口。
70.具体的，可以通过所述组件管理模块，实现对应用程序中的组件，如所有菜单和所有接口的配置。
71.步骤420、通过所述角色管理模块配置多个角色实体，其中，所述角色实体包括管理角色实体和用户角色实体，所述管理角色实体用于管理所述用户角色实体的用户权限。
72.具体的，通过所述角色管理模块，实现对角色实体的配置。
73.步骤430、通过所述用户管理模块配置所述用户角色实体的用户权限。
74.具体的，通过所述用户管理模块，实现对所述用户角色实体的用户权限的配置。
75.一种可选的实施方式中，请参见图5，图5为本技术实施例提供的另一种后台管理方法的流程示意图，如图5所示，所述后台管理系统还包括通信管理模块，所述方法还包括：
76.步骤440、通过所述通信管理模块，利用vuex控制所述后台管理系统中的组件之间的通信。
77.具体的，在本技术实施例中，考虑到代码复用性，通过通信管理模块，利用vuex控制所述后台管理系统中的组件之间的通信，从而减少了大量的重复代码，提高了代码的复用性。
78.一种可选的实施方式中，请参见图6，图6为本技术实施例提供的再一种后台管理方法的流程示意图，如图6所示，所述后台管理系统还包括按钮权限管理模块，所述方法还包括：
79.步骤450、通过所述按钮权限管理模块，利用mixins控制按钮的权限。
80.具体的，在本技术实施例中，考虑到代码复用性，通过所述按钮权限管理模块，利用mixins控制按钮的权限，从而减少了大量的重复代码，提高了代码的复用性。
81.本技术实施例中提供的后台管理方法，通过组件管理模块、角色管理模块和用户
管理模块这三个模块，实现了后台管理系统对权限的精准控制，提高了后台管理系统的安全性。
82.可选的，本技术实施例还提供一种计算机设备，包括处理器和存储器，所述存储器上存储有程序或指令，该程序或指令被处理器执行时实现上述后台管理方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
83.可选的，本技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述后台管理方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
84.其中，所述处理器为上述实施例中所述的计算机设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等。
85.在本技术所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和结构图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，结构图和/或流程图中的每个方框、以及结构图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
86.另外，在本发明各个实施例中的各功能模块或单元可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或更多个模块集成形成一个独立的部分。
87.所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是智能手机、个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
88.以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。