(Web前端)十分优秀的后台管理框架收集

article/2025/9/16 20:31:55

Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,以下是我整理的一些UI框架模板,可以拿来稍加改造就能直接使用 

1、vue-element-admin

https://panjiachen.github.io/vue-element-admin-site/zh/guide/

本项目的定位是后台集成方案,不适合当基础模板来开发,模板建议使用 vueAdmin-template , 桌面端 electron-vue-admin

功能

  • 登录/注销

  • 权限验证

  • 侧边栏

  • 面包屑

  • 富文本编辑器

  • Markdown编辑器

  • JSON编辑器

  • 列表拖拽

  • plitPane

  • Dropzone

  • Sticky

  • CountTo

  • echarts图表

  • 401,404错误页面

  • 错误日志

  • 导出excel

  • table example

  • 动态table example

  • 拖拽table example

  • 内联编辑table example

  • form example

  • 多环境发布

  • dashboard

  • 二次登录

  • 动态侧边栏(支持多级路由)

  • mock数据

  • cache tabs example

  • screenfull

  • markdown2html

  • views-tab

2、Layui 

https://www.layui.com/ 

 

由职业前端倾情打造,面向所有层次的前后端开发者,零门槛开箱即用的前端UI解决方案

页面元素

  • 布局 栅格 / 后台布局
  • 颜色 主题色设计感 / 内置背景色
  • 图标 字体图标
  • 动画 内置的CSS3动画类
  • 按钮 button组
  • 表单 form元素集合
  • 导航 菜单 / 面包屑
  • 选项卡 Tabs 切换
  • 进度条 progress
  • 面板 折叠 / 手风琴
  • 表格 静态table
  • 徽章 小圆点 / 小边框
  • 时间线 timeline
  • 辅助 引用 / 字段集 / 横线等

内置模块

  • 弹出层 layer
  • 日期与时间选择 laydate
  •  即时通讯 layim
  • 分页 laypage
  • 模板引擎 laytpl
  •  数据表格  table
  •  表单 form
  • 文件上传 upload
  •  常用元素操作 element
  •  颜色选择器  colorpicker
  •  滑块  slider
  •  评分 rate
  •  轮播 carousel
  •  流加载 flow
  •  工具集 util
  •  代码修饰器 code

 

3、AdminLTE

Github 地址:https://github.com/almasaeed2010/AdminLTE

国内示例及文档说明下载:http://adminlte.la998.com/、http://adminlte.la998.com/documentation/index.html

AdminLTE 是一个开源的后台控制面板和仪表盘 WebApp 模板,非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 

 

4、Gentelella

 Github 地址:https://github.com/puikinsh/gentelella

演示地址: https://colorlib.com/polygon/gentelella/

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

 

5、ng2-admin 

Github 地址:https://github.com/akveo/ngx-admin

演示地址:http://akveo.com/ng2-admin/#/pages/dashboard

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

 

6、ant-design-pro

Github 地址:https://github.com/ant-design/ant-design-pro

演示地址:https://preview.pro.ant.design/dashboard/analysis

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

 

==========================================================

例外推荐一个

bootstrap模板网站:http://www.cssmoban.com/cssthemes/houtaimoban/ 

==========================================================


http://chatgpt.dhexx.cn/article/Ey8oW2tT.shtml

相关文章

web 后台学习介绍

什么是后台 后台,指网站后台,有时也称为网站管理后台,是指用于管理网站前台的一系列操作,如:产品、企业信息的增加、更新、删除等。动态网页一般指的就是后台和静态页面结合的网页。例如,我们最常用的淘宝…

有关Web前端和后台的部分简介

有关Web前端和后台的部分简介 Web前端简述 1:Web前端是什么 Web前端技术包括JavaScript,ActionScript,CSS,xHTML等“传统”技术与Adobe RIA,Google Gears,以及概念性较强的交互式设计,艺术性设计较强的视觉设计等等。它所涵盖的…

java oozie任务状态_Oozie工作流分析

我们在实际的生成操作中经常需要将一些任务在晚上开启进行定时执行,或者多个作业,例如hive,mapreduce,shell等任务的组合调用。 我们可以使用linux的contab spervisor inotify-tool进行任务的配值,但是操作起来麻烦,而且没有可视…

Oozie--安装部署

Oozie的部署 1、上传解压2、配置Hadoop代理用户3、重启Hadoop集群4、解压lib包5、引入extjs6、修改oozie配置文件7、创建oozie元数据库8、初始化oozie为什么要将oozie的这些jar包放到hdfs上? 9、生成web项目10、配置环境变量11、Oozie的启动与关闭12、修改界面默认时区 参考&a…

【Oozie】CDH集群的oozie手把手快速入门

背景 在今天中午,本人快乐的干饭的时候,领导打电话过来询问oozie是个什么样的东西,能不能有个用例?在本人的理解里面,oozie主要是个调度工具。所以本篇为CDH集群的oozie的快速入门教程 环境准备 CDH集群一套CDH集群…

Oozie5.2.1源码编译及安装部署

Oozie5.2.1源码编译 一、准备工作二、开始编译三、安装部署四、运行测试五、总结六、编译后得版本 说明: 官网下载最新版本:https://oozie.apache.org/依赖环境:CentOS7JDK1.8maven-3.6.3pig-0.17.0参考官网 一、准备工作 下载maven、安装、修改setting…

关于oozie

一、定义 1.oozie是一个管理apache hadoop作业的工作调度系统 2.oozie的workflow jobs是由actions组成的有向无环图(DAG) 3.oozie的coordinate jobs是由时间(频率)和数据可用性的重复的workflow jobs . 4.oozie 与hadoop生态圈的其他部分及车鞥在一起,支持多种类型…

任务调度之Oozie详解

利用shell脚本通过crontab进行定时执行,这样实现的话比较简单,但是随着多个job复杂度的提升,无论是协调工作还是任务监控都变得麻烦,我们选择使用oozie来对工作流进行调度监控。 1. Oozie的特点 Oozie是管理hadoop作业的调度系统…

Oozie简介

在Hadoop中执行的任务有时候需要把多个Map/Reduce作业连接到一起,这样才能够达到目的。[1]在Hadoop生态圈中,有一种相对比较新的组件叫做Oozie[2],它让我们可以把多个Map/Reduce作业组合到一个逻辑工作单元中,从而完成更大型的任务…

Oozie

文章目录 **一、** **Apache Oozie****1.** **Oozie概述****2.** **Oozie的架构****3.** **Oozie**基本原理**3.1.** **流程节点** **4.** **Oozie工作流类型****4.1.** **Work**Flow**4.2.** *…

工作流调度工具--Oozie

一、背景 一个完整的数据分析系统通常是由大量的任务单元组成,Shell脚本、Java程序、MapReduce程序、Hive脚本等等,各个任务单元之间存在时间先后及前后依赖关系。 为了很好的组织这样的复杂执行计划,需要一个工作流调度系统来调用执行。 简…

Oozie基础入门

前言: 因为工作需要用到oozie,但是网上的资料越看越迷茫,经过很大的努力,终于折腾清楚了,这里,做一个总结,帮助后来者更好地进行入门,当然,粗鄙之言,难免疏漏…

大数据调度工具oozie详细介绍

背景: 之前项目中的sqoop等离线数据迁移job都是利用shell脚本通过crontab进行定时执行,这样实现的话比较简单,但是随着多个job复杂度的提升,无论是协调工作还是任务监控都变得麻烦,我们选择使用oozie来对工作流进行调…

oozie详解

1、什么是Oozie Oozie是一种java web应用程序,它运行在java servlet容器中,并使用数据库来存储一下内容: ①工作流定义 ②当前运行的工作流实例,包括实例的状态和变量 Oozie工作流失放置在控制依赖DAG(有向无环图)中的一组动作&am…

大数据Hadoop之——任务调度器Oozie(Oozie环境部署)

文章目录 一、概述二、Oozie架构三、Oozie环境部署(Oozie与CDH集成)1)添加服务2)将 Oozie 服务添加到 CDH3)自定义角色分配4)数据库设置5)审核更改6)开始自动安装并自启 四、CDH的 H…

Java并发编程(一):多线程与并发原理回顾

今天来聊一聊经典的Java技术,并发编程。并发是程序的灵魂,一个优秀的Java程序一定会支持高并发,并且,并发编程也是面试环节中经常会问到的一个问题,那么今天我们以一道经典的Java面试题回顾一下Java的并发编程。废话不…

java并发编程的艺术和并发编程这一篇就够了

java并发编程的艺术(精华提炼) 通常我们在使用编发编程时,主要目的是为了程序能够更快的处理,但是并不是说更多的线程就一定能够让程序变得足够快,有时候太多的线程反而消耗了更多的资源,反而让程序执行得更缓慢 一.CPU的上下文切换 就算是单核CPU是能够处理多线程任务的,它只…

JAVA并发编程总结

一、基础知识 1.1 线程安全 当多个线程访问某个类时,这个类始终都能表现出正确的行为,那么就称这个类是线程安全的。 CAP理论 原子性 我们把一个或者多个操作在CPU执行的过程中不被中断的特性称为原子性. 可见性 当一个线程修改了对象状态后&#xf…

Java并发:整理自《Java并发编程实战》和《Java并发编程的艺术》

声明:Java并发的内容是自己阅读《Java并发编程实战》和《Java并发编程的艺术》整理来的。 图文并茂请戳 思维导图下载请戳 目录 (1)基础概念 (2)线程 (3)锁 (4)同步器 (5)并发容器和框架 (6)Java并发工具类 (7)原子操作类 (8)Executor框架(执行机制) (9)…

Java并发编程的艺术-并发编程基础

Java从诞生开始就明智地选择了内置对多线程的支持,这使得Java语言相比同一时期的其他语言具有明显的优势。线程作为操作系统调度的最小单元,多个线程能够同时执行,这将显著提升程序性能,在多核环境中表现得更加明显。但是&#xf…