使用前端后台管理模板库admin-lte
2017-07-24 13:37
791 查看
使用前端后台管理模板库admin-lte
使用前端后台管理模板库admin-lte安装
搭建环境
安装
安装admin-lte,可以通过以下几种办法安装,下图是GitHub中admin-lte的主页:通过github直接克隆安装
git clone https://github.com/almasaeed2010/AdminLTE.git adminlte # 将这个resposity 克隆到adminlte
可以看到上图的目录结构
通过bower 安装
bower安装可以去查看bower官网,需要nodejs 环境支持。bower地址: https://bower.io/
搭建环境
依赖下载目录说明
上图为目录说明。
我们主要使用的事dist这个目录
在adminlte/libs目录存放框架库。
建立第一个index.html 如下图
直接导入css和js压缩文件
AdminLTE.css 和 AdminLTE.min.css、 adminlte.min.js和 adminlte.js两个文件内容都是一样的,不过带min的都是通过压缩后的文件。
直接打开/libs/admin-lte/index.html 看到如下内容:
现在将四个不同颜色的框框显示出来,就说明我们项目搭建成功了。
我们找到adlte中index.html 搜索关键词
Orders找到四个框框源码的位置。然后复制,如下图:
找到代码以后复制进入index.html
得到下图的index.html
然后用浏览器打开index.html如下图:
这就说明了,adminlt环境基本搭建成功。
后续: 实际自己需要的样式或者组件库,导入不同的css,即可实现和admin-lte一样的效果。adminlte.min.js 依赖于jquery,在admin的bower组件中所有依赖都下载完成了,直接导入使用就可以了。
祝您好运…
相关文章推荐
- 使用前端后台管理模板库admin-lte(转)
- Asp.Net Core 项目实战之权限管理系统(1) 使用AdminLTE搭建前端
- ABP+AdminLTE+Bootstrap Table权限管理系统第一节--使用ASP.NET Boilerplate模板创建解决方案
- ABP+AdminLTE+Bootstrap Table权限管理系统第一节--使用ASP.NET Boilerplate模板创建解决方案
- Admin管理后台模板 Free HTML Admin Templates For The Backend Of Your Apps
- 极客Style:12款华丽的Admin管理后台模板
- 12款华丽的Admin管理后台模板
- 使用django-suit为django 1.7 admin后台添加模板
- 12款华丽的Admin管理后台模板
- 【猪猪-前端】收集了30个div+css后台模板,方便大家日常开发使用,简洁易用一贯原则。
- Python菜鸟之路:Django Admin后台管理功能使用
- 使用grappelli为django admin后台添加模板
- 一款基于angularjs、bootstrap免费的后台模板blur-admin使用
- 极客Style:12款华丽的Admin管理后台模板
- Django Admin后台管理模块的使用
- [two scoops]为django admin后台添加模板(使用grappelli)
- Admin Panel – 非常漂亮的后台管理系统模板
- 极客Style:12款华丽的Admin管理后台模板
- 为django 1.7 admin后台添加模板(使用django-suit)
- 极客Style:12款华丽的Admin管理后台模板