开源项目经验分析(你是否还在因为囊中羞涩而苦恼)
开源项目经验分析(你是否还在因为囊中羞涩而苦恼)老婆:8958,一人一半,给你……老公:老婆,你真是英明神武,秀外慧中,分吧分吧!老公:好的,可以给点零花钱不?老婆:可以,一个男的兜里不能没钱。我准备以后把你的工资分成两份,一人一半。一人一半,我的工资是8958,一半就是4479,人生巅峰啊!哈哈哈哈哈,我得好好盘算下,怎么花,哈哈哈哈哈哈~
秋瓷炫:老公,下辈子,你还会不会和我结婚?
于晓光:先涨零花钱再说。都没零花钱了,还谈什么下辈子。
发工资啦!瞬间富裕了,有没有?我决定买包好烟,抽上两口;狐朋狗友路边烧烤,喝杯小酒;心仪的耳机键盘,走一个……可现实是这样的。
老婆:老公,交工资了。
老公:好的,可以给点零花钱不?
老婆:可以,一个男的兜里不能没钱。我准备以后把你的工资分成两份,一人一半。
一人一半,我的工资是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