文档章节

VUE集成AdminLte

Pasenger
 Pasenger
发布于 08/19 14:26
字数 150
阅读 12
收藏 0

1. 安装需要到插件

npm i admin-lte -S
npm i jquery -S
npm i axios -S
npm i vue-router -S

2. 配置webpack.config.js

2.1 module.exports.module.rules修改字体loader:

{
	test: /\.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/,
	loader: 'file-loader',
	options: {
	  name: '[name].[ext]?[hash]'
	}
}

2.2 module.exports增加:

plugins: [
	new webpack.ProvidePlugin({
	  $: "jquery",
	  jQuery: "jquery",
	  jquery: "jquery",
	  "window.jQuery": "jquery"
	})
],

3. 配置main.js

import 'font-awesome/css/font-awesome.css'
import 'ionicons/dist/css/ionicons.css'
import 'bootstrap/dist/css/bootstrap.css'
import 'admin-lte/dist/css/skins/_all-skins.css'
import 'admin-lte/dist/css/AdminLTE.min.css'

import 'bootstrap/dist/js/bootstrap.min.js'
import 'admin-lte/dist/js/adminlte.min.js'

© 著作权归作者所有

共有 人打赏支持
Pasenger
粉丝 3
博文 23
码字总数 16375
作品 0
东城
技术主管
免费的Bootstrap Admin Template并具有教学

说明 作为程序员最近一直在写页面,直接用Boostrap一直感觉虽然像搭建积木一样,但是整体风格总是很奇怪,随即随便搜搜发现AdminLTE。之前搜索过这个免费的模板,但当时没有教学,并且个人对...

抢小孩糖吃
2015/11/15
0
0
最值得拥有的免费Bootstrap后台管理模板

在PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能。使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间。下面P...

52117354
09/11
0
0
huangdf/seezoon-framework-all

项目介绍 基于spring,mybatis,shiro面向接口开发的的一套后台管理系统,方便快速开发;采用常用的技术栈,降低学习成本,项目完全前后端分离,后端定义统一的接口格式,统一参数校验,统一权...

huangdf
04/20
0
0
AdminLTE中我的菜单太长了,能不能实现点击菜单之后出现最小化菜单页面的悬停事件那样子的样式。

AdminLTE中我的菜单太长了,能不能实现点击菜单之后出现最小化菜单页面的悬停事件那样子的样式。这样更加好选择我地菜单分了六级,如果不这样操作的话很麻烦,而且主菜单也有很多默认打开太难...

华鑫锋
05/10
0
0
极速后台开发框架 - xzyn

xzyn5.1 极速后台开发框架,基于ThinkPHP5.1.10+Bootstrap开发。 主要特性 基于Auth验证的权限管理系统 支持无限级父子级权限继承,父级的管理员可任意增删改子级管理员及权限设置 支持单管理...

戏中有你
05/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sqlserver 2008 r2 直接下载地址(百度云)

之前下载的sqlserver2008发现不能附加,就卸载了,重新找到了sqlserver2008R2的百度云资源 卸载sqlserver2008还是有点麻烦,不过就是需要删除注册表中的信息 自己来回卸载了3次终于重装sqlse...

dillonxiao
31分钟前
1
0
[Java]JVM调优总结 -Xms -Xmx -Xmn -Xss

JVM调优总结 -Xms -Xmx -Xmn -Xss 博客分类: Java General JVM应用服务器电信CMS算法 堆大小设置 JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可...

morpheusWB
41分钟前
1
0
C++ std::function 和 std::bind

C++11提供了std::function和std::bind两个工具,用于引用可调用对象。这些可调用对象包括 普通函数,Lambda表达式,类的静态成员函数,非静态成员函数以及仿函数等。引用可调用对象,可以用于...

yepanl
今天
2
0
python:可迭代对象的索引

关于 python的range的用法: 注意是[ 开始,结束)的半开区间,不包括结束 http://www.runoob.com/python/python-func-range.html import collectionsfrom collections import Iterable字符串......

Oh_really
今天
3
0
docker-compose ,docker-stack

1.例子 version: "3"services: php: image: registry.cn-hangzhou.aliyuncs.com/lxepoo/apache-php5 ports: - "38080:80" networks: - my_php_mysql volum......

chenbaojun
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部