后台管理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是个完美支持HTML5网页的完整框架。

easyui很简单但功能强大的。

优点:轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好

缺点:非响应式布局、某些系统看起来有点土(客户与老板的感觉、确实与最新的那些UI有差距)

下载后大家可以替换成最新的1.5版的easyui

特点:DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本。

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

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

BUI她是基于jQuery,兼容KISSY的UI类库,专致于解决后台系统的框架方案,BUI提供了丰富的DPL含有强大的控件库对业务做了精细的分析。

感觉也比较冷、与HUI有点类似的优点整体框架符合我的要求,但风格有种说不出的感觉。

响应式Bootstrap网站后台管理系统模板aceadmin,非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换。以前收费,好像最新版不再收费了。

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

兼容的浏览器:

使用的插件:

jQuery2.0.3jQueryUI1.10.3(CustomBuild)TwitterBootstrap3.0.0FontAwesome3.2.1Google"OpenSans"FontjQueryFlotCharts0.8.1jQuerySparklines2.1.2EasyPieChart1.2.5jQueryKnob1.2.0jQueryValidate1.11.1FuelUX2.3.0(Spinner&Wizard&Treeview)FullCalendar1.6.4jQueryColorBox1.4.27jQuerydataTables1.9.4jQueryChosen1.0jQueryMaskedInput1.3.1jQueryInputLimiter1.3.1jQueryAutoSize1.17.7BootstrapColorpickerBootstrapDatepickerBootstrapTimepickerv0.2.3BootstrapDateRangePicker1.2Bootbox.js4.0.0jQueryGritter1.7.4jQueryslimScroll1.1.1Spin.js1.3.0jQueryUITouchPunch0.2.2GoogleCodePrettifyExplorerCanvasMindmupWysiwygEditorToopayMarkdownEditor1.1.4X-editable1.4.6Select23.4.2BootstrapTags2.2.5jQueryMobile1.3.2(CustomBuild)jqGrid4.5.2Dropzone.js3.0NestablelistspluginViewCode使用到的插件并没有分开存放,使用起来会麻烦一些。

另外该插件也被很多人简化、修改成选项卡+iframe风格了。

Metronic是一套精美的响应式后台管理模板,基于强大的TwitterBootstrap框架实现。Metronic拥有简洁优雅的MetroUI风格界面,6种颜色可选,76个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。

页面规范、精致、细腻、美观大方;功能强大、非常全;在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的之一,其外观之友好、功能之全面让人惊叹。Metronic是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。

优点:

支持HTML5和CSS3自适应,基于响应式TwitterBootstrap框架,同时面向桌面电脑、平板、手机等终端。整合AngularJS框架。可自定义管理面板,包括灵活的布局、主题、导航菜单、侧边栏等。提供了部分电子商务模块:CMS,CRM,SAAS。多风格,提供了3个前端风格,7个后端管理面板风格。简洁扁平风格设计。700多个网页模版,1500多个UI小组件,100多个表单,80多个jQuery插件。提供说明文档。

缺点:

太大了,真的不知道从那里开始

对IE的兼容不好,虽然官方声称支持IE8,但我测试结果不支持

收费,今天的价格是$28

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

与Metronic与INSPINIA非常像,插件非常多,收费998人民币。

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

浏览器支持:IE9+Firefox(latest)Chrome(latest)Safari(latest)Opera(latest)

插件:

BoostrapSliderIonsliderBootstrapWYSIHTML5CKEditorBootstrapColorpickerBootstrapDaterangePickerBootstrapTimePickerDataTablesFlotMorris.jsSparkilneFullCalendariCheckjQueryinputmaskjQueryKnobjVectorMapSlimScrollPaceBootstrapSocialButtonsViewCode特点:

整体感觉与Metronic类似、功能强大,UI精致,被许多公司使用。

INSPINIA是平面设计理念的管理模板。它是充分响应的由Bootstrap3+框架开发的模板,HTML5和CSS3。它有很多可重用的UI组件和集成了最新的jQuery插件。它可以用于所有类型的web应用程序自定义管理面板中,项目管理系统,管理仪表板,应用程序的后端,CMS或CRM。

与Metronic一样,风格也比较像,个人认为比Metronic还要强大一些,页面规范、精致、细腻、美观大方;功能强大、非常全;在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的之一,其外观之友好、功能之全面让人惊叹。Metronic是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。

浏览器兼容:

收费,今天的价格是$18。

特点:

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

Staticversion,AngularJS,ASP.NETMVC5/MVC6,MeteorandRubyonRailsversion

插件很多,但都按引用分文件夹存放了,静态版本中我看了就是48个插件,有PSD源文件,提供的文件包含:

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

使用简单,轻量级控件实用性强,功能覆盖面大,可以解决大部分企业信息应用的设计场景快速开发,使用LigerUI可以比传统开发减少极大的代码量易扩展,包括默认参数、表单/表格编辑器、多语言支持等等支持Java、.NET、PHP等web服务端支持IE6+、Chrome、FireFox等浏览器开源,源码框架层次简单易懂。

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

LigerUI中国人开发的、免费。

基于jQuery/ExtJS的ASP.NET控件库、创建NoJavaScript,NoCSS,NoUpdatePanel,NoViewState,NoWebServices的网站应用程序。

该UI也是国人的作品,开源、免费、至今有100多个版本了,个人感觉界面不算难看,控件多,帮助说明也有不少;但只是为ASP.NET量身定做的,有一定的局限性;重,非常重,ExtJS+ASP.NET的页面状态就更加重了。

GithubStar数24969,Github地址:

非常流行的基于Bootstrap3.x的免费的后台UI框架。

GithubStar数19546,Github地址:

一个基于vue2.0和Eelement的控制面板UI框架。

GithubStar数15870,Github地址:

构建在BootStrap4之上的免费的HTML控制面板框架

GithubStar数15654,Github地址:

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

GithubStar数13181,Github地址:

基于Angular2,Bootstrap4和Webpack的后台管理面板框架。

GithubStar数12707,Github地址:

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

GithubStar数9241,Github地址:

基于Angular和Bootstrap的后台管理面板框架。

GithubStar数8676,Github地址:

基于Vue和Bulma的控制面板。

GithubStar数8668,Github地址:

基于iView的Vue2.0控制面板。

GithubStar数7111,Github地址:

基于Bootstrap4和Material风格的控制面板。

没有形式就没有内容、UI重要,特别是当客户与老板不懂太多关于代码、功能、性能的时候。

上面的UI你也许可以通过各种途径获得,但商业应用请慎重。

想来想去还是拿不定主意,不过有点想法:

1、使用HUI和bootstrap

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

THE END
1.网站后台管理系统用户名: 密码: 验证码: 版权所有:扬州天润电脑有限公司http://www.jhu.cn/A06WHCYXY/TCMS/TLogin.aspx
2.上海教育软件发展有限公司后台管理系统用户名: 密码: 验证码: ? 2014 版权所有:上海教育软件发展有限公司 https://xcb.shou.org.cn/login.aspx?m=main
3.后台管理系统内容管理系统 运营与管控一体化的整合式服务平台一起解构数字世界,碰撞科技创新思想登录 登录 Hello world! 确定 http://sfa.suse.edu.cn/admin/login
4.10个开源且优秀的后台管理系统UI面板Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。 AdminLTE https://zhuanlan.zhihu.com/p/71759921
5.后台界面也可以很酷!31个高大上的后台管理系统模版优设网几年以前,制作后台界面都没有多少参考,全凭经验发挥。 不过现在好很多了,themeforest网站上有很多内容管理系统,它们在为管理者提供精致设计面板的同时还有很棒的用户体验,并且还是全平台制霸,无论网页端,还是手持设备,都可以自由办公,管理系统! 今天我们收集了31个超赞的后台管理系统模版,附有demo和预览。希望在你做https://www.uisdc.com/responsive-admin-dashboard-template
6.后台管理系统后台管理系统是内容管理系统(Content Manage System,简称:CMS)的一个子集。内容管理系统是企业信息化建设和电子政务的新宠,也是一个相对较新的市场,业界公认的国内比较权威的产品有CmsTop、TurboCMS、TRS。对于内容管理,业界还没有一个统一的定义,不同的机构有不同的理解。 https://baike.sogou.com/v7609067.htm
7.完整后台管理系统项目实战简介:"admin_project.zip" 是一个后台管理系统的资源包,它可能包含后台管理界面的预设计布局和样式,以及相关的代码文件。这些资源旨在帮助开发者快速构建自己的后台管理系统,其中涉及用户管理、数据处理、权限控制等后台功能。项目可能包括Web框架、数据库管理、模板引擎、前端技术、权限控制、API设计、安全实践、测试以及https://blog.csdn.net/weixin_35370061/article/details/143756424
8.后台管理系统岗位职责后台管理系统工作内容后台管理系统岗位职责 职位描述: 1.负责后台管理维护工作,包括数据整理、更新和维护 2.根据业务需求进行系统功能开发及优化,提高用户体验和稳定性 3.完成领导安排的其他任务 职位要求: 4.对技术有一定热情,有较强的学习能力,喜欢钻研新技术,乐于接受挑战https://www.liepin.com/gw/houtaiguanlixitong/
9.培训机构后台管理系统的革新与趋势随着教育培训行业的蓬勃发展,培训机构后台管理系统作为机构运营的核心支撑,其重要性日益凸显。本文旨在探讨培训机构后台管理系统的现状、重要性、最新功能、未来趋势以及其在保障消费者权益中的作用,为培训机构提供全面指导。 二、培训机构后台管理系统的现状 近年来,随着教育培训市场的不断扩大,培训机构后台管理系统也经历https://www.pbids.com/aboutUs/pbidsNews/1861300279875571712
10.智慧校园后台管理系统系统开发案例智慧校园后台管理系统 作品详情 1.模式切换模块: 标准模式:紧急通知模式、考勤模式、上课模式、 考试模式根据考课时间,限时转入该模式,显示考试课目、时限、主考官、考勤情况等。 走班模式;结合教学需求,特设多种模式版块呈现:签到模式、学生信息查询、课务查询、考勤。每个学生均持有个人课表。(查询课表类型为:当日https://www.proginn.com/w/65688
11.超市经营后台管理系统的设计与实现毕业论文经超市经营后台管理系统的设计与实现--毕业论文 https://bbs.pinggu.org/thread-13156127-1-1.html
12.后台管理系统后台管理系统v4.0 记住登录状态 登录 开通新后台 忘记密码? 有问题找客服https://admin.it120.cc/
13.网站后台管理系统网站后台管理系统主要是用于对网站前台的信息管理,如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作,同时也包括会员信息、订单信息、访客信息的统计和管理。简单来说就是对网站数据库和文件的快速操作和管理系统,以使得前台内容能够得到及时更新和调整。系统功能 管理系统后台的部分功能举例:新闻发布、https://baike.baidu.com/item/%E7%BD%91%E7%AB%99%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/4692150
14.后台管理系统模板Bootstrap后台模板Bootstrap后台管理系统模板静态页面,商品后台管理系统html模板,精美Bootstrap4&Angular7后台管理系统模板框架,layui后台管理系统模板框架源码,Bootstrap4 Angular后台管理系统HTML模板,Bootstrap4管理后台HTML模板响应式,比特币后台管理系统Bootstrap模板,商城后台管理系统Hhttps://www.bootstrapmb.com/tag/houtaiguanlixitong
15.后台管理系统(精选十篇)经过调查研究发现, 网站前台设计不仅需要程序开发, 而且涉及到界面等美工问题, 而后台只需要功能齐全就可以了, 因此, 开发网站后台通用管理系统可以提高网站开发效率。综合西南石油大学内部大多数网站后台功能模块, 网站后台通用管理系统主要由个人信息管理、用户管理、模块管理、网站组合管理等几个主要的功能模块组成, 规划https://www.360wenmi.com/f/cnkey3ot4a89.html
16.后台管理系统v1.0.0后台管理系统 v1.0.0 这是一篇用Python所做的公司网站后台的管理系统https://www.iteye.com/resource/qq_35396905-10508029
17.后台管理系统后台管理系统 登录 验证码登录 忘记密码 v5.50.137http://boss.plaso.cn/
18.后台管理系统界面图片后台管理系统界面设计素材红动中国素材网提供147个后台管理系统界面图片、后台管理系统界面素材、后台管理系统界面背景、后台管理系统界面模板、后台管理系统界面海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品后台管理系统界面设计素材下载,就来红动中国,最后更新于202https://so.redocn.com/guanli/baf3cca8b9dcc0edcfb5cdb3bde7c3e6.htm
19.www.jizhimian.cn/金星的高温环境挑战 奢侈品的品牌合作与跨界 玛雅城市的布局与建筑奇迹:解密古代都市的规划 如何挑选最具价值的奢侈品作为收藏? 太阳系之外的星体:如何定义系外行星和系外卫星 欧洲皇室的世袭制度与变迁 雨林中的生态演替:从年轻森林到成熟森林的演化过程 http://www.jizhimian.cn/
20.网站后台管理系统为了获得更好的用户体验,请使用极速模式浏览访问 http://www.sznmt.com/op/
21.后台管理系统后台管理系统官网与文档基于vue-admin-beautiful构建,简称vab(是一款超棒的vue+element中后台前端快速开发框架),QQ群972435319,作者:vue-admin-beautifulhttp://bzwang.cmissoft.com/
22.后台管理系统Login Loginhttps://admin.cmkipr.com/
23.后台管理系统保多多后台管理系统 账号登录 忘记密码 登录https://www.ibaodd.com/
24.后台管理系统登录 记住密码忘记密码? 登录 手机动态密码登录https://dymp.diyibox.com/
25.后台管理系统网站(Website)是指在因特网上根据一定的规则,使用HTML(标准通用标记语言)等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。 会员中心https://www.quandashen.com.cn/
26.后台管理系统后台管理系统记住账号 登录 ?2022 上海轶诊信息科技有限公司保留所有权利 沪ICP备2023009991号-1 系统接口503异常http://www.ez-vip.cn/
27.后台管理系统墨灵AI 记住账号 登录 鄂ICP备19004533号-2鄂公安网备:42018502003424号https://m.fangan100.com/
28.后台管理系统后台管理系统 后台管理系统 Welcome.Please login. 登录系统http://www.erlicn.com/
29.登录后台管理系统欢迎使用后台管理系统 登录: 面朝大海,春暖花开 记住我 登录http://www.o-sea.com/
30.后台管理系统欢迎使用智能售货柜后台管理系统用户登录 登录 下载快递员app https://admin.michugou.com/
31.后台管理系统账号登录 一体化管理网站信息,轻松便捷http://admin.wuyecao.net/
32.后台管理系统保存账号忘记密码 登录http://www.cyjsm2m.com/
33.后台管理系统记住密码http://www.wzg.net.cn/admin/
34.后台管理系统登录https://agent.shutu516.com/
35.后台管理系统登录http://admin.gzyfzyhs.com/