AdminLTE
框架简介:AdminLTE是一个完全响应管理模板。基于Bootstrap 4.4框架以及JS / jQuery插件,易于定制模板,且自带多种配色皮肤,可根据需要实时调整。适合多种屏幕分辨率,从小型移动设备到大型台式机。内置了多个页面并且自带大量插件,包括仪表盘、小部件、UI元素展示如表单、图表、表格、邮箱、日历、锁屏、登录及注册、404页面、500等页面。对开发可视化后台管理系统省去了很多的麻烦。
Github Star 数 36000+ ,Github 地址:https://github.com/ColorlibHQ/AdminLTE
下面是部分页面展示
首页仪表盘展示
![7277fd76a0bc2a0c71be8612642f52d6.png](https://i-blog.csdnimg.cn/blog_migrate/a22ed8628a93a5598125cf5165b235d8.jpeg)
![55f4ddc72e7505202136a48712506f5d.png](https://i-blog.csdnimg.cn/blog_migrate/ba08daec53394944d5e0713685cad6aa.jpeg)
![41aafffba5b6768085d8063dc4c1fb4a.png](https://i-blog.csdnimg.cn/blog_migrate/1b5f06880b748944488a8ded3dd47be6.jpeg)
小部件展示
![389d7a713e4e139669f41b482359ad4e.png](https://i-blog.csdnimg.cn/blog_migrate/496537b6ef8aa99cb69c2d7a8669ce2e.jpeg)
UI元素展示
![d268cc27d23e3aaa979dbf4847f9a0ac.png](https://i-blog.csdnimg.cn/blog_migrate/4e71aff876627cac999aaeb2808730e9.jpeg)
Form表单展示
![7e74983a1c242b99204112b433c609d9.png](https://i-blog.csdnimg.cn/blog_migrate/48b26b1cd0af4f549247d8b5cd18bb36.jpeg)
Table表格展示
![1146d47456c9d70727bbfe6143394875.png](https://i-blog.csdnimg.cn/blog_migrate/892531b65214f12c397497f3081b3c73.jpeg)
定制化日历展示
![e33e6943c2963c572fc788467c2c9758.png](https://i-blog.csdnimg.cn/blog_migrate/f52f39afd81d60b8a867610198b88dc3.jpeg)
邮箱展示
![d1f770ea93a8efae72f4aa5ce589faf1.png](https://i-blog.csdnimg.cn/blog_migrate/08c0b0baad037d43263328e72295b063.jpeg)
![7e3a893d692e630c57c3d898b162b635.png](https://i-blog.csdnimg.cn/blog_migrate/62c7da03ec8b57096ccf592a738974cb.jpeg)
演示地址:https://adminlte.io/themes/v3/index.html
安装:
1.通过NPM
npm install admin-lte@^3.0 --save
2.通过GitHub
git clone https://github.com/ColorlibHQ/AdminLTE.git
浏览器支持:
AdminLTE具有与Bootstrap 4相同的浏览器支持。
可以在.browserslistrc文件中找到我们支持的浏览器范围及其版本:
# https://github.com/browserslist/browserslist#readme >= 1%last 1 major versionnot deadChrome >= 45Firefox >= 38Edge >= 12Explorer >= 10iOS >= 9Safari >= 9Android >= 4.4Opera >= 30
以后会分享更多的前端干货,都看到这里了,老铁,给个赞可好!