Bootstrap基础背景UI风格

无需加好友免费技术支持

目录

一、EasyUI二、DWZ JUI三、HUI四、BUI五、Ace Admin六、Metronic七、H UI八、Admin LTE九、INSPINIA十、LigerUI十一、FineUI十二、其它UI十三、总结下载最近要做企业的事情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是完美的支持HTML完整的网页框架。

easyui节省网页开发的时间和规模。

easyui非常简单，但功能强大。

优点:重量轻，功能强大，免费，兼容性好，帮助详细，人多，生态好

缺点:非响应布局，有些系统看起来有点土(客户和老板的感觉，真的和最新的UI有差距）

获取:网络搜索和网盘搜索已经建立了基本功能的框架。

下载后，您可以替换最新的1.5版的easyui

官网:免费版、商业版、商业版收费，帮助非常详细

资源:是中国人的作品，但是服务器在国外，官网也是英文的。这个网站类似于官网的中文版

特点：DWZ富客户端框架(jQuery RIA framework), 基于中国人自己的发展jQuery实现的Ajax RIA开源框架. 设计目标简单实用，开发快，减少ajax开发成本。

官网：

下载：

H-ui前架是在bootstrap以思想为基础 HTML、CSS、JAVASCRIPT轻量级开发web前端框架，免费开源，简单灵活，兼容性好，满足大多数中国网站。分为前端UI与后端UI。

官网：

后台， 前台

下载：

缺点:感觉用的人少，名气小，资料不全，配套组件少，但中国产品符合中国人的口味。

BUI她是基于jQuery,兼容KISSY的UI专门解决后台系统的框架方案，BUI提供丰富DPL对业务进行了库对业务进行了精细分析。

官网：

下载：

感觉也比较冷，和HUI整体框架满足我的要求，但风格有一种说不出的感觉。

响应式Bootstrap网站后台管理系统模板ace admin，非常好的轻量级易用admin基于后台管理系统Bootstrap3.功能组件强大，功能组件强大UI组件基本上可以满足后台管理系统的需求，可以根据不同的设备进行适应显示，有四个主题可以切换。过去，最新版本似乎不收费。

下载：

官网：

感觉比较全，功能强大，组件多，美观，但是用了很多不同的插件，兼容性好。

兼容浏览器：

Internet Explorer 10Internet Explorer 11Internet Explorer 8Internet Explorer 9Latest ChromeLatest FirefoxLatest OperaLatest Safari使用的插件：

View Code

使用的插件没有单独存，使用起来会比较麻烦。

此外，该插件还被许多人简化并修改为选项卡 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虽然官方声称支持兼容性但兼容性不好IE但是我不支持测试结果

收费，今天的价格是$28

官网介绍:H 基于完全响应式Bootstrap3.3.6最新版本开发的扁平化主题，采用主流左右两栏布局，采用Html5 CSS3.她提供了许多强大的现代技术，可以重组UI组件集成了最新的组件jQuery版本(v2.1.4)，当然也集成了很多强大的功能，用途广泛的jQuery她可以用于所有插件Web网站管理背景、网站会员中心等应用程序，CMS，CRM，OA等等，当然，你也可以深入定制她，做出更强的系统。

官网：

与Metronic与INSPINIA很像，插件很多，收费998元。

AdminLTE 是一个基于Bootstrap 3.x免费主题是一个完全响应的管理模板。高度定制，易于使用。适用于从小型移动设备到大型台式机的屏幕分辨率。

下载：

（目前star 11652 ）

预览:

官网：Free Bootstrap Admin Template

支持浏览器：

IE 9

Firefox (latest)

Chrome (latest)

Safari (latest)

Opera (latest)

插件：

View Code

特点：

响应式布局支持18个插件和3个自定义插件的轻量化、快速兼容性主流浏览器打印和增强各种设备的面板组件，IE8不兼容支持Glyphicons, Fontawesome和Ion图标的整体感觉和Metronic功能强大能强大，UI精致，被很多公司使用。

INSPINIA是平面设计理念的管理模板。这是一个充分响应的原因Bootstrap3 框架开发的模板，HTML5和CSS3.它有很多可重用的东西UI最新的组件和集成jQuery插件。可用于各种类型的插件。web项目管理系统、管理仪表板、应用程序后端在应用程序自定义管理面板中，CMS或CRM。

与Metronic同样，风格也比较相似，个人认为比较Metronic更强大，页面规范，精致，精致，美观大方；功能强大，非常完整；在我看到的一切基础上Bootstrap在网站模板中，Metronic它是我认为最好的一个，其友好的外观和全面的功能令人惊叹。Metronic 是自适应HTML提供两种风格：后台管理模板和前端内容网页模板。

浏览器兼容：

IE 9, 10, 11Latest ChromeLatest FirefoxLatest OperaLatest Safari收费，今天的价格是$18。

演示地址：

特点：

相对Metronic他准备了很多版本，比如:

Static version, AngularJS, ASP.NET MVC5/MVC6, Meteor and Ruby on Rails version

有很多插件，但它们都存储在参考文件夹中。在静态版本中，我看到了48个插件，包括PSD提供的源文件包括：

View Code

详细介绍：

LigerUI 是基于jQuery 的UI框架的核心设计目标是快速开发、使用简单、功能强大、重量轻、易于扩展。简单而强大，致力于快速建设Web可应用于前端界面解决方案.net,jsp,php等等web服务器环境。

官网：

演示：

特点：

使用简单，轻量级

控用性强，功能覆盖面大，能解决大多数企业信息应用的设计场景

快速开发，使用LigerUI代码量可以比传统开发减少很多

易于扩展，包括默认参数、表格/表格编辑器、多语言支持等

支持Java、.NET、PHP等web服务端

支持 IE6 、Chrome、FireFox等浏览器

开源，源码框架层次简单易懂。

下载：

API:

演示地址:

源码下载:

(源码托管)

(V1.2.3)

技术支持：

个人感觉文档比较全，也有公司的信息系统使用了该UI(去年我去一家公司培训，他们用了UI，后面上面说要换漂亮的，他们纠结了很久)，但是整合感比不上EasyUI，与DotNet吻一点感觉，DWZ则与Java新一些。

LigerUI免费开发中国人。

基于 jQuery / ExtJS 的 ASP.NET 创建控件库 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 网站应用程序。

该UI也是中国人的作品。到目前为止，有100多个版本是开源和免费的。个人觉得界面不丑，控件多，帮助解释多；但只是为了ASP.NET量身定做，有一定的局限性；重，很重，ExtJS ASP.NET页面状态更重。

官网：

论坛：

示例：

文档：

下载：

下载地址(请留下你的邮箱没有积分，我发给你)，因为很多人喜欢

没有形式就没有内容。UI尤其是当客户和老板对代码、功能和性能了解不多的时候。

上面的UI可以通过各种方式获得，但商业应用要谨慎。

想了想还是拿不定主意，但是有点想法:

1、使用HUI和bootstrap

2、使用EasyUI使用内容页面的框架HUI BootStrap，iframe选项卡

3.从每个功能强大的页面带一些插件

本文转载>博客园：张果