后台管理系统前端框架【产品经理原型设计参考资料】

后台管理系统前端框架【产品经理原型设计参考资料】本站　　前些日子，我在课后，跟学员沟通的时候发现

　　前些日子，我在课后，跟学员沟通的时候发现。很多小伙伴，在设计后台管理系统的时候，没思路（需求都清楚，就是不知道怎么将一大堆功能，进行合理的布局和排版，说白了就是不知道怎么设计，画原型没思路）其实这个问题，超简单，有技术背景的童鞋，肯定都知道，这个世界上，有前端框架这种神奇的存在，前端框架，就是所谓的 “模板”，这个模板，不仅对前端开发有着巨大的好处，对于咱们产品经理来说，用处也是嗷嗷大的。

　　利用前端框架进行开发，好处就是，各类UI模板都是相当齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作。

　　所以我利用空闲时间，帮大家整理了几个常见/主流的 后台前端解决方案，具体样式/外观/交互，大家可以参考下面的体验demo

　　简介：vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型

　　备注：这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌

　　简介：AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具，它提供了一系列响应的、 可重复使用的组件，并内置了多个模板页面；同时自适应多种屏幕分辨率，兼容PC和移动端。通 过AdminLTE，我们可以快速的创建一个响应式的Html5网站。AdminLTE框架在网页架构与设计 上，有很大的辅助作用，尤其是前端架构设计师，用好AdminLTE 不但美观，而且可以免去写很大 CSS与JS的工作量。

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

　　简介：Ant Design Pro 是一个企业级中后台前端/设计解决方案，秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源

　　备注：选择react技术栈的同学必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制黏贴模式。

　　简介：基于Angular 4+，Angular CLI，Bootstrap 4，以及许多令人敬畏的模块和插件，ng2-admin的配置文件非常完善，组件也比较多，所以直接选择ng2-admin起步，适合有一定基础或者想直接上手搭建一套后台系统，搭建的后台系统会有较多动态组件，追求自动化，动态性。例：表单将会使用service来动态生成，以及完成验证。

　　备注：虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

　　简介：Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，目前在 GitHub 上面有 1w+ star 和 4k+ fork，使用群体比较广泛。这个模版使用默认的 Bootstrap 3 的样式，还有一系列功能强大的 jQuery 插件和工具，用来帮助你创建管理界面模版或者后台的 Dashboard。

　　简介：iView-admin是iView生态中的成员之一，是一套采用前后端分离开发模式，基于Vue的后台管理系统前端解决方案。采用Webpack4.0 + Vue-cli3.0作为基本开发环境。内置了开发后台管理系统常用的逻辑功能，和开箱即用的业务组件，旨在让开发者能够以最小的成本开发后台管理系统，降低开发量。

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

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

　　简介：响应式的仪表盘模板，采用Bootstrap 4和Vue.js构建。此模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

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