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)

近期下载者

相关文件


收藏者