要做系统,界面展示效果较简单,1个开发人员,无美工,无前端!

以前一直用bootstrap来做界面。这次也走的老路!同样适用的bootstrap界面。做完之后,功能上,我还是比较满意的,兼容IE8+,chrome,FF,以及手机端,pad等。

这么强大的兼容性,我感觉,真是强暴了!但这些只是一个开发人员的感觉。拿给大领导审批,结果被打回来了。说“不漂亮”。开始说好要请一个前端,或者是将界面外包出去。未果。最终还是由自己来做。

要做这个,有这几条路可走:

1,自己html+js一点点拼。

2,使用其他漂亮的ui框架来做,或者在bootstrap基础上进行优化。

3,那就是搜一搜,看看有没有成型的产品,改一改。

根据上面的特点,我发现:

如果选1,工作量比较大,兼容性需要调,更重要的是,众口难调,审美不同,我做的界面效果,领导不一定接收。

如果选2,重新选择其他ui框架的话,比如Amazon ui,zui.sexy,Yui等,这些基本类似。和bootstrap相比起来,bootstrap还是更强大一些,更适用于电脑端,而且有两个版本,bootstrap2 和bootstrap3。所以走这条路貌似可行,只是优化界面的问题。

如果选3,那么好吧,搜。现有产品附加的东西肯定很多。需要删减,满足自己的需求。

先试试3,实在没有靠谱的再选2.

百度搜搜,发现模板有很多也有不少基于bootstrap前端框架的。像一些国外网站,有很多都是基于bootstrap产生的模板,兼容性强,元素很丰富,界面也很漂亮,但是需要付费的。

其中发现了ace后台模板。界面还算美观,兼容性强,元素很丰富。更重要的是For Free!

界面效果如下:

简单介绍下Ace Admin:

1、兼容BootStrap,兼容Jquery UI。所以可以用bootstrap和jqueryui的功能。当然还有jquery了。这太省心了!

2、图标使用font awesome 3.2,可以使用字体图标,这就免去了,查找png图标的工作。

3、表格可以用bootstrap的表格,也可以用jqueryui的表格,也可以用jqgrid的表格,jqgrid我用的还是比较多,功能很强大。

4、图表的话,我看ace里有jquery.flot 和?jquery.easy-pie-chart。不过我自己使用的百度的 Echarts,这个功能比较强大。

5、还有一个比较不错的js插件,bootbox.js这个 做提示框我很喜欢!

6、日历插件,有daterangepicker.min.js等,不过我用的My97DatePicker这个也很赞。

7、另外ace admin还预设了4中样式效果,根据自己喜好进行选择;固定页面中一些元素,宽屏窄屏等等。也比较不错。

总之,Ace Admin中,只是一个普通的界面,融合了各种js,作为本身的插件。当然,我们自己也可以,只要能够很好的解决js兼容性,即可。

https://files.cnblogs.com/files/wangbin/ace.rar

后台管理模板ACE的更多相关文章

  1. 在bootstrap ace样式框架上修改的后台管理型模板(Tab页后台管理模板)

    后台管理模板开始用frameset布局,但是有时候会遮挡比如上面导航或者左边导航的二级三级弹出菜单,因为宽度被限制了,所以有时候就用easyui或者ext的,但是样式不好看,然后看到了bootstra ...

  2. Bootstrap的响应式后台管理模板推荐

    1.Admin LTE 该模版开源免费.已用到项目中,客户评价说UI很好看... AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕 ...

  3. 最值得拥有的免费Bootstrap后台管理模板

    在PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能.使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间.下面PHP程序员 ...

  4. 推荐几款基于Bootstrap的响应式后台管理模板

    1.Admin LTE 该模版开源免费. AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. ...

  5. Bootstrap 轻量级后台管理系统模板--ACE使用介绍

    在上一篇基于Bootstrap介绍了一个免费的后台管理模板Charisma UI. 参见链接: 基于Jquery.Bootstrap的后台管理免费UI框架推荐--Charisma UI 今天继续分享一 ...

  6. [转]最值得拥有的免费Bootstrap后台管理模板

    在PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能.使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间.下面PHP程序员 ...

  7. Metronic – 超赞!基于 Bootstrap 的响应式后台管理模板

    Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...

  8. 推荐10个bootstrap及其他框架的后台管理模板

    相对于网站前台炫目多彩的设计,网址后台的设计模板貌似有点少,在这里推荐10个可以免费下载的~ 1.自适应超酷整站 win8风格的Bootstrap响应式网站后台管理模板-Apricot 2.boots ...

  9. Bootstrap后台管理模板调研

    Bootstrap后台管理模板调研 SB Admin 2(推荐) SB Admin 2是一款开源的基于Bootstrap搭建的后台管理模板,简约,易用.没有复杂的组件和花炫的设计,很质朴,但较为美观. ...

随机推荐

  1. numpy.random.randn()和numpy.random.rand()

    1 numpy.random.rand() (1)numpy.random.rand(d0,d1,…,dn) rand函数根据给定维度生成[0,1)之间的数据,包含0,不包含1 dn表格每个维度 返回 ...

  2. Android 开发环境部署

    引言   在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入Android浪潮的朋友们,为了确保大家能顺利完成开发环 ...

  3. CSS中:first-child伪类

    使用 :first-child 伪类来选择作为某个元素的第一个子元素.这个特定伪类很容易遭到误解,所以有必要举例来说明.考虑以下标记: 如下: html: <div> <p>T ...

  4. JS 的JSON对象

    知识点一: 循环对象 for(x in Obj)  x表示属性,Obj.x表示属性的值. 修改值 Obj.x = "  "//直接修改 删除对象属性 delete Obj.x va ...

  5. Mysql逻辑架构介绍

    总体概览: 和其它数据库相比,MySQL有点与众不同,它的架构可以在多种不同场景中应用并发挥良好作用.主要体现在存储引擎的架构上,插件式的存储引擎架构将查询处理和其它的系统任务以及数据的存储提取相分离 ...

  6. mysql分组查询及其测试用例

    语法: select 查询列表 from 表 [where 筛选条件] group by 分组的字段 [order by 排序的字段]; 特点: 1.和分组函数一同查询的字段必须是group by后出 ...

  7. thrift的php-v0.12版本类自动加载失败

    参考网上教程,使用$loader->registerDefinition('Sample', $GEN_DIR); 但是会报PHP Fatal error:  Uncaught Error: C ...

  8. PAT Basic 1024 科学计数法 (20 分) Advanced 1073 Scientific Notation (20 分)

    科学计数法是科学家用来表示很大或很小的数字的一种方便的方法,其满足正则表达式 [+-][1-9].[0-9]+E[+-][0-9]+,即数字的整数部分只有 1 位,小数部分至少有 1 位,该数字及其指 ...

  9. dos2unix 将DOS格式转换成NUIX格式

    1.命令功能 dos2unix将windows文件格式转换成unix文件格式. 2.语法格式 dos2unix  file 3.使用范例 [root@localhost ~]# dos2unix wi ...

  10. Django【第10篇】:Django之分页初级版本

    分页和中间件 一.分页 Django的分页器(paginator) view.py from django.shortcuts import render,HttpResponse # Create ...