要做系统,界面展示效果较简单,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. python基础操作---list

    #coding:utf-8 list1 = ['physics', 'chemistry', 1997, 2000]; list2 = [1, 2, 3, 4, 5 ]; list3 = [" ...

  2. java Thread源码分析

    一.使用 java 多线程 java多线程其中两种使用方式: 1.继承 Thread 类 2.实现 Runnable 接口 public class ThreadTest { public stati ...

  3. 开发过程中git的使用

    使用clone命令可以直接将git添加到本地库: 主要是针对分支的操作: 首先可以将创建一个属于自己的分支并往上面提交代码,最后合并到dev分支和master分支上面: 前提(master已经有一个文 ...

  4. Springboot读取properties配置文件数据

    一.使用@ConfigurationProperties来读取 1.Coffer entity @Configuration @ConfigurationProperties(prefix = &qu ...

  5. Java 学习输入1234 求和

    输入任何整数都能求和 import java.util.Scanner; /** * @author 作者anil E-mail:888@yirose.com * @date 创建时间:2017年3月 ...

  6. 前端之JQuery:JQuery扩展和事件

    jQuery之jQuery扩展和事件 一.jQuery事件 常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点( 搜索框例子) change([[d ...

  7. man wc

    WC(1)        User Commands/用户命令            WC(1) NAME/名称       wc - print the number of newlines, wo ...

  8. LeetCode--114--二叉树展开为链表(python)

    给定一个二叉树,原地将它展开为链表. 例如,给定二叉树 1 / \  2   5 / \     \ 3 4      6将其展开为: 1  \   2   \    3  \       4  \ ...

  9. JS&ASPDotNet_大文件上传问题

    HTML部分 <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="index.aspx. ...

  10. 3D Computer Grapihcs Using OpenGL - 11 Model View Projection Matrices

    本节我们将绘制一个3维物体,立方体. 如果要渲染3D物体,我们需要了解MVP(Model View Projection),它表示三个转换矩阵.实际上这个名字不够明确,更加确切的释义如下: Model ...