要做系统,界面展示效果较简单,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. ELK报错及解决方案

    ELK报错及解决方案 1.jdk版本问题 报错如下: future versions of Elasticsearch will require Java 11; your Java version ...

  2. Gcc如何知道文件类型。

    Linux系统不区分扩展名,但是GCC编译器通过扩展名区分. GCC是根据扩展名来编译源文件的.

  3. Beta冲刺-(2/3)

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass1/ 这个作业要求在哪里 https://edu.cnbl ...

  4. 【学习】019 SpringBoot

    一.SpringBoot介绍 1.1.SpringBoot简介 在您第1次接触和学习Spring框架的时候,是否因为其繁杂的配置而退却了?在你第n次使用Spring框架的时候,是否觉得一堆反复黏贴的配 ...

  5. 前端框架之BootStrap的简单介绍

    Bootstrap补充 一.一个小知识点 1.截取长屏的操作 2.设置默认格式 3.md,sm, xs 4.空格和没有空格的选择器 二.响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现 ...

  6. 数据库JDBC

    数据库概述 什么是数据库?数据库就是存储数据的仓库,本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以通过SQL对数据库进行增删改查操作. 数据库对应一个应用系统,在系统中有很多的功能,每 ...

  7. 【LuoguP3747】[六省联考2017] 相逢是问候

    题目链接 题意 给定一个长度为 n 的序列 a , 给定一个正整数 c 每次修改操作是把一段区间内的数 \(x_i\) 修改为 \(c^{x_i}\) 询问区间和模 p 的结果 Sol 修改是把一个数 ...

  8. day02记

    一.Tomcat搭建 1.service和controller分别搭建独立的Tomcat且port不一致 2.部署项目选择带有exploded的 3.运行时应先启动service再启动controll ...

  9. [UVa1057] Routing

    问题描述 As more and more transactions between companies and people are being carried out electronically ...

  10. hdu 4609: 3-idiots (FFT)

    题目链接 题意:从N个数中,选出三个两两不同的数,求这三个数能够作为一个三角形的三边长的概率. 题解:用一个数组num[]记录大小为 i 的数出现的次数,通过 num[] 卷 num[] 得到 num ...