Giter VIP home page Giter VIP logo

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

liujians avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-adminlte-vue-router's Issues

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

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

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 dev error

WARNING in ./src/plugins/daterangepicker/moment.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./locale in /Users/liao/Documents/GitHub/vue-adminLte-vue-router/src/plugins/daterangepicker
@ ./src/plugins/daterangepicker/moment.js 1:4485-4510

执行npm run 命令失败

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.