vue+antd搭建后台管理界面模版

vue+antd搭建后台管理界面模版vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里图标iconfont

欢迎大家来到IT世界,在知识的湖畔探索吧!

vue+antd搭建后台管理界面模版(PC端)

vue+antd搭建后台管理界面模版

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里图标iconfont

项目预览

http://nmgwap.gitee.io/vue-antd/#/login

说明

账号密码不为空即可

本项目主要用于熟悉如何用 vue2 架构一个后端管理平台项目

为了方便后期修改使用,模拟数据在页面中,具体修改看下面【强调】

如果对您有帮助,您可以点右上角 “Star” 支持一下 谢谢! ^_^

或者您可以 “follow” 一下,我会不断开源更多的有趣的项目

开发环境 w7 Chrome 61

目录结构


├── /public/         # 公共文件
├── /src/            # 源码目录
│ ├── /api/          # 请求
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
| ├── /languages/    # 多语言配置
| ├── /minxins/      # minxins
│ ├── /router/       # 路由配置
│ ├── /styles/       # 公共样式
│ ├── /views/        # 路由组件(页面维度)
│ ├── /utils/        # 公共方法
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── package.json     # 项目依赖
└── README.md        # 项目文档

欢迎大家来到IT世界,在知识的湖畔探索吧!

强调

项目请求已经改为假数据,例如:

欢迎大家来到IT世界,在知识的湖畔探索吧!
数据为mock模拟数据
列表获取功能可用,修改删除功能已开发完成,需和后台对接相应字段即可

部分截图


登录

vue+antd搭建后台管理界面模版

首页

vue+antd搭建后台管理界面模版

菜单

vue+antd搭建后台管理界面模版

角色

vue+antd搭建后台管理界面模版

用户

vue+antd搭建后台管理界面模版

字典

vue+antd搭建后台管理界面模版

运行项目


yarn install

Compiles and hot-reloads for development

欢迎大家来到IT世界,在知识的湖畔探索吧!yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

源码地址:

https://gitee.com/nmgwap/vue-antd?_from=gitee_search

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/37699.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信