Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/liujians/vue-adminLte-vue-router

SPA about vue-cli+adminLte+vue-router
https://github.com/liujians/vue-adminLte-vue-router

Last synced: about 1 month ago
JSON representation

SPA about vue-cli+adminLte+vue-router

Lists

README

        

# vue-adminLte-vue-router

by liujians [http://liujians.me](http://liujians.me)

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

[adminLte](https://almsaeedstudio.com/themes/AdminLTE/index2.html):很好看的一套管理系统框架,适合做SPA应用

[vue.js](http://rc.vuejs.org/guide/):性能非常不错的前端框架

[vue-router](https://router.vuejs.org/zh-cn/index.html):大型项目前后端分离通常要用前端路由

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的数据

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

###项目效果

![](/GIF_sys.gif)

###说明

整合到一起之后,把其中用到的其他库(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