`
rensanning
  • 浏览: 3548956 次
  • 性别: Icon_minigender_1
  • 来自: 大连
博客专栏
Efef1dba-f7dd-3931-8a61-8e1c76c3e39f
使用Titanium Mo...
浏览量:38158
Bbab2146-6e1d-3c50-acd6-c8bae29e307d
Cordova 3.x入门...
浏览量:607324
C08766e7-8a33-3f9b-9155-654af05c3484
常用Java开源Libra...
浏览量:682354
77063fb3-0ee7-3bfa-9c72-2a0234ebf83e
搭建 CentOS 6 服...
浏览量:89370
E40e5e76-1f3b-398e-b6a6-dc9cfbb38156
Spring Boot 入...
浏览量:401861
Abe39461-b089-344f-99fa-cdfbddea0e18
基于Spring Secu...
浏览量:69701
66a41a70-fdf0-3dc9-aa31-19b7e8b24672
MQTT入门
浏览量:91724
社区版块
存档分类
最新评论

后台管理系统的UI组件

 
阅读更多
后台管理系统的主要任务在于业务逻辑和数据处理上,不需要绚丽的交互,目前来说jQuery+Bootstrap足以架起一个后台管理系统的前端,但多少还有些不足,有很多Widget Library提供一整套完整的UI扩展,比如:jQuery UIjQuery EasyUI等,大而全的东西未免太重,本着按需引入的原则,这里整理后台管理系统经常用到的一些library。

(1)JavaScript library(No Dependencies)
ECharts https://github.com/ecomfe/echarts


CKEditor http://ckeditor.com/


Ace Editor https://ace.c9.io/


CodeMirror http://codemirror.net/


Dropzone https://github.com/enyo/dropzone


Fine Uploader https://github.com/FineUploader/fine-uploader


Sortable https://github.com/RubaXa/Sortable


Move.js https://github.com/visionmedia/move.js


Intro.js https://github.com/usablica/intro.js


PleaseWait.js https://github.com/Pathgather/please-wait


SpinKit https://github.com/tobiasahlin/SpinKit


SweetAlert https://github.com/t4t5/sweetalert/


FormValidation  https://github.com/formvalidation/formvalidation


typeahead.js https://github.com/twitter/typeahead.js


(2)CSS library
Animate.css https://github.com/daneden/animate.css


Effeckt.css https://github.com/h5bp/Effeckt.css


Hint.css https://github.com/chinchang/hint.css


Buttons https://github.com/alexwolfe/Buttons


(3)jQuery Plugins
jquery.lazyload https://github.com/tuupola/jquery_lazyload
jquery.masonry https://github.com/desandro/masonry
jquery.wookmark https://github.com/germanysbestkeptsecret/Wookmark-jQuery

jquery.fileupload https://github.com/blueimp/jQuery-File-Upload


jquery.chosen https://github.com/harvesthq/chosen


jquery.select2 https://github.com/select2/select2


jquery.selectize https://github.com/selectize/selectize.js


jquery.icheck https://github.com/fronteed/icheck


jquery.maskedinput https://github.com/digitalBush/jquery.maskedinput


jquery.imagepicker https://github.com/rvera/image-picker


jquery.fullcalendar https://github.com/fullcalendar/fullcalendar


jquery.gridster https://github.com/ducksboard/gridster.js


jquery.lightbox https://github.com/dimsemenov/Magnific-Popup


jquery.imagecropper https://github.com/fengyuanchen/cropper


jquery.noty https://github.com/needim/noty


jquery.jstree https://github.com/vakata/jstree/


jquery.contextMenu https://github.com/swisnl/jQuery-contextMenu


jquery.skitterSlideshow https://github.com/thiagosf/SkitterSlideshow


jquery.slick https://github.com/kenwheeler/slick


jquery.scrollify https://github.com/lukehaas/Scrollify


jquery.fullPage https://github.com/alvarotrigo/fullPage.js


jquery.tooltip https://github.com/qTip2/qTip2


zTree https://github.com/zTree/zTree_v3
artDialog https://github.com/aui/artDialog
jQuery Hotkeys https://github.com/jeresig/jquery.hotkeys

(4)Bootstrap Plugins
bootstrap-ladda https://github.com/msurguy/ladda-bootstrap
bootstrap-fileinput https://github.com/grevory/bootstrap-file-input
bootstrap-datepicker https://github.com/eternicode/bootstrap-datepicker
bootstrap-daterangepicker https://github.com/dangrossman/bootstrap-daterangepicker
bootstrap-datetimepicker https://github.com/Eonasdan/bootstrap-datetimepicker
bootstrap-tagsinput https://github.com/bootstrap-tagsinput/bootstrap-tagsinput
bootstrap-colorpicker https://github.com/mjolnic/bootstrap-colorpicker
bootstrap-xeditable https://github.com/vitalets/x-editable
bootstrap-switch https://github.com/nostalgiaz/bootstrap-switch
bootstrap-notify https://github.com/mouse0270/bootstrap-notify
bootstrap-bootbox https://github.com/makeusabrew/bootbox
bootstrap-lightbox https://github.com/ashleydw/lightbox


Bootstrap免费模板
AircraftAdmin -- 简洁模板


Oleose -- 移动应用介绍模板


高级模板
AdminLTE(基于Bootstrap 3)


Gentelella(基于Bootstrap 3)


ModularAdmin (基于Bootstrap 4)

  • 大小: 210.4 KB
  • 大小: 142.4 KB
  • 大小: 111.3 KB
  • 大小: 58.7 KB
  • 大小: 366.4 KB
  • 大小: 202.6 KB
  • 大小: 33.2 KB
  • 大小: 27 KB
  • 大小: 188.2 KB
  • 大小: 2.4 MB
  • 大小: 11 KB
  • 大小: 339 KB
  • 大小: 82 KB
  • 大小: 519.8 KB
  • 大小: 73.3 KB
  • 大小: 92.5 KB
  • 大小: 14 KB
  • 大小: 53.4 KB
  • 大小: 1004.6 KB
  • 大小: 109.3 KB
  • 大小: 18.7 KB
  • 大小: 403 KB
  • 大小: 152.4 KB
  • 大小: 93 KB
  • 大小: 388.1 KB
  • 大小: 27.2 KB
  • 大小: 145 KB
  • 大小: 712.4 KB
  • 大小: 139.8 KB
  • 大小: 71 KB
  • 大小: 3.1 MB
  • 大小: 3.2 MB
  • 大小: 142 KB
  • 大小: 38.1 KB
  • 大小: 2.4 KB
  • 大小: 27.1 KB
  • 大小: 4.4 KB
  • 大小: 285.3 KB
  • 大小: 29.4 KB
  • 大小: 6.2 KB
  • 大小: 43.1 KB
  • 大小: 90.9 KB
分享到:
评论

相关推荐

    layui后台管理系统UI模板

    layui的后台管理系统UI模板,是基于layui框架设计的一整套页面布局和组件,旨在帮助后台开发人员提升开发速度,同时保证产品的美观和用户体验。 layui框架的核心设计理念是模块化,它将前端资源如CSS样式、...

    H+后台管理系统UI框架(最新版本)

    H+后台管理系统UI框架是一款专为开发者设计的高效、易用的前端开发工具,它集成了丰富的组件和模板,能够帮助开发者快速构建出美观且功能强大的管理界面。H+ UI框架以其简洁的设计风格和强大的功能性在IT行业内备受...

    后台管理界面UI 漂亮 通用后台管理界面

    【描述】中提到的“漂亮的后台管理UI框架”是指在设计和开发后台管理系统时所使用的用户界面(UI)模板,它专注于提供美观、易用且高效的交互体验。这里的“OA系统界面UI”指的是办公自动化(Office Automation, OA...

    基于vue + element UI 的后台管理系统模板

    在本项目中,Vue.js 被用来构建整个后台管理系统的视图层。 【Element UI】 Element UI 是一套基于 Vue.js 的开源UI组件库,由饿了么团队开发,提供了一系列完善的企业级组件,如表格、按钮、提示、下拉框、导航、...

    Karaca Admin后台管理系统UI模板

    《Karaca Admin后台管理系统UI模板详解》 在IT行业中,一套优秀的后台管理系统UI模板是提升工作效率、优化用户体验的关键。本文将深入探讨“Karaca Admin后台管理系统UI模板”,它以其独特的设计风格、丰富的功能...

    CoreUI漂亮设计后台管理系统界面模板下载

    在功能方面,CoreUI包含了大量的预建组件,如导航栏、侧边栏、表单控件、图表、通知、模态框等,这些都是后台管理系统常见的功能模块。同时,它还提供了多种布局选项,如固定布局、流式布局和混合布局,以适应不同的...

    16套bootstrap后台管理系统模版UI框架

    "16套bootstrap后台管理系统模版UI框架"是一系列基于Bootstrap的资源集合,旨在帮助开发者快速创建美观且功能齐全的后台管理界面。 首先,我们来了解一下Bootstrap的核心特性: 1. 响应式设计:Bootstrap采用网格...

    基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip

    总的来说,"基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip"是一个完整的前端项目实例,结合Vue3的最新特性和Naive UI的便利,为开发高效、美观的后台管理界面提供了很好的基础。开发者可以借此学习到现代前端...

    Amaze UI Admin后台管理系统模板

    Amaze UI Admin是一款基于Amaze UI框架的后台管理系统模板,专为构建高效、美观的管理界面而设计。这款模板包含了丰富的组件和功能,适合用于OA(办公自动化)、CMS(内容管理系统)以及各种需要后台界面的应用场景...

    基于 vue + element-ui 的后台管理系统

    综上所述,“基于 vue + element-ui 的后台管理系统”是一个综合性的项目,涵盖了前端开发的多个方面,包括前端框架、UI组件库、后端接口、数据管理、用户认证、权限控制等。这样的系统为开发者提供了一个高效且美观...

    基于bootstrap的后台管理系统UI框架

    在这个“基于Bootstrap的后台管理系统UI框架”中,我们将会探讨如何利用Bootstrap的特性来打造一个功能完备、美观易用的后台管理界面。 首先,Bootstrap的核心是其栅格系统,它允许开发者通过简单的类名控制页面...

    一款 Vue 中后台管理系统框架,支持多款 UI 组件库,兼容PC、移动端.zip

    总的来说,这款基于Vue的中后台管理系统框架,结合了Vue的强大功能和多款UI组件库的优势,为开发者提供了构建跨平台、高性能管理系统的理想工具。通过合理利用这些资源,开发者能够快速地搭建出符合业务需求的后台...

    基于vue2 + Element-ui搭建的后台管理系统源码.zip

    1. **丰富组件**:包括按钮、表单、表格、对话框、通知、布局等多种常用UI组件,满足后台管理系统的各种需求。 2. **Material Design风格**:遵循Material Design设计规范,提供统一的视觉效果和良好的用户体验。 3....

    新拟态风格UI组件库

    新拟物风格的数据呈现UI组件 Sketch源文件 人员信息/音视频/开关/卡片/进度条/数据表/多选框等等

    Vue + Element-ui后台管理系统模板.zip

    Element UI 是一套基于 Vue.js 的开源组件库,它提供了大量的预设组件,如表格、按钮、提示、下拉菜单等,用于快速构建企业级的后台管理系统。Element UI 设计风格简洁,组件交互友好,极大地提高了开发效率。 这个...

    基于vue2.0 +vuex+ element-ui后台管理系统.rar

    在"基于vue2.0 +vuex+ element-ui后台管理系统"中,我们将会探讨如何利用这些技术构建一个功能完备的后台管理系统。 Vue 2.0 的核心特性包括: 1. **虚拟DOM**:Vue 2.0 使用虚拟DOM来提高页面渲染速度,通过比较...

    Web后台管理系统UI样式参考网页示例集

    综上所述,这个压缩包提供了一套完整的Web后台管理系统UI设计的参考实例,涵盖了从基础元素到复杂组件的各种应用场景,对于进行后台管理系统开发和优化的设计师或开发者来说,是非常宝贵的参考资料。通过学习和借鉴...

    后台管理系统模板++树形

    在IT行业中,后台管理系统是构建任何复杂Web应用的基础,它负责处理数据、用户管理、权限控制等核心功能。本资源提供的“后台管理系统模板++树形”是一个专为开发者设计的框架,旨在加速开发过程,通过预设的结构和...

    基于ElementUI的后台管理系统

    总结,基于ElementUI的后台管理系统充分利用了Vue.js的组件化特性,结合ElementUI丰富的UI组件,使得后台系统的开发变得高效而优雅。在实际项目中,开发者可以通过灵活组合和定制这些组件,快速构建出满足需求的后台...

    axure元件库后台管理系统

    在后台管理系统中,axure元件库的作用尤为重要,因为它允许设计者标准化和模块化界面组件,确保整个系统的一致性和易用性。 模块化版块设计是后台管理系统的核心特征之一。通过将复杂的后台功能划分为独立的模块,...

Global site tag (gtag.js) - Google Analytics