tp和 vue 管理后台管理系统_vue-antd后台管理系统

vue-antd本项目的定位是后台管理系统,适配中文、英文、日文。mock数据,开箱即用

技术栈

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

目录结构


├── /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        # 项目文档

强调

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

数据为mock模拟数据列表获取功能可用,修改删除功能已开发完成,需和后台对接相应字段即可

部分截图


登录

f6b699be9eeb4a44e61f9bd81e7c9f65.png

首页

281584ba0ff2976379f15f1778500010.png

菜单

830236454ea21e7928f4f97d86e69163.png

角色

dc367acb597978901ea72ead0b9481fd.png

用户

84a183b8ba1775247019e9b0323fceff.png

字典

bceef6b767642a83647462b6d195b7f5.png

运行项目


yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

项目源码地址:


码云地址:https://gitee.com/nmgwap/vue-antd


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部