vueadmin
所属分类:构建工具
开发工具:Vue
文件大小:1876KB
下载次数:0
上传日期:2017-02-20 12:40:00
上 传 者:
sh-1993
说明: Vue.js后台管理器脚手架基本Vue.js(1.0.x)+语义UI+Vue路由器+Vue加载程序+webpack+Vue re...
(A Vue.js background manager scaffolding base vue.js(1.0.x) + Semantic UI + vue-router + vue-loader + webpack + vue-resource + vue-validator + vuex)
文件列表:
.babelrc (96, 2017-02-20)
.editorconfig (147, 2017-02-20)
.eslintignore (23, 2017-02-20)
.travis.yml (382, 2017-02-20)
LICENSE (35141, 2017-02-20)
build (0, 2017-02-20)
build\build.js (886, 2017-02-20)
build\dev-client.js (245, 2017-02-20)
build\dev-server.js (1925, 2017-02-20)
build\utils.js (1722, 2017-02-20)
build\webpack.base.conf.js (2003, 2017-02-20)
build\webpack.dev.conf.js (1143, 2017-02-20)
build\webpack.prod.conf.js (3250, 2017-02-20)
composer.json (2484, 2017-02-20)
config (0, 2017-02-20)
config\dev.env.js (139, 2017-02-20)
config\index.js (1146, 2017-02-20)
config\prod.env.js (48, 2017-02-20)
config\test.env.js (132, 2017-02-20)
doc (0, 2017-02-20)
doc\img (0, 2017-02-20)
doc\img\basecharts.jpg (154983, 2017-02-20)
doc\img\container-layout.jpg (97102, 2017-02-20)
doc\img\custom1.jpg (77336, 2017-02-20)
doc\img\custom2.jpg (68822, 2017-02-20)
doc\img\custom3.jpg (41179, 2017-02-20)
doc\img\custom4.jpg (36974, 2017-02-20)
doc\img\form.jpg (60023, 2017-02-20)
doc\img\login.jpg (24154, 2017-02-20)
doc\img\logo.png (5744, 2017-02-20)
doc\img\main.jpg (94177, 2017-02-20)
doc\semantic-ui-custom.rar (1444738, 2017-02-20)
doc\site.variables (32655, 2017-02-20)
index.html (200, 2017-02-20)
package.json (2376, 2017-02-20)
src (0, 2017-02-20)
src\App.vue (152, 2017-02-20)
... ...
![](https://github.com/rootsli/vueadmin/blob/master/doc/img/logo.png)
vue-admin - A background manager scaffolding base Vue.js
========================================================
[![Packagist](https://img.shields.io/badge/packagist-1.1.2-blue.svg)](https://packagist.org/packages/vueadmin/vue-admin)
[![Vuejs](https://img.shields.io/badge/%20Powered%20by%20-%20Vuejs%201.x.x%20-green.svg?style=flat)](http://cn.vuejs.org/)
A Vue.js background manager scaffolding base vue.js(1.0.x) + Semantic UI + vuex + vue-router + vue-resource(whatwg-fetch) + vue-validator + vue-loader + webpack
使用Vue.js作为基础框架,Semantic UI作为UI层,实现了一个后台管理系统的基础框架。可以基于此框架实现功能复杂的后台管理系统。
[点此查看运行效果](http://vueadmin.duapp.com)(登录名:admin,密码:admin)
※ 已基于 vue2 + webpack2 + elementUI 实现了一套全新的后台管理框架,具体请移步 [https://github.com/rootsli/vue2admin] (https://github.com/rootsli/vue2admin)查看
## 主要依赖组件
* vue.js ^1.0.21
* semantic-ui-css ^2.2.2
由于semantic-ui经过了定制,因此建议将下文“关于semanticUI css的本地化定制”章节附件semantic-ui-custom.rar直接解压到node_modules\semantic-ui-css目录下即可(需先运行npm install)。否则项目跑起来后,界面和截图不一致。
* 百度 echarts3
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
## 关于semanticUI css的本地化定制
* 本项目虽然使用的是semantic-ui-css,但是由于Semantic UI 默认使用的是谷歌提供的字体,并且是直接使用了谷歌的官方链接。因此建议对css进行本地化定制,使用定制后编译生成的文件替换semantic-ui-css中的文件。
具体定制方法请参考Semantic UI官方文档,主要变更如下:
* 默认字体改为使用微软雅黑
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/custom1.jpg)
* 关闭google字体动态链接
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/custom2.jpg)
* 修改控件样式的默认颜色
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/custom3.jpg)
* 修改默认背景色
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/custom4.jpg)
### 附:[semantic-ui-custom.rar](https://github.com/rootsli/vueadmin/blob/master/doc/semantic-ui-custom.rar)(可通过右键另存为保存)。另,定制文件请见文件[site.variables](https://github.com/rootsli/vueadmin/blob/master/doc/site.variables)
### 如不想自己定制,也可以直接解压semantic-ui-custom.rar内容覆盖掉node_modules\semantic-ui-css目录下内容即可(需先运行npm install)。
## 菜单右侧主页面布局说明
* 典型的布局结构(推荐布局)
```html
...
...
```
* 界面说明
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/container-layout.jpg)
## Change Log
- 20160820
- 新增表单示例
- 20160812
- list示例新增项目的新增,编辑case
- 20160811
- 更新README.md
- 20160810
- 新增翻页组件
- 新增表格示例
- 20160808
- 菜单支持折叠与隐藏
- 20160805
- 菜单隐藏使用动画
- 页面加载支持进度条
- 20161012
- 整合vue-echarts
- 整合百度echarts3
- 实现基本图形示例
- 页面F5刷新时,菜单展开错误问题修复
- 20161014
- 生产打包js文件生成6位数的hash
- 添加运行效果
## To Do List
- 报表实例:地图示例
## UI截图
- 登录界面
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/login.jpg)
- 表格示例
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/main.jpg)
- 表单
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/form.jpg)
- 基本图形
![image](https://github.com/rootsli/vueadmin/blob/master/doc/img/basecharts.jpg)
近期下载者:
相关文件:
收藏者: