vue2-admin
vue2 后台管理系统模板
gitee 地址
本项目可作为模板进行二次开发,基础功能均可以直接复用。
- 项目技术栈基于
ES2015+、vue、vuex、vue-router 、vue-cli 、axios
; - 支持本地
mock
数据 ( 基于Mockjs + webpack dev server
); - 支持异步请求代理;
- 支持模块化开发
- 支持权限化显示
- 自动发现并注册路由
store
; - 自动注册组件;
- .env.development.local 覆盖 env
安装依赖 node: ‘>=12.0.0’
npm install
启动项目
npm run serve
打包上线
npm run build
SVG使用
将 svg 保存在 /src/assets/icon
el 图标也可传入
<svg-icon icon="name" />
默认启动为mock
- 账号:admin || autchan || test
- 密码:随意
- (三个账号都一样)
项目截图
接口返回说明
{
"data": "数据",
"meta": {
"msg": "提示信息",
"status": "状态码",
"type": "error||success"
}
}
"状态码":[
"200":"成功,不带弹窗",
"401":"token失效,重新登陆",
"201":"成功,带弹窗",
]
目录结构说明
└──/assets/ 静态资源
│ ├── /icon/ svg图标
│ ├── ...
│ ├──
├── /components/ 全局组件
│ ├── index.js 自动注册 实例 入口
│ ├── ...
│ │
├── /directive/ 全局指令
│ ├── index.js 自动注册 实例 入口
│ ├── ...
│ │
├── /filters/ 全局过滤器
│ ├── index.js 自动注册 实例 入口
│ ├── ...
│ │
├── /layout/ 布局页
│ ├── ... 不多解释
│ │
├── /modules/ 模块开发
│ ├── /test/ 示例模版
│ ├── ... 页面都在此处开发
│ │
├── /request/ 请求方法
│ ├── ... 不多解释
│ │
├── /router/ 路由
│ ├── ... 不多解释
│ │
├── /store/ 数据存储
│ ├── ... 不多解释
│ │
├── /utils/ 工具方法文件夹
│ │ ├── BaseUtil.js 业务工具类
│ │ ├── ComponentUtil.js 注册组件类
│ │ ├── CryptUtil.js 加密工具类
│ │ ├── functions.js 公共方法类
│ │ ├── ProjectTools.js 保存信息类
│ │ ├── RegExpUtil.js 各种正则方法类
│ │ ├── theme.js 主题样式类
│ │ └── ...
├── package.json
├── README.md
最后
- 如果喜欢一定要 star哈!!!(谢谢!!)
- 如果有意见和问题 请在 lssues提出,我看到后会解答。
- 作者公众号