免费UI框架推荐--Charisma UI

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

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

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

例如：

这样做的好处也不少：

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

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

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

坏处也很多：

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

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

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

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

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

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

说说背景：

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

1	<span style="font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px;">jQuery在前100万流行网站选择中新增了惊人的145 300个名额。也就是，在过去的一年中， 每天都有398个网站开始使用它。jQuery目前在所有网站中的使用率已达到了42.8%。 其市占率更是达到了84.1%，许多人都将它视为JavaScript库的事实标准。 </span>

许多人都将它视为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演示效果图：

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

Charisma 的特点是：

1.免费，开源

2.一流的开发质量

3.响应式设计

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

控件支持：

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

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

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

 

 

 

标签: jquery免费ui框架, jquery免费框架, jqueryBootstrap, jquery后台框架, Charisma UI