使用前端后台管理模板库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相关推荐

X-admin经典前端后台管理模板，基于layui的轻量级前端后台管理框架，简单，兼容性好，面向所有层次的前后端程序
X-admin 简介 X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序.创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的.#X-a ...
inspinia admin 最新版 inspinia 2.7.1 一套非常优秀的bootstrap后台管理模板
演示地址: http://www.inspinia.net 介绍 inspinia admin 最新版 bootstrap 完全响应式后台管理模板,采用扁平化设计.使用Bootstrap 3+ Fr ...
前端页面后台管理模板—代码实例
今天分享下"前端页面后台管理模板"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧.近期自身 ...
bootstrap4 后台管理模板_开源的后台管理模板
后台管理模板 vue-Element-Admin vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui 实现. 它使用了最新的前端技术栈,内置了 i18 ...
基于 Blazui 的 Blazor 后台管理模板 BlazAdmin 正式尝鲜
简介 BlazAdmin 是一个基于Blazui的后台管理模板,无JS,无TS,非 Silverlight,非 WebForm,一个标签即可使用. 我将在下一篇文章讨论 Blazor 服务器端渲染与客 ...
vue3+ts+vite后台管理模板
vue3+ts+vite后台管理模板支持前后端控制权限,使用uniapp+vue3+ts+elementplus+vite开发,码云地址:https://gitee.com/yongqiang062 ...
再来 20 个免费的 Bootstrap 的后台管理模板
http://www.oschina.net/news/52033/free-bootstrap-admin-templates 6月14日上海 OSC 源创会开始报名,送机械键盘和开源无码内裤之前 ...
rapido-bootstrap响应式html后台管理模板,最值得拥有的免费Bootstrap后台管理模板
在PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能.使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间.下面雷雪松给大家 ...
Metronic – 超赞！基于 Bootstrap 的响应式后台管理模板
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...

使用前端后台管理模板库admin-lte

使用前端后台管理模板库admin-lte

安装

搭建环境

使用前端后台管理模板库admin-lte相关推荐

最新文章

热门文章