现在位置首页 / 产品设计 /正文

基于Jquery、Bootstrap的后台管理免费UI框架推荐--Charisma UI

作者: IT小兵 | 2013年9月16日| 热度:℃ | 评论: |参与:

在项目设计和开发工作中,做过一些后台管理系统的设计和开发,用的很多都是比较传统的UI框架。

老是走在这个圈子里,走不出去,也不敢走出去。

例如:

后台传统结构

这样做的好处也不少:

  1. 传统是最大的好处:开发人员,由其是系统维护技术人员,上手较为容易,大同小异。

  2. 开发简单:独立开发每个iframe模块页面即可

  3. 某个页面出错不影响全局

坏处也很多:

  1. 框架传统,不容易加入新的技术元素

  2. 框架兼容性差,不利于现在的web发展

  3. 由其是css和js调试需要考虑东西太多

  4. 难以维护:上面刚说了好维护,为啥不不好维护?事情总是相对的,熟悉的人自然是好处,

  5. 不熟悉的人就是噩梦。
    其实这也是我要痛诉的事情:不要以为维护技术人员简单,他所会的,你真是干不了。
    维护工作所需的耐心、包容性非常强,不是每个人都有能力去擦屁股的。

   。。。。。。。。。。。。。。

说说背景:

现在的jquery应用是越来越多,基于jquery的ui框架、插件库也是越来越多,曾经看到一个资料:

jQuery在前100万流行网站选择中新增了惊人的145 300个名额。也就是,在过去的一年中,
每天都有398个网站开始使用它。jQuery目前在所有网站中的使用率已达到了42.8%。
其市占率更是达到了84.1%,许多人都将它视为JavaScript库的事实标准。

许多人都将它视为JavaScript库的事实标准。:这个够狠。

Bootstrap:官方说明是:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。


jquery+Bootstrap,强强联合,就是今天介绍的免费开源后台管理框架---Charisma UI。

先说项目开源地址:https://github.com/usmanhalalit/charisma

项目演示地址:http://usman.it/themes/charisma/  部分样式调用了google的代码库,打开较慢,不是ui库本身的问题。


是因为这个项目使用的样式里包含了inport样式css的方式。
而且调用的是google,所以回慢。
建议下载下来,保存本地就不慢了。
@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);

我更喜欢使用LINK,因为它比较简单——而如果使用@import的话,你必须时刻记得要将@import放到样式代码的最前面,

否则它将会不起作用。而且事实证明,避免使用@import 同样对网站性能有益。

兼容性说明:

 因为Bootstrap对IE6的不兼容 ,所以该框架也是需要IE8以上的版本。

经博友提醒,该框架兼容:IE8+,chrome,以及以wikit开发的国内浏览器,firefox。


pc端web演示效果图:

web演示效果图 


Mobile效果图


Charisma 是有魅力的意思,英语很冷僻的词。这就跟程序员的性格是一样的,必须要与众不同。

Charisma 的特点是:

1.免费,开源

2.一流的开发质量

3.响应式设计

4.支持多套皮肤。可以自由切换。

控件支持:

仪表盘、form、日期控件、报表、grid、时间选择控件等等,大家可以到demo上看看。

基于Bootstrap这里有详细介绍:http://www.suchso.com/productdesign/BootStrap-use-step.html


后续会,继续介绍Charisma 的项目实例,欢迎大家收藏访问。

转发注明:IT分享 http://www.suchso.com

点击阅读本文所属分类的更多文章: 产品设计 。和高手一起交流:346717337

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询