前端UI大全(针对后台管理系统)
转自http://blog.csdn.net/u011001084/article/details/52250270
最近有个项目需要,维护优化以前一个外包的项目,由于项目比较早所以UI不太美观,想做重构。想满足的条件应该达到如下几个:
1、美观、大方、简洁
2、兼容IE8、不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8
3、能通过选项卡打开多个页面,不想做单页,iframe也没关系
4、性能好,不要太笨重
5、最好以Bootstrap为基础
6、还希望在以后别的系统中能够复用。
一次次反复纠结的选择开始了,给大家介绍下我考虑过的UI,也给大家一个参考。
一、EasyUI
easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
优点:轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好
缺点:非响应式布局、某些系统看起来有点土(客户与老板的感觉、确实与最新的那些UI有差距)
获得:上网搜索、网盘搜索大把被搭建好了基础功能的框架。下载
下载后大家可以替换成最新的1.5版的easyui
官网:http://www.jeasyui.com/,有免费版,有商业版,商业版收费,帮助非常详尽
资源:http://www.jeasyui.net/,easy是国外的产品,这个网站类似官网的中文版
二、DWZ JUI
特点:DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。
官网:http://jui.org/
下载:https://github.com/dwzteam/
三、HUI
H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。分了前端UI与后端UI。
官网:http://www.h-ui.net/H-ui.admin.shtml 后台,http://www.h-ui.net/ 前台
下载:https://github.com/jackying/
缺点:感觉用的人少,名气小,资料不全,配套组件不多,但国人的产品符合国人的口味。
四、BUI
BUI她是基于jQuery,兼容KISSY的UI类库,专致于解决后台系统的框架方案,BUI提供了丰富的DPL含有强大的控件库对业务做了精细的分析。
官网:http://www.builive.com/
下载:https://github.com/dxq613/bui
感觉也比较冷、与HUI有点类似的优点整体框架符合我的要求,但风格有种说不出的感觉。
五、Ace Admin
响应式Bootstrap网站后台管理系统模板ace admin,非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换。以前收费,好像最新版不再收费了。
下载:https://github.com/bopoda/ace
官网:http://ace.jeka.by/
感觉比较全,功能强大,组件多,美观,只是用了很多不同的插件,兼容性不错。
兼容的浏览器:
- Internet Explorer 10
- Internet Explorer 11
- Internet Explorer 8
- Internet Explorer 9
- Latest Chrome
- Latest Firefox
- Latest Opera
- Latest Safari
使用的插件:
使用到的插件并没有分开存放,使用起来会麻烦一些。
另外该插件也被很多人简化、修改成选项卡+iframe风格了。
六、Metronic
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。
页面规范、精致、细腻、美观大方;功能强大、非常全;在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的,其外观之友好、功能之全面让人惊叹。Metronic 是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。
优点:
支持HTML5 和 CSS3
自适应,基于响应式 Twitter Bootstrap框架,同时面向桌面电脑、平板、手机等终端。
整合AngularJS 框架。
可自定义管理面板,包括灵活的布局、主题、导航菜单、侧边栏等。
提供了部分电子商务模块:CMS, CRM, SAAS。
多风格,提供了3个前端风格,7个后端管理面板风格。
简洁扁平风格设计。
700多个网页模版,1500多个UI小组件,100多个表单,80多个jQuery插件。
提供说明文档。
缺点:
太大了,真的不知道从那里开始
对IE的兼容不好,虽然官方声称支持IE8,但我测试结果不支持
收费,今天的价格是$28
七、H+ UI
官网的介绍:H+是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.4),当然,也集成了很多功能强大,用途广泛的jQuery插件,她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,当然,您也可以对她进行深度定制,以做出更强系统。
官网:http://www.zi-han.net/theme/hplus/
与Metronic与INSPINIA非常像,插件非常多,收费998人民币。
八、Admin LTE
AdminLTE 是一个基于Bootstrap 3.x的免费主题,它是一个完全响应式管理模板。高度可定制的,易于使用。适合从小型移动设备到大的台式机很多的屏幕分辨率。
下载:https://github.com/almasaeed2010/AdminLTE (目前star 11652+)
预览: http://almsaeedstudio.com/preview/
官网:Free Bootstrap Admin Template
浏览器支持:
IE 9+
Firefox (latest)
Chrome (latest)
Safari (latest)
Opera (latest)
插件:
特点:
- 响应式布局,支持多种设备
- 打印增强
- 丰富可排序的面板组件
- 18个插件与3个自定义插件
- 轻量、快速
- 兼容主流浏览器,IE8不兼容
- 支持Glyphicons, Fontawesome和Ion图标
整体感觉与Metronic类似、功能强大,UI精致,被许多公司使用。
评论中感谢网友(dotNetDR_、醉丶千秋)推荐,确定是值得关注的一个UI。
九、其它UI
十、总结
没有形式就没有内容、UI重要,特别是当客户与老板不懂太多关于代码、功能、性能的时候。
上面的UI你也许可以通过各种途径获得,但商业应用请慎重。
想来想去还是拿不定主意,不过有点想法:
1、使用HUI和bootstrap
2、使用EasyUI的框架,内容页使用HUI+BootStrap,iframe选项卡
3、从各个功能强大的页面中拿一些插件过来
前端UI大全(针对后台管理系统)相关推荐
- 推荐几款好用的UI框架 和 后台管理系统(开源免费)
1.RuoYi https://ruoyi.vip/ RuoYi是一个后台管理系统,基于经典技术组合(Spring Boot.Apache Shiro.MyBatis.Thymeleaf)主要目 ...
- 前端dashboard框架_后台管理系统,前端框架用什么最好?
当你写项目的时候,如何快速的完成一个项目的搭建,这个时候就需要借助到一些模板了,前端开发的一个好处就是,各类UI模板都是相当的齐全的,直接拿来用就可以了,脱离了一行又一行垒代码的繁琐的工作,以下的开源 ...
- 前端UI交互 - 中后台系统 - 界面布局原则
前言:界面布局原则,这个属于UI专业的范畴,作为非专业人士,在此不谈专业性质的内容,只聊一下个人开发过程中遇到的.总结的一些布局情况 1 统一原则 这个原则比较大,每个系统.ui库都会要求自身统一.在 ...
- 前端UI交互 - 中后台系统 - 1+4色彩模式
由于移动端与PC端的交互差异很大,而PC端的界面toC的与toB的中后台系统,又有很大的差别,本文开始从中后台系统交互讲起 基于目前主流的两大UI框架来讲,vue对应的element UI,react ...
- 前端Vue3.0搭建后台管理系统
视频 第1节 - 了解项目开发流程 第1学时 了解产品从0到1的开发流程,产品经理.UI设计师.研发部.测试工程师.mp4 第2节 - 构建vue项目.代码仓 ...
- Naive Ui Admin 发布后台管理系统 高颜值Admin骨架 看看是不是你想要的
简介 Naive Ui Admin 是一个免费开源的中后台模版,使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. 特性 最新技术栈 ...
- 使用 vue 一套功能 UI 全面 的 后台管理系统
链接 转载于:https://www.cnblogs.com/dhsz/p/6560725.html
- 多款非常优秀的基于 vue3.x 、Native UI、TypeScript 的中后台管理系统模板
前言 今天给大家分享5款开源且非常优秀的基于 vue3.x . Native UI 的中后台管理系统模板,助力大家快速开发一个中后台管理系统 Soybean Admin 简介 Soybean Admi ...
- 基于uni-app手机端后台管理系统uni-uadmin
Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例. 全新毛玻璃UI视觉uniapp后台管理系统.使用了uni-app+uView-ui+uni-ui等技术开发架构,内 ...
最新文章
- 【目标分类_长尾分布问题】BBN:Bilateral-Branch Network _ CVPR2020
- 第五章 面向方面编程___AOP入门
- 闲置服务器 虚拟服务器,闲置主机搭建服务器
- 【JAVA 第三章 流程控制语句】课后习题 判断用户输入的数是否为质数
- Javascript实现二级select联动
- mysql常见字符串处理函数
- Block code execution after alert view is displayed in iOS
- 电容式传感器位移性能试验报告_称重传感器的构成
- unity之EasyAR使用
- Latex beamer制作ppt
- JasperReport:数据填充和多种类别报表
- Python网络爬虫之数据解析(一)
- Centos7 | etc 目录下文件详解
- 【算法之动态规划(一)】动态规划(DP)详解
- qt SceneView模拟发送鼠标点击事件
- 工业网关作为数据采集、数据转发的重要设备,如何服务与工业互联网
- 微计算机原理及应用第八章,微型计算机原理及应用课件第八章中断.docx
- python-App自动化测试框架——uiautomator2之元素操作方法(三)
- 小程序修改vant框架的ui样式
- 【推荐】智慧交通解决方案合集45篇
热门文章
- 业内接口虚拟化的厂家(京华科讯,华为,威睿,ORACLE)及特点
- mysqldump: Got error: 1031: Table storage engine for ‘BRIGHTHOUSE‘ doesn‘t have this option when....
- JAVA 安全-JWT 安全及预编译 CASE 注入等
- php博饼,2018博饼html5
- 1、点评搜索服务推荐系统项目概述
- 空间曲线的切线,法面,密切面,主法线,副法线,从切面,活动标架
- 产品分析报告:「腾讯相册管家」,你的回忆,由我珍藏
- web ctf解题记录 bugku的ctf_论剑场
- 计算机1.1n次方等于100,1的N次方等于1,那1.01的365次方是多少?小进步助你迎来闪光时刻...
- unity3d-多人坦克对战