你是否还在因为囊中羞涩而苦恼，掌握这10个开源项目，财源滚滚

秋瓷炫：老公，下辈子，你还会不会和我结婚？

于晓光：先涨零花钱再说。都没零花钱了，还谈什么下辈子。

发工资啦！瞬间富裕了，有没有？我决定买包好烟，抽上两口；狐朋狗友路边烧烤，喝杯小酒；心仪的耳机键盘，走一个……可现实是这样的。

老婆：老公，交工资了。

老公：好的，可以给点零花钱不？

老婆：可以，一个男的兜里不能没钱。我准备以后把你的工资分成两份，一人一半。

一人一半，我的工资是8958，一半就是4479，人生巅峰啊！哈哈哈哈哈，我得好好盘算下，怎么花，哈哈哈哈哈哈~

老公：老婆，你真是英明神武，秀外慧中，分吧分吧！

老婆：8958，一人一半，给你……

老公：额，58？？？老婆老婆老婆，不对啊！不是一人一半吗？

老婆：没错啊！一人一半，我前一半，你后一半。

你还在为零花钱不够花而犯愁吗？身为程序员，这绝对难不倒我们，掌握这10个开源项目，大洋多多的……

Ant-Design-Pro、AdminLTE、blur-admin、Gentelella admin、iview-admin、material-dashboard、ng2-admin、tabler、vue-Element-Admin、vue-admin，这几个火爆朋友圈的开源项目，用过的小伙伴可以在下方留言呦！

开源，（Open Source）全称开放源代码。开源就是要用户利用源代码在其基础上修改和学习的，但开源系统同样也有版权，同样也受到法律保护。

01 Ant-Design-Pro

开箱即用的中台前端/设计解决方案。Ant Design Pro 是一个企业级中后台前端/设计解决方案，秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

特性：

? 优雅美观：基于 Ant Design 体系精心设计。

? 主题：可配置的主题满足多样化的品牌诉求。

? TypeScript： 应用程序级 JavaScript 的语言。

? 最新技术栈：使用 React/umi/dva/antd 等前端前沿技术开发。

? 区块: 通过区块模板快速构建页面。

?最佳实践：良好的工程实践助你持续产出高质量代码。

? UI 测试：自动化测试保障前端产品质量。

02 AdminLTE

最佳开源管理仪表板和控制面板主题。AdminLTE是构建在bootstrap和jquery之上的开源模板主题工具，它提供了一系列响应的、可重复使用的组件，并内置多个模板页面；同时适应多种屏幕分辨率，兼容PC和移动端。借助AdminLTE，可以快速创建一个响应式的Html5网站。

03 blur-admin

blur-admin角度管理面板前端框架，由akveo团队制作。

为什么用blur-admin？

?强悍的结构

?简洁的设计

?方便定制

04 Gentelella admin

Gentelella admin是一个免费的引导管理模板。该模板使用默认的bootstrap 3样式以及各种强大的jquery插件和工具来创建一个强大的框架，用于创建管理面板或后端面板。

脚本包括：

? Bootstrap

? Font Awesome

? jQuery-Autocomplete

? FullCalendar

? Charts.js

? Bootstrap Colorpicker

? Cropper

? dataTables

? Date Range Picker for Bootstrap

? Dropzone

? easyPieChart

? ECharts

? bootstrap-wysiwyg

? Flot - Javascript plotting library for jQuery.

? gauge.js

? iCheck

? jquery.inputmask plugin

? Ion.RangeSlider

? jQuery

? jVectorMap

? moment.js

? Morris.js - pretty time-series line graphs

? jquery-nicescroll plugin

? PNotify - Awesome JavaScript notifications

? NProgress

? Pace

? Parsley

? bootstrap-progressbar

? select2

? Sidebar Transitions - simple off-canvas navigations

? Skycons - canvas based wather icons

? jQuery Sparklines plugin

? switchery - Turns HTML checkbox inputs into beautiful iOS style switches

? jQuery Tags Input Plugin

? Autosize - resizes text area to fit text

? validator - HTML from validator using jQuery

? jQuery Smart Wizard

05 iview-admin

iview-admin基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iview-admin遵守iview设计和开发约定，风格统一，设计考究，更多功能还在开发中……

功能：

? 登陆/登出

?权限管理

?组件

?表单编辑

?表格

?错误页面

?换肤

?收缩侧边栏

? Tag标签导航

? 全屏/退出全屏

?锁屏

?消息中心

?个人中心

06 material-dashboard

material-dashboard是一个免费的材料引导管理程序，其全新设计灵感来自谷歌的材料设计。基于流行引导框架构建，附带第三方插件，可极好地适应其余的元素。

目录表：

? Versions

? Demo

? Quick Start

? Documentation

? File Structure

? Browser Support

? Resources

? Reporting Issues

? Technical Support or Questions

? Licensing

? Useful Links

07 ng2-admin

基于angular 2、bootstrap 4和webpack的管理面板框架。

特点：

? TypeScript

? Webpack

? Responsive layout

? High resolution

? Bootstrap 4 CSS Framework

? Sass

? Angular 2

? jQuery

? Charts (Chartist, Chart.js)

? Maps (Google, Leaflet, amMap)

? and many more!

08 tabler

tabler是建立在bootstrap上的免费开源html仪表板ui工具包。

tabler旨在提供一个用户友好、清晰和简单的管理面板，简单的网站和复杂的系统都可以使用。

09

vue-Element-Admin

vue-Element-Admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。可以帮助你快速搭建企业级中后台产品原型。

功能：

? 登录/注销

?权限验证

?多环境发布

?全局功能

特点：

?功能丰富（提炼业务模型，提供丰富的功能组件）

?权限验证

?国际化（内建业界通用的国际化方案）

? 最新技术栈（使用 vue/vuex/vue-router/element 等前端前沿技术开发）

?主题（支持多种动态换肤功能）

10 vue-admin

基于 Vue 2.0 和 Bulma 0.3 的 后台管理框架，等同于 Vue 版本的 Bootstrap 管理系统，提供一组通用的后台界面 UI 、组件及丰富的图表组件，开箱即用。

特点：

? Responsive and Flexible Box Layout

? Variety of Charts

? Rich Components or See vue-bulma

? Based on the awesome third-party libraries