adminlte

本文转载于: 猿2048 网站 简洁后台管理模版   原文地址： 简洁后台管理模版   之前给客户开发一个简单的后台管理系统，本来准备套用AdminLTE的，但客户嫌弃太臃肿，而且又需要有多tab页面切换，于是从我代码库中找到好久前就写过的管理后台，根据需求重写。这是基于jQuery，加上自己编写基础样式，从零搭建起来的框架，在这个轻量级模版的基础上进行开发vue项目。现在顺便将这个模版搭建成我的前端demo的管理系统，而这篇文章就讲述下如何实现简单的后台管理系统。 效果请看： manage-demo:http://jeffzhong.space/sites/manage-demo/ 项目架构   基于gulp自动化工具，使用less预编译，使用swig模版引擎编译html。   基础样式base.css，字体库raleway，图标库fontello，js基础库jQuery。   同时使用webpack为vue.js配置好开发环境，在src文件夹里面可以直接开发vue项目，里面有简单的vue样例。当然想用react的也可以更改为react库。 文件目录 dist 文件生成目录 src 源文件目录，里面为vue项目的文件 img 图片文件夹 lib 类库文件夹 less less文件 pages 页面文件夹 index.html 首页(母板页) gulpfile.js webpack

前端框架AdminLTE 中文教程 如何用vue整合adminlte模板 1、adminlte 下载地址 ： https://github.com/almasaeed2010/AdminLTE/releases （点击tar.gz这个比较全 下载zip也行 是个干净的模板） 2、下载好后，将adminlte中index.html里body部分复制到vue项目中的index.vue(项目主页)中的template模板中，此时页面是一团糟，（adminlte，依赖于bootstrap3（4版本有问题），而bootstrap依赖于jquery（1.1+）。所以这两个依赖一定要提前引入，具体版本，看上述链接） 3、将adminlte中dist下的js、css、img复制到vue中的assets中 在main.js中引入 import Vue from "vue"; import App from "./App.vue"; import router from "./router"; import store from "./store"; import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/js/bootstrap.min.js'; //AdminLTE import './assets/css

1.AdminLTE介绍 　　AdminLTE是一款 建立在bootstrap和jquery之上的开源的模板主题工具 ，它提供了一系列响应的、可重复使用的组件，并内置了多个模板页面；同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE，我们 可以快速的创建一个响应式的Html5网站 。AdminLTE框架在网页架构与设计 上，有很大的辅助作用，尤其是前端架构设计师，用好AdminLTE 不但美观，而且可以免去写很大CSS与JS的工作量。 2.GitHub获取AdminLTE AdminLTE的GitHub地址：https://github.com/ColorlibHQ/AdminLTE AdminLTE依赖于两个框架Bootstrap3与JQuery1.11+ 传智播客研究院针对英文版本AdminLTE进行了汉化，并优化与定制了部分页面，方便我们的学习与使用。后续SSM综合练习课程中使用的界面就是基于AdminLTE2-IT黑马-定制版。其下载地址为： 来源： https://www.cnblogs.com/luckyplj/p/11378926.html