要做系统,界面展示效果较简单,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. c# 数据库基础(将连接字符串写到配置文件中)

    数据库 操作步骤 一,添加一个配置文件 内容 <?xml version="1.0" encoding="utf-8" ?> <configu ...

  2. python中的面向对象和面向过程

    一.面向对象和面向过程 一.什么是面向过程 核心是过程二字:面向过程是一种流水线的工作流程,是先做什么在做什么 二.什么是面向对象 核心 是对象二字:是一种编程思想,上帝思维,一切皆对象,编程中负责调 ...

  3. 算法trick

    数组从头到尾的循环遍历: index=(index+1)%length 索引值增加定长,对长度取余,则形成头尾循环.

  4. dockerfile制作笔记

    dockerfile语法格式:   FROM: 基础镜像(就是在什么镜像上面做)   MAINTAINER: 镜像创建者信息(作者的信息)   EXPOSE: 开放的端口   ENV: 设置变量   ...

  5. Codeforces1214D. Treasure Island (dp + Hash)

    题目链接:传送门 思路: 仔细观察可以发现,答案最多就是2,只要把(2,1)和(1,2)堵住就可以了. 答案是0的情况就是初始状态下,(1,1)就已经不可达(n,m)了,很好判断. 所以重点就是区分答 ...

  6. 对table最后一行显示与隐藏

    //显示table最后一行,如果用block的话,可能会影响到页面的样式 $("#table tr").get($("#table tr").length - ...

  7. springboot日期转换器

    注:该功能并非springboot特有的功能,springmvc同样具有         一.使用方法     创建一个DateConverter类实现Converter接口 注:importorg. ...

  8. python-*args、**kargs用法

    可变位置参数: *args:是一个元组,传入的参数会被放进元组里.可变关键字参数: **kwargs:是一个字典,传入的参数以键值对的形式存放到字典里. def test1(*args): print ...

  9. CF1242B. 0-1 MST

    题目大意 有一个n个点的完全图,上面有m条边的权值为1,其余为0 求MST n,m<=10^5 题解 方法一: 维护一个点集,表示当前MST中的点 一开始任意加一个点 对于一个未加入的点,如果和 ...

  10. linux运维、架构之路-tomcat服务

    一.tomcat介绍       Tomcat服务器是一个免费的开放源代码的Web应用服务器,即能处理静态页面,又能处理动态的java页面 二.JDK安装 jdk是java开发工具包,也可以叫java ...