1. 新行网首页
  2. 投稿

后台模板框架的模板（简单快速构建后台管理系统）

• 投稿 • 阅读 24

vue+antd搭建后台管理界面模版（PC端）

后台模板框架的模板（简单快速构建后台管理系统）

技术栈

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

强调

项目请求已经改为假数据，例如：

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

部分截图

登录

后台模板框架的模板（简单快速构建后台管理系统）

首页

后台模板框架的模板（简单快速构建后台管理系统）

菜单

后台模板框架的模板（简单快速构建后台管理系统）

角色

后台模板框架的模板（简单快速构建后台管理系统）

用户

后台模板框架的模板（简单快速构建后台管理系统）

字典

后台模板框架的模板（简单快速构建后台管理系统）

运行项目

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

原创文章，作者：admin，如若转载，请注明出处：https://www.qq65hfghe5.com/tg/73340.html

赞 (0)
上一篇 2024年11月15日 01:58:41
下一篇 2024年11月15日 02:01:57

相关推荐