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

来源:国外服务器 在您之前已被浏览:1 次
导读:目前正在解读《后台模板框架的模板(简单快速构建后台管理系统)》的相关信息,《后台模板框架的模板(简单快速构建后台管理系统)》是由用户自行发布的知识型内容!下面请观看由(国外主机 - www.2bp.net)用户发布《后台模板框架的模板(简单快速构建后台管理系统)》的详细说明。
笨笨网美国主机,w ww.2 b p .n e t

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

笨笨网美国主机,w ww.2 b p .n e t
提醒:《后台模板框架的模板(简单快速构建后台管理系统)》最后刷新时间 2025-03-21 11:17:33,本站为公益型个人网站,仅供个人学习和记录信息,不进行任何商业性质的盈利。如果内容、图片资源失效或内容涉及侵权,请反馈至,我们会及时处理。本站只保证内容的可读性,无法保证真实性,《后台模板框架的模板(简单快速构建后台管理系统)》该内容的真实性请自行鉴别。