精华内容
下载资源
问答
  • GitHub开源的10个超棒后台管理面板

    万次阅读 多人点赞 2019-09-20 09:36:16
    项目开发中后台管理平台必不可少,但是从零搭建一套多样化后台管理并不容易,目前有许多开源、免费、样式丰富的后台管控面板,深夜学习简书上一位大神的博文,共总结10项优秀后台管理控制面板(9个GitHub项目,1个...

    目录

    1、AdminLTE

    2、vue-Element-Admin

    3、tabler

    4、Gentelella

    5、ng2-admin

    6、ant-design-pro

    7、blur-admin

    8、iview-admin

    9、material-dashboard

    10、layui


    项目开发中后台管理平台必不可少,但是从零搭建一套多样化后台管理并不容易,目前有许多开源、免费、样式丰富的后台管控面板,深夜学习简书上一位大神的博文,共总结10项优秀后台管理控制面板(9个GitHub项目,1个在线UI 框架)。

    1、AdminLTE

    简介:非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。

    网站:https://github.com/ColorlibHQ/AdminLTE

    2、vue-Element-Admin

    简介:一个基于 vue2.0 和 Element 的控制面板 UI 框架。

    网站:https://github.com/PanJiaChen/vue-element-admin

    3、tabler

    简介:构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。

    网站:https://github.com/tabler/tabler

    4、Gentelella

    简介:一个基于 Bootstarp 的免费的后台控制面板。

    网站:https://github.com/ColorlibHQ/gentelella

    5、ng2-admin

    简介:基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。

    网站:https://github.com/akveo/ngx-admin

    6、ant-design-pro

    简介:开箱即用的中台前端/设计解决方案。

    网站:https://github.com/ant-design/ant-design-pro

    7、blur-admin

    简介:基于 Angular 和 Bootstrap 的后台管理面板框架。

    网站:https://github.com/akveo/blur-admin

    8、iview-admin

    简介:基于 iView 的 Vue 2.0 控制面板。

    网站:https://github.com/iview/iview-admin

    9、material-dashboard

    简介:基于 Bootstrap 4 和 Material 风格的控制面板。

    网站:https://github.com/creativetimofficial/material-dashboard

     

    10、layui

    简介:layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。

    网站:https://www.layui.com/

    展开全文
  • 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目...

    第一幕:缘起

    听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员……

    996程序员做的梦:

    第一场:团队招募

    为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。

    话说还是中国电信的信号好,地府都是满格,哈哈!!!

    经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下?

    而这次,面对这样的需求,这个程序员也是虎躯一震,本来想拒绝的,不过做不完就不让回去,而且,貌似这也是他报仇的好机会啊!

    产品同学也被勾下来了。。

    第二场:研发过程中的新需求

    项目开发过程中,阎罗王发来了一个消息:

    第三场:程序员还阳

    项目进行中,程序员偷偷地在系统上留了一个后门,不仅回到了阳间,还将自己的寿命修改为+∞。

    地府中留下的,是产品经理孤寂的身影。

    这个故事告诉我们,做产品的,不能提太多的需求,也不能完全不懂技术,否则,可能会死的不明不白的。

    第二幕:地府管理2.0研发

    地府管理系统项目上线后,阎王尝到了很大的甜头,地府工作效率提高了很多倍,于是,“地府2.0计划”紧锣密鼓的开始了。

    越是,不少人做梦,都梦见自己死了……

    设计师:

    昨晚做梦梦到我死了,进了阎王殿

    阎王爷让我给他的地府做一张宣传海报

    HR:

    昨晚做梦梦到我死了,进了阎王殿

    阎王爷让我给他考核一下地府在职人员的业绩

    文案:

    昨晚做梦梦到我死了,进了阎王殿

    阎王爷让我给他写一篇能够提升转化的软文

    物流管理:

    昨晚做梦梦到我死了,进了阎王殿

    阎王爷让我给他优化一下投胎的流程

    交互设计师:

    昨晚做梦梦到我死了,进了阎王殿

    阎王爷让我给他优化一下油锅的体验

    第三幕:地府大数据

    为了应对日益增大的业务,地府管理系统3.0版本的原型图已经设计出来了,现在鉴赏一下

    第一场:登录

    与时俱进,比较完善,支持账号登录、手机登录、扫码登录三种登录方式。

    移动端自适应哦!

    首页看板做的很不错

    第二场:可视化监控

    可以实时查看十八层地狱的详细信息,目前只支持中国区,国府(国服)噢。

    今年业绩不是很好,业绩相比去年大幅下跌了呢!

    冥币的汇率总体走势上扬,应该有不错的上升空间,可以考虑持有。

    第三场:生死簿

    生死簿可以看到阳寿未尽、孤魂野鬼、已经转世投胎人的名单。通过查询后台数据,我们发现,孙猴子不是物理删库,他是获取了阎王爷的超级管理员权限,直接把自己的名字,从生死簿中给删除了。

    不过也看出,到底是毛手毛脚的猴子,做事不干净,只是逻辑删除,而没有进行物理删除。差一步,还是能找到记录。

    下一个操作就骚了,批量删除,一删一窝。

    批量删除有风险,所以需要插入U盾,猴子应该是直接拿了阎王的,获取验证码,批量删除猴子猴孙,为你点赞!

    还有退单操作,这下知道李世民为啥没死成了。。

    第四场:阎罗殿审判记录

    每一个被勾下来的人,都有完整的审判记录,确保不抓错一个好人,也不放过一个坏人。

    妥妥的工作流,需要审批的。

    还贴心地提供了老人专用版本,字体放大N倍,看起来很轻松。

    第五场:六道轮回

    地府后台管理系统还是非常人性的,解决了六道轮回的问题。以后投胎到哪里,摇一次转盘就搞定了。

    原来猪刚鬣就是被这么摇到了畜生道啊!

    第六场:元数据维护

    还挺丰富的,功能能强大。

    有设备管理:

    冥币管理:

    日志管理:

    还有非常完善的角色权限,支持多租户,多级,多用户哦:

    更多功能持续开发中,欢迎有志于地府事业的小伙伴积极参与哦:

    第四幕:未来已来

    如果同学们真的出现经常做梦的情况,考虑下是不是最近压力太大了。当一个人压力太大的时候,做梦都会惦记要做的事情,连觉都睡不好了。

    年底了,不论是互联网从业人员还是其他行业的人,或多或少感到一些压力,个人建议还是好好调节一下,多去换位思考一下,用其他的事激励一下自己。

    最后的最后,是大家心心念念的地府系统demo访问地址:http://kzgfmo.axshare.cn

    没有结束的新开始。。。。

    帖子发出去之后,居然成为了一个现象级的产品,很多朋友也跟我联系,希望能把这个系统做出来,下面这位大神已经建了个群,希望把系统做出来,有兴趣的可以加群聊聊,看能不能真的把他做出来。

    qq_42719318

    走上删库之路

    第五幕:程序员们的地府生涯

    经过前期准备,现在地府系统已经正式进入立项开发阶段了

    github地址:https://github.com/canxin0523/thesixsectorTeam

    欢迎围观,Star

    先附一张昨晚画的地府组织架构图

    项目工程结构:

    这个是我的微信二维码,我拉你进讨论群和扣扣研发群,围观一个伟大产品的诞生

     


    我的微信公众号:架构真经(id:gentoo666),分享Java干货,高并发编程,热门技术教程,微服务及分布式技术,架构设计,区块链技术,人工智能,大数据,Java面试题,以及前沿热门资讯等。每日更新哦!

    参考资料:

    1. https://blog.csdn.net/kMD8d5R/article/details/90746041
    展开全文
  • 基于React+antd的后台管理模板(可预览)

    万次阅读 多人点赞 2018-08-05 13:42:53
    自己利用业余时间,基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React,页面主要还是展示页面,不涉及后台交互。 特点: 我用

    自己利用业余时间,基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React,页面主要还是展示页面,比较简单不涉及后台交互。

    github地址:基于React+antd实现后台模板
    预览地址:预览地址

    项目重构地址:react+koa实现登陆、聊天、留言板功能后台
    重构预览地址:重构预览地址

    登录的背景图比较大,所以做了一个loading效果,等图载入完毕后再显示登录页面,首次载入可能比较慢

    技术栈

    • react
    • antd
    • react-router
    • mobx
    • canvas
    • ES6
    • cookie

    自己参考了其他优秀的插件,比如动态打字效果、背景粒子效果、shuffle(洗牌)全屏插件等,自己对有些插件封装成类使用

    所有路由都需要登录才可进入,自己封装了PrivateRoute组件来实现路由认证,登录信息保存在cookie中,原本是保存在store中,但是刷新页面后登录状态丢失,所以就保存在cookie中
    登录背景图太大,使用了TinyPNG进行压缩,并编写了一个loading效果

    项目目录结构

    这里写图片描述
    assets----存储静态图片资源和共用icon图标
    components----存储共用组件
    routes----业务页面入口和常用模板
    store----状态管理
    utils----工具函数

    项目截图

    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    问题

    整个demo不复杂,主要是熟悉react和路由等,在打包的过程中出现了一点小问题。我打包的文件是放在服务器二级目录下,所以打包的路径要改为相对路径,不能使用绝对路径,我在package.json中添加了homepage:’.'解决了路径问题。然后BrowserRouter加上了 basename=‘二级目录名称’ 属性,结果还是出现js路径错误,我一直以为是webpack打包的问题,找了很久才发现是因为BrowserRouter,将BrowserRouter改为HashRouter就访问正确。
    使用react-router(v4)时,如果有服务器端的动态支持,建议使用 BrowserRouter,否则建议使用 HashRouter。
    关于BrowserRouter和HashRouter的区别,可以参考:关于 reactrouter 4.0版本中 BrowserRouter和HashRouter的问题react-router v4中 HashRouter 和 BrowserRouter的使用

    最后

    demo是我断断续续写的,只有下班和周末有时间。写demo的目的主要是熟悉React和react-router以及antd,整个demo中参考了一些其他人的想法,如动画效果等。另外基于vue的个人项目可以看这个仿制移动端QQ音乐

    其他个人项目



    觉得不错的给个star鼓励支持!^_^

    展开全文
  • 后台管理系统demo

    2017-11-25 10:17:54
    后台管理系统demo 后台管理系统demo 后台管理系统demo 后台管理系统demo
  • 后台管理界面大全 后台管理模板

    热门讨论 2011-03-31 16:05:50
    16套后台管理界面,后台管理模板,包含代码修改即可使用
  • 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理模板 黑色后台管理...
  • 漂亮的后台管理UI框架,OA系统界面UI,在bootstrap的技术上改造来的,非常高的实用性。
  • 高级后台管理模板

    2018-01-27 14:55:17
    自适应改机后台管理模板,企业网站后台管理HTML模板,企业员工后台管理模板,全套模板,包括登录、后台首页、会员管理、广告管理、反馈管理、修改密码等HTML后台模板页面
  • vue后台管理模板

    2018-05-19 13:32:32
    vue后台管理模板
  • JSP网站后台管理系统

    千次下载 热门讨论 2012-01-11 03:48:30
    JSP网站后台管理系统,一款十分有用的后台管理模板,希望对大家有用
  • 后台管理系统 – 权限管理

    万次阅读 多人点赞 2018-11-21 14:23:35
    不管是开发手机APP,网站还是小程序等项目,基本上都需要一个后台管理系统的支撑。而每个后台管理系统都有一个通用的功能就是用户权限管理。最近基于Antd+React.js做了一个后台管理系统。

    不管是开发手机APP,网站还是小程序等项目,基本上都需要一个后台管理系统的支撑。而每个后台管理系统都有一个通用的功能就是用户权限管理。最近基于Antd+React.js做了一个后台管理系统。

     


    一、概要

    权限管理是一个几乎所有后台系统的都会涉及的一个重要组成部分,主要目的是对整个后台管理系统进行权限的控制,而针对的对象是员工,避免因权限控制缺失或操作不当引发的风险问题,如操作错误,数据泄露等问题。

    就目前来说最广泛的是一个账号对应多个角色,每个角色对应相应的权限集(RBAC模型)这种模型基本可以应对所有的问题,且通过角色可以实现灵活且多样的的权限操作需求。

    权限管理中设计到三个重要的名词:账号、角色、权限。

    • 账号:每个用户想要进入系统需要分配一个账号,而这个账号就是一把钥匙。我们通过控制账号所具备的权限,进而控制这个用户的授权范围。
    • 角色:角色管理是确定角色具备哪些权限的一个过程,他是一个集合的概念,是众多最小权限颗粒的组成。我们通过把权限给这个角色,再把角色给账号,从而实现账号的权限,因此它承担了一个桥梁的作用。
    • 权限:权限包括页面权限,操作权限,数据权限。页面权限控制你可以看到哪个页面,看不到哪个页面;操作权限则控制你可以在页面上操作哪些按钮;数据权限则是控制你可以看到哪些数据。

    二、思考

    了解很很多网上给出的权限管理方案,绝大部分解决方案都是事先定义好角色和各个角色的权限。如果换一个系统,由于角色和之前的不一样,后台管理系统需要从代码层面做相应的修改。个人感觉这种前线管理通用性不强。因此想有没有什么方式把权限的颗粒度划分的更细,角色和权限可以自由配置。

    带着这些疑问整理了自己对权限管理的理解和解决方案,本人非专业WEB端开发,只是提出个人见解,有不对的地方希望大家指正。上面也说了权限主要分为页面权限、操作权限和数据权限,我想从这三个方面细化并做成可自由配置。

    页面权限控制:页面权限主要通过菜单配置和页面跳转操作来控制。一般进入后台管理系统会呈现出主菜单,我们可以在角色管理中为每一个角色配置不同的菜单。用户使用账号登录时,后台通过判断该账号的角色,返回对应的菜单,这样就可以控制用户的一级页面的权限。对于二级页面及其他页面可以通过控制用户操作权限来限制用户访问。

    操作权限控制:操作权限主要控制用户哪些按钮可以点击,哪些按钮不可以点击。我们可以事先为页面中要控制的按钮定义一个标识,在获取用户菜单时一并返回,通过检查当前用户是有有这个标识来判断是否有相应的操作权限。

    数据权限控制:我理解的数据权限控制是角色有哪些接口调用的权限,防止用户跨域或者跨权限调用接口,我们需要把接口和角色菜单关联起来,调用接口时后台检测当前用户的角色是否有调用该接口的权限,如果没有权限则调用失败。整个权限管理中我觉得这一块是最复杂的,需要配置所有使用到的接口,还需要对每次接口调用进行检测,虽然可以通过正则表达式去匹配,但是还是有一定的局限性。另外对于非常大的系统,这个工作量是非常大的,所以这套权限控制方案不一定适用非常复杂的系统。

    三、详细介绍

    以下介绍以下我根据我的想法实现的权限管理功能(项目还有很多需要改进的地方,欢迎各位大神指点O(∩_∩)O~)

    1.、工作台预览

    以下是目前正在开发系统的整体布局,基于React.js+Antd开发,左侧菜单列表可以通过角色控制,不同角色返回的菜单不一样。

     

    2、用户管理

    这个没有什么好说的,就是管理用户信息的地方。这里其实有一个可以优化的地方,一个用户应该可以对应多个角色,这一块我简化了一下,每一个用户只有一个角色。每一个角色有一个权限级别,为数值1-9表示,值越大权限越大,每一个角色只能修改权限比其小的用户信息,否则操作按钮置灰。

     

    3.角色管理

    角色可根据自身系统业务需求,随意增删改查,无需事先定死角色类型,每个角色后面有一个权限管理入口,在那个页面给么给角色动态分配权限。

    4.菜单管理

    配置后台管理系统中的所有菜单,每一个菜单后面有一个“功能”按钮,在里面可以配置当前菜单中的功能点,细化到页面中的每个按钮,为每个功能点定义一个标识符,前端根据该标识符判断该用户是否有操作权限。

    5.页面功能

    这里统一管理页面中的功能项,包括功能名称以及对应的标识符,比如add,delete,edit,view分别代表增删改查按钮权限标识。

    6.功能接口

    系统是使用前后端分离的实现方式开发,为了防止跨域访问或者跨角色访问,后台需要对每个接口的调用进行权限检查,这里需要配置所有用到的接口,再把接口和菜单对应起来。前端访问调用接口时,后台检测其合法性。

    7.菜单功能配置

    上面配置了菜单和页面操作项标识,点击菜单管理中每一个菜单后面的“功能”按钮,进入菜单和功能点关联配置的界面。当前菜单中有哪些操作需要控制就添加那些操作的标识,前端通过这个标识判断用户是否在当前菜单页面中有该操作权限。

    8.菜单接口关联配置

    上面有提到,前后端分离,后台要检测接口调用权限,在这里配置菜单功能项和接口的关联,也就是说当前菜单中哪一个功能允许调用哪些接口在这记录下来,或者也可以把接口和角色关联起来,也许会更简单一些。

    9.角色页面权限管理

    前面角色列表界面中可以看到在每个角色后面有一个权限按钮,点击里面可以为每个角色配置相应的菜单。实现不同角色显示不同菜单的效果。

     

     

    四、总结

    以上是个人总结的一套权限管理解决方案,优点是可以对角色权限自由配置,权限颗粒度划分比较细,目前来看比较大的缺点就是配置比较复杂,特别是接口和各个功能点标识的配置。大家如果有什么其他更好的解决方案,希望能多多交流,学习学习。

    五、其他

    以上哪里写的不对或者有待改进,欢迎大家提意见,谢谢!
    转载请注明出处:http://www.luoxudong.com/?p=442

     

    展开全文
  • 本项目本着避免重复造轮子的原则,建立一套快速开发JavaWEB项目(springboot-mini),能满足大部分后台管理系统基础开发功能,使得开发人员直接可从业务模块开始,减少大量的重复开发工作。前端框架使用 layui-mini...
  • 【管理系统课程设计】美少女手把手教你后台管理

    万次阅读 多人点赞 2019-11-19 09:44:48
    【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,...
  • 网站后台管理系统

    千次阅读 2019-09-06 15:23:40
    大部分的 Web 应用和动态网站都需要一个后台管理系统用于管理前台界面的信息展示以及用户信息。管理后台的设计虽然不像前台界面那样要求设计精美,但是也需要有清晰的管理模块划分,这样使用后台管理系统的人员才...
  • 医院后台管理系统

    2018-03-27 17:48:12
    医院后台管理系统,欢迎各位码农下载查看,学习,交流
  • 国外最流行的Bootstrap后台管理模板

    万次阅读 2018-08-10 14:46:15
    工欲善其事,必先利其器 对于从事软件开发的您也一样,有一套熟悉的bootstrap后台ui框架让您的开发速度大幅度提升 这是本人经常使用到的一些bootstrap后台框架推荐给大家 第一名 inspinia bootstrap 演示地址 ...
  • MUI精美简洁后台管理系统MUI精美简洁后台管理系统MUI精美简洁后台管理系统MUI精美简洁后台管理系统MUI精美简洁后台管理系统
  • LayerUI后台管理模板

    热门讨论 2017-10-24 17:40:16
    LayerUI后台管理模板,支持多标签(官网的不支持),左侧菜单可以折叠,详细API可以访问LayerUI官网。
  • axure后台管理系统原型rp

    千次下载 热门讨论 2018-08-02 14:31:37
    axure后台管理系统原型rp,https://blog.csdn.net/ymmygtl/article/details/81358339
  • 27个后台管理界面设计

    千次下载 热门讨论 2015-07-13 23:42:35
    27个后台管理界面设计
  • bootstrap 后台管理模板 AdminEx

    热门讨论 2017-04-08 12:29:57
    bootstrap 后台管理模板 AdminEx
  • 后台WEB原型页面后台管理 后台WEB原型页面后台管理 后台WEB原型页面后台管理 后台WEB原型页面后台管理
  • AxureUX后台管理系统原型实例

    热门讨论 2018-08-02 12:07:00
    真实可用的后台管理系统Axure原型,页面样式齐全、功能交互完善。 可满足大部分后台管理系统原型设计的需求。
  • 后台管理系统

    千次阅读 2018-10-18 17:48:59
    后台管理脚手架系统的总结开始用户管理和安全校验模块 开始 做一个后台管理系统都需要那些模块,什么样的解决方案,来个总结反思备忘。 疑问 占位 用户管理和安全校验模块 用户系统和安全校验 前台 ...
  • vue电商后台管理系统

    2019-04-24 12:08:41
    电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能
  • 后台管理系统操作手册后台管理系统操作手册后台管理系统操作手册后台管理系统操作手册
  • Django教程 —— 站点后台管理

    千次阅读 2020-10-19 23:12:08
    Django站点后台管理、自定义后台管理
  • 后台管理系统界面

    千次阅读 2019-09-06 15:20:19
    31个高大上的后台管理系统模版 1. inspinia Demo 2.Thin Admin Template Demo&Download 3.FreshUI – Premium Web App and Admin Template Demo&Download 4.Clip-One – Bootstrap 3 Respo...
  • 使用Layui搭建后台管理界面

    万次阅读 多人点赞 2019-08-05 21:56:20
    Layui是一个样式比较丰富艳丽的UI框架,通过自学了相关api文档,自己手工搭建了一个后台管理页面。页面布局是常用的一套,上面是一个logo,左边区域是一个导航,中间是内容tab页,底部是版权信息,好了,看代码吧!&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 786,216
精华内容 314,486
关键字:

后台管理