vue-admin-template Vue 轻量级后台管理系统基础模板开源项目

我要开发同款
匿名用户2018年12月28日
66阅读
开发技术JavaScript
所属分类后台管理系统(模板)、Web应用开发、Vue 组件
授权协议MIT

作品详情

 在线预览更新日志相关依赖vue-routeriviewaxiosvuex功能登录页一周七天自动切换不同的壁纸(建议自己配置)标签栏点击标签切换页面刷新当前标签页关闭其他标签/关闭所有标签注意: 组件的名称和路由的名称一定要一致,例如 Home.vue 组件名称 name:home,则在路由文件中也要给它设置为 name:home,否则页面内容不能缓存

//在router文件中{path:'home',name:'home',component:()=>import('../views/Home.vue')}//在Home.vue中exportdefault{name:'home'}侧边栏伸展/收缩页面宽度过小自动收缩多级菜单(利用iView组件)用户相关消息通知用户头像基本资料动态菜单栏根据数据动态生成菜单在菜单项上添加hidden属性可以隐藏该菜单项,但还是可以正常访问页面,具体请看DEMO及其相关代码面包屑展示当前页面的路径权限控制如果在未登陆的情况下访问指定页面将会重定向到登陆页eslint+vscode自动格式化代码具体配置方法请点击上面的链接,如果不需要eslint,请将相关依赖卸载以及根目录下的 .eslintrc.js 删除。

jest单元测试如果不需要,请卸载相关依赖及删除根目录下的 tests 目录

页面标题 document.title在 src/utils/index 下可设置默认的 title,在每个路由配置项上可设置对应的 title,具体示例请看代码

其它利用axios拦截器实现了ajax请求前展示loading 请求结束关闭loading注意源码可见并且添加了必要的注释可以自行更改Index组件一般情况下只需要传数据就行其他不用关注

市面上有大量的vue后台管理系统模板但是功能都太丰富了而且有很多组件用不上所以写了这么一个最基础的只有必要功能的模板UI库使用的是iView 有大量的组件可用

使用下载gitclonehttps://github.com/woai3c/vue-admin-template.gitcdvue-admin-templatenpmi开发npmrunserve打包npmrunbuild打包后的文件不能放在服务器根目录,否则会出现空白页面。

如果确实要把文件放在服务器根目录则需要更改打包的路径,打开 vue.config.js 文件,将如下代码删去即可。

publicPath:'./',
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论