liujians / vue-adminlte-vue-router Goto Github PK

View Code? Open in Web Editor NEW

363.0 27.0 119.0 6.72 MB

SPA about vue-cli+adminLte+vue-router

JavaScript 55.03% HTML 36.48% Vue 1.03% CSS 7.39% PHP 0.07%

vue-adminlte-vue-router's Introduction

vue-adminLte-vue-router

by liujians http://liujians.me

最近在整合的vue+vue-router+adminLte，用来做响应式的比较美观的SPA管理系统项目路径：https://github.com/liujians/vue-adminLte-vue-router ###介绍

adminLte：很好看的一套管理系统框架，适合做SPA应用

vue.js：性能非常不错的前端框架

vue-router：大型项目前后端分离通常要用前端路由

vue和vue-router版本为2.0

2017-05-28

本项目已不再跟进、原因是整合的过程中发现了很多需要优化的问题、还有因为vue版本变迁的问题、

很多使用的coder估计已经优化了很多、这里对大家表示抱歉、正在筹划重启一个新的项目

2016-11-18更新加入 Vuex2.0，使大型应用的状态共享更方便

Ps:更新项目别忘了安装vuex依赖

this.$store.state
//具体的store文件在src/store下面
//最新版的demo中、attendance页面可以看到alert的数据

第一次加载会判断移动端的跳转会自动收起菜单

###项目效果

###说明

整合到一起之后，把其中用到的其他库（jq,bs等）用官方脚手架中的webpack做了一些配置，使得项目可以跑起来，相关插件也可以用

使用vue-cli搭建整合、帮助使用者跳过一些坑

###使用方法

开启终端到项目路径下

npm install

npm run dev

Please make sure that your node in 4.0.0 above

欢迎一起学习交流

SPA about vue-cli+adminLte+vue-router

vue-adminlte-vue-router's People

Contributors

Stargazers

Watchers

Forkers

hainuo terrydash lancer2 lamb2014 janinofqh vincentroole fewiki kingchary jinlin516293816 frandavid physihan pylixm vebin wuwx ihubcode fs821031547 pm-zy ofroad athiwatp johnnyjiang 372130786 pksurecom designthoughts mitrichevgoing williamjie tomfanxiaojun brijgogogo bobiscool chenbioyi226 liu-peiyu marc45 leo851211 gail9527 wuchaohua tony-wuhongtao hackboy hyteer xiongeee star-sky-zx goodsir521 huzh smgaya ruoling liuwei9413 artdong nobrokenboy guchongxi agm1982 loveconli okusnadi kankaner cedric-song nwdsl1982 benqend rebortboss mumuyu65 jacobhuang vincentchen sujinw mulholland0318 fen666 spzhao imoacs shihongwei qyt2018 narci2010 yysbs18 hecomlilong peterwnb jiangsuwwj1 won21kr rgwybb xkm2000 xiaojiandong esaraviam kevinedison zhaoguangwei martinwithyou iberialab iwtbabh tt-52101 chinesetian yhgcs summerjie007 gspandy luxinlei mmm8955405 dumuchenglin123 harveyphoenix edgeowner 941029minmin 51fan zjq1394288160 muni2explore panqiuna forging2012 quasim0d0 wflin misterji qa962839575

vue-adminlte-vue-router's Issues

npm run dev error

I try to exec "npm run dev" after "npm install", but these error occur.

ERROR in ./src/main.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./dist/css/skins/_all-skins.min.css in /tmpi/Documents/vue-adminLte-vue-router/src
 @ ./src/main.js 5:0-57

ERROR in ./src/main.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./dist/css/AdminLTE.min.css in /tmpi/Documents/vue-adminLte-vue-router/src
 @ ./src/main.js 6:0-49

ERROR in ./src/main.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./dist/js/demo.js in /tmpi/Documents/vue-adminLte-vue-router/src
 @ ./src/main.js 19:0-28

ERROR in ./src/main.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./dist/js/app.min.js in /tmpi/Documents/vue-adminLte-vue-router/src
 @ ./src/main.js 20:0-31

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-acbab0e2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/index.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./dist/img/user2-160x160.jpg in /tmpi/Documents/vue-adminLte-vue-router/src
 @ ./~/vue-loader/lib/template-compiler.js?id=data-v-acbab0e2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/index.vue 156:13-52 168:13-52 196:13-52
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.46 MB       0

执行npm run 命令失败

作者你好，按照你提供的安装和启动方式，安装没有问题，但是在执行npm run dev
'caniuse-db/features-json/transforms2d.json 请问这个，需要安装什么？

左侧菜单收起后，鼠标进入菜单区域会自动展开，这个效果无法关闭？

adminlte的原生效果是，只有在config面板中勾选了Sidebar Expand on Hover才会有此效果，默认情况鼠标进过时并不会完全展开整个菜单，而是仅弹出鼠标进过的菜单项，我想要这个效果。您的框架中隐藏了config按钮，我恢复之后发现，无论是否勾选Sidebar Expand on Hover都是一样，无法关闭，并且似乎demo.js中几个方法中引用AdminLTE对象时都报错未定义，不知道是不是这个原因呢？

在home.vue里面加main-footer样式丢失的问题

Version 0.4.2

在home.vue里面加main-footer，通过左侧导航点击之后样式丢失，刷新浏览器又正常了。不知道怎么回事，麻烦解决一下，谢谢。

前端路由的权限管理如何实现的

如题，如何对路由实现权限管理

移动端点完菜单后左侧菜单栏没有隐藏，体验不好

项目做得很棒，pc和移动完美适配又很美观，希望可以帮移动端显示时左侧菜单栏select完之后能够收回去

拒绝伸手党，麻烦可以大概说明下代码结构吗

代码目录结构（某些文件夹的主要作用），有些看的挺绕的，可以麻烦大概说明下代码结构吗？辛苦了