如何选择：Bootstrap Or Layui

后端如何使用设计出好看的界面

我相信对于很多像我一样的后端开发来讲，构建一个前端页面是一个非常令人头痛的问题。Web前端三大组成部分：Javascript、HTML（HTML5）、css，在这三者中间，我对于前两者不能说精通，但是也不怵，但是CSS确实让我感到很头疼的问题，虽然其基本原理盒模型我也知道，但是要构建一个网页也是非常难的。所以一些已经构建好的UI框架就非常适合我们这种人使用，对于我来说有两种可以选择的框架，一种是Layui，另一种是Bootstrap。

Layui，是一个后端框架，没有使用很多前端的新技术Vue等，而是回归到了HTML、Javascript、CSS。

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

从这里我们可以看出这两个框架的特点，他们都是只有HTML、Javascript、CSS，对于我们后台人员掌握来讲是非常简单的。但是这两个框架的侧重点还是不一样。

Layui

以下是摘自Layui官网的介绍

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。Layui开始使用 - 入门指南

从这段简介中我们可以提取到以下信息

1. layui基于原生的HTML/CSS/JS，这也就意味着不需要去额外的学习其他的东西（比如vue等）

2. 体态轻盈，组件丰富，这就意味着它的功能，代码不冗余

3. 更多是为服务端程序员量身定做，也就是说上手很容易，非常适合于后端。

Bootstrap

Bootstrap官网的信息

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.Bootstrap官网

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

从这段讲解中我们可以看出以下信息：

1. Bootstrap也是基于原生的HTML/CSS/JS

2. 拥有Sass变量，响应式栅格系统，扩展内置组件，丰富的JQuery插件。