
最近我想为企业构建OA系统. 我一直在使用EasyUI. 一切都很好,但感觉有点脏. 我想更改为流行的基于Bootstrap的后端UI样式. 我要满足的条件如下:
1,美丽,大方,简单
2,与IE8兼容,不考虑与IE6 / IE7兼容,因为仍然有很多公司使用Win7系统,该系统内置了IE8
3,可以通过标签页打开多个页面,不想做一个页面,iframe没关系
4. 性能不错,不太笨
5,最好基于Bootstrap
6. 我也希望将来能在其他系统中重用它.
纠结的选择一次又一次地开始. 让我介绍一下我考虑过的UI,并给您提供参考.
easyui是基于jQuery的用户界面插件的集合.
easyui提供了创建现代的交互式JavaScript应用程序所需的功能.
使用easyui,您无需编写大量代码,只需编写一些简单的HTML标记即可定义用户界面.
easyui是一个完全支持HTML5网页的完整框架.
easyui可以节省您的Web开发时间和规模.
easyui简单但功能强大.


优点: 轻巧,功能强大,免费,兼容,有用,详尽且生态友好.
缺点: 布局无响应,某些系统看上去有点脏(客户和老板的感觉,与最新的UI确实不同)
获取: Internet搜索,网络磁盘搜索大多具有基本功能. 下载
下载后,您可以替换为最新的1.5 easyui
官方网站: 有一个免费版本,有一个商业版本,该商业版本是收费的,帮助非常详细.
资源: easyui是中文作品,但服务器在国外,官方网站也使用英语. 该网站类似于官方网站的中文版本.
功能: DWZ富客户端框架(jQuery RIA框架)是基于中文开发的基于jQuery的Ajax RIA开源框架. 设计目标是简单实用,快速开发并降低Ajax开发成本.

官方网站:
下载:
H-ui前端框架是基于HTML,CSS,JAVASCRIPT的引导程序开发的轻量级Web前端框架. 它是开源的,免费的,简单而灵活的,并且具有良好的兼容性,可以满足大多数中文网站的要求. 分为前端UI和后端UI.



官方网站: 后台,前台
下载:
缺点: 我觉得人少,名气少,信息不全,配套要素也不多,但是中国人的产品符合中国人的口味.
BUI是基于jQuery且与KISSY兼容的UI类库. 它致力于解决后端系统的框架. BUI为丰富的DPL提供了强大的控制库,可以对业务进行详细的分析.

官方网站:
下载:
感觉较冷,并且具有与HUI相似的优点. 总体框架可以满足我的要求ligerui 官网,但是样式却有着难以形容的感觉.
响应式Bootstrap网站后台管理系统模板ace admin是一个非常好的轻量级且易于使用的admin后台管理系统. 它基于Bootstrap3,具有强大的功能组件和UI组件. 显示屏可以适应不同的设备,并且可以切换四个主题. 以前是收费的,似乎不再为最新版本收费.




下载:
官方网站:
感觉比较完整ligerui 官网,功能强大,组件众多且美观. 它只是使用了许多不同的插件,并具有良好的兼容性.
兼容的浏览器:
使用的插件:


jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.2.1 Google "Open Sans" Font jQuery Flot Charts 0.8.1 jQuery Sparklines 2.1.2 Easy Pie Chart 1.2.5 jQuery Knob 1.2.0 jQuery Validate 1.11.1 FuelUX 2.3.0 (Spinner & Wizard & Treeview) FullCalendar 1.6.4 jQuery ColorBox 1.4.27 jQuery dataTables 1.9.4 jQuery Chosen 1.0 jQuery Masked Input 1.3.1 jQuery Input Limiter 1.3.1 jQuery AutoSize 1.17.7 Bootstrap Colorpicker Bootstrap Datepicker Bootstrap Timepicker v0.2.3 Bootstrap DateRange Picker 1.2 Bootbox.js 4.0.0 jQuery Gritter 1.7.4 jQuery slimScroll 1.1.1 Spin.js 1.3.0 jQuery UI Touch Punch 0.2.2 Google Code Prettify ExplorerCanvas Mindmup Wysiwyg Editor Toopay Markdown Editor 1.1.4 X-editable 1.4.6 Select2 3.4.2 Bootstrap Tags 2.2.5 jQuery Mobile 1.3.2 (Custom Build) jqGrid 4.5.2 Dropzone.js 3.0 Nestable lists plugin

查看代码
使用的插件未单独存储,使用起来更加麻烦.
此外,该插件已被许简化并修改为tab + iframe样式.
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 +是基于最新版本的Bootstrap 3.3.6开发的完全响应的扁平主题. 她使用主流的左右列布局,并使用Html5 + CSS3等现代技术. 她提供了许多强大的UI组件,可以将它们与最新的jQuery版本(v2.1.4)重新组合和集成. 当然,它还集成了许强大且用途广泛的jQuery插件,可在所有Web应用程序中使用,例如网站管理背景,网站成员中心,CMS,CRM,OA等. 当然,您也可以深入自定义她建立一个更强大的系统.

官方网站:
与Metronic和INSPINIA一样,有很多附加组件,它们的价格为998元.
AdminLTE是基于Bootstrap 3.x的免费主题. 它是一个完全响应的管理模板. 高度可定制且易于使用. 适用于从小型移动设备到大型台式机的多种屏幕分辨率.



下载: (当前为星级11652 +)
预览:
官方网站: 免费的Bootstrap管理模板
浏览器支持:
IE 9 +

Firefox(最新)
Chrome(最新)
Safari(最新)
Opera(最新)
插件:


Boostrap Slider Ion slider Bootstrap WYSIHTML5 CKEditor Bootstrap Colorpicker Bootstrap Date range Picker Bootstrap Time Picker Data Tables Flot Morris.js Sparkilne Full Calendar iCheck jQuery input mask jQuery Knob jVector Map Slim Scroll Pace Bootstrap Social Buttons

查看代码
功能:
总体感觉类似于Metronic,功能强大,并且UI被许多公司改进和使用.
感谢网友(dotNetDR_,Zui,Qianqiu)在评论中提出建议. 绝对是一个值得关注的用户界面.
INSPINIA是用于图形设计概念的管理模板. 它是由Bootstrap3 +框架,HTML5和CSS3开发的完全响应模板. 它具有许多可重复使用的UI组件,并集成了最新的jQuery插件. 它可以用于所有类型的Web应用程序自定义管理面板,项目管理系统,管理仪表板,应用程序后端,CMS或CRM.



就像Metronic一样,样式更相似. 我个人认为它比Metronic更强大. 页面规范,精美,细腻,美观,典雅;功能强大且非常全面;在所有基于Bootstrap的网站模板中,我认为Metronic是我认为最杰出的网站之一. 其友好的外观和完善的功能令人赞叹. Metronic是一种自适应HTML模板,提供了两种样式的后台管理模板和前端内容网页模板.
与浏览器兼容:
费用,今天的价格是18美元.
演示地址:
功能:

与Metronic相比,他准备了许多版本,例如:
静态版本,AngularJS,ASP.NET MVC5 / MVC6,Meteor和Ruby on Rails版本
有许多插件,但它们通过引用存储在文件夹中. 在静态版本中,我看过48个插件. 有PSD源文件. 提供的文件包括:


Static Full Version Static Seed Project MVC5 Full Version MVC5 Seed Project MVC6 Full Version (.NET RC1) MVC6 Seed Project (.NET RC1) Ruby on Rails Full Version Ruby on Rails Seed Project Meteor Full Version Meteor Seed Project Angular Full Version Angular Seed Project Angular Seed Project Grunt Angular Seed Project Gulp Angular Seed Project MEANJS Documentation Landing Page LESS SASS SCSS PSD Files (more than 20 main views and components full layered)


查看代码
详细信息:
LigerUI是基于jQuery的UI框架. 它的核心设计目标是快速开发,简单易用,功能强大,轻巧且易于扩展. 它简单而强大,致力于快速创建可应用于.net,jsp,php和其他Web服务器环境的Web前端界面解决方案.



官方网站:
演示:
功能:
易于使用且轻巧
控件是高度实用且功能丰富的控件,可以解决企业信息应用程序的大多数设计方案
与传统开发相比,使用LigerUI进行快速开发可以减少大量代码
易于扩展,包括默认参数,表单/表单编辑器,多语言支持等
支持Java,.NET,PHP和其他Web服务器
支持IE6 +,Chrome,FireFox和其他浏览器
开源,源代码框架级别简单易懂.
下载:
API:
演示地址:
下载源代码: (源托管)
(V1.2.3)
技术支持:
我觉得文档相对完整,有些公司的信息系统使用此用户界面(我去年去一家公司进行培训,以使用该用户界面,后来又说他们需要进行更改以使其更加美观,它们纠缠了很长时间),但是集成的感觉比转到EasyUI更好,与DotNet的感觉更近,而DWZ对Java来说是新的.
LigerUI由中文免费开发.


没有表格,没有内容. 用户界面非常重要,尤其是当客户和老板对代码,功能和性能不太了解的时候.
您可能会通过各种渠道获得上述用户界面,但是在商业应用中请务必小心.
我不知道该怎么想,但是我有一些想法:
1. 使用HUI和引导程序
2. 使用EasyUI框架,内容页面使用HUI + BootStrap,iframe标签
3. 从各种功能强大的页面中获取一些插件
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-144828-1.html
本来伊拉克人民还有家