bootstrap管理系统框架（为什么前端都不愿意用bootstrap框架）

本文目录

• 为什么前端都不愿意用bootstrap框架
• 前端什么框架更好用
• BootStrap是不是不适合做像进销存这种管理系统级别的网站
• 除了bootstrap 还有什么优秀的前端框架
• uikit和bootstrap这两个前端ui库，哪一个更好

为什么前端都不愿意用bootstrap框架

　　谁说大家不愿意用bootstrap的看其实如果一个前端工程师能够对bootstrap或者foundation这类框架有深入的了解的话，对技术、效率的提升还是挺明显的。在产品研发上，使用bootstrap也能获得一个顺畅的开始。就说css部分吧，得归功于less，bootstrap的css代码是模块化、有层次感的 整个代码库分成了几个层级和模块：variables & mixins、reset styles、core、components、utilities等。对于一个短期项目来说，bootstrap作为框架能够很好的支撑开发。对于长期的项目或产品来说，即便不使用bootstrap，前端架构也会逐渐演化出 core、components、utilites之类的模块和层级，所以为什么不是用前人宝贵的革命成果呢看不过悲伤的是，所有上面说的事情都有一个前提，主要两点：一是熟悉前端架构和bootstrap代码，二是比较懒，不愿意搞个人创作和探索。前者需要开发者对前端有一定的研究和经验，这就挡住了一些人，后者又被很多勤奋、自信的大牛所瞧不起。。。

前端什么框架更好用

前端框架好不好用还是要具体情况具体分析，我这边给你推荐11个常用的框架，你可以按需使用。

1：vue-element-admin

一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

2：AdminLTE

非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。

3：ant-design-pro

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

4：ng2-admin

这是基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的?虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

5：Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3 的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。

6：iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

7：blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

8：vue-manage-system

vue-manage-system，一个基于 Vue.js 和 element-ui 的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

9：material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material Bootstrap Admin，其设计灵感来自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作

11：vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap 4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

BootStrap是不是不适合做像进销存这种管理系统级别的网站

Jquery是js框架，bootstrap是前端框架，二者基本不搭边。用bootstrap做系统页面，看你的选择了，不是麻烦不麻烦的问题，它的出现就是为了简化开发。你要是想学习的话，还是学css，js吧，懂了之后框架你就懂了。如今太多的人本末倒置，学会了框架，确不知框架怎么来，把框架当成了一种语言。

除了bootstrap 还有什么优秀的前端框架

AUI第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。总结：这个框架对我来说有个优点就是纯 CSS 框架，自己以前也就用过 Pure，自己有点 JS 能力，如果不是复杂的效果，找个纯 CSS 框架自己随便改改就可以，而现在 CSS3 也已经能够做到动画，效率、质量、高效全兼顾，所以还是选择了这种 CSS 框架。有一点觉得不满的是这框架的文档真的好那什么，说好的高大上呢。Frozen UI有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。总结：如果拿 Frozen UI 配合一些如 APICloud 用来做混合 APP 感觉就太酷了，或者原生的火鸡们拿去嵌套在应用中做前端开发，这个框架对 android 2.3 +、ios 4.0 + 做了兼容，或者拿来做 Web App 也是极好的选择，劣势的话从 UI 层面就可以看到了，谁让它是出生在QQ会员前端的呢。WeUIWeUI和 FrozenUI都属于比较专一的框架，WeUI比FrozenUI更专一，话说连个官网都不搞，所有答疑都在 gitHub Issues 解决了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量小做的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来，哈哈。SUI“SUI 是一套基于bootstrap开发的前端组件库，同时它也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。 果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞( 囧… )，当然了就像广告说的，如果你之前用过 Bootstrap， 那么可以轻松转向 SUI，这可能就是淘宝给前端屌丝们的福利了。Semantic UI倒数第三个是 Semantic UI，接触这个框架还是因为 Bootstrap，Semantic UI 刚上线 github 就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。FoundationFoundation 算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意 Bootstrap 开发撞脸的尴尬事情，那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。UiKit UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI器和手动，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。Pure终于最后一个了，我和你一样好开森 (～￣▽￣)～)，这个框架是我在做管理系统时接触的，选择使用也是因为框架小巧，并且是纯 CSS，没有太多的牵扯，好用来与其他框架快速结合使用。请使用手机“扫一扫“x

uikit和bootstrap这两个前端ui库，哪一个更好

1、Bootstrap和uikit都是很好的前端框架，但是就使用率来看，就我所知bootstrap是遥遥领先的，尤其是bootstrap走过了这么多年，我从一开始的2.0版本用到了现在的3.0，以及即将推广的4.0版本，bootstrap的便利，深有体会，而相对来说，uikit资料和教程会比较少，所有从使用便利性和流行度看，bootstrap是更好的选择。2、在开发的日常中，会遇到各种各样需要用到js插件，或者一些大的整套图表插件，后台模板，框架等等，而当你直接搜开源的资源时，就会发现，大量的这些插件都会标注着基于bootstrap开发，尤其是后台管理系统模板。uikit的也有，但是确实不多。3、另外，从两个框架的实际开发上手来看，个人觉得uikit的某些控件，比如分页和标签页会比bootstrap的更好，而且代码更少。但是用熟悉了bootstrap，所以这个看个人使用的情况了。从设计风格上看，uikit感觉不太扁平化，不过配色挺清新的，也是因人而异吧，看个人喜好。4、uikit支持的IE》=9，bootstrap倒是IE》=8（3.0后对IE8的支持不行了。。。）