Vue antd构建管理后台页面模版(PC端)。

后台模板框架的模板-简单快速构建后台管理系统-第1张图片技术栈

vue 2 vuex vue-router web pack es6/7 axios antd Ali icon font。

新项目浏览

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

表述

账户并不是空。

本新项目主要是用以了解怎样用vue2搭建后面管理系统新项目。

为了更好地便捷之后改动,仿真模拟数据信息在界面上。实际改动请参照下列【关键】。

假如对您有协助,能够单击右上方的“星标”适用。谢谢你们!^_^

或是你能“追随”,我能再次开启大量有意思的新项目。

开发工具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仿真模拟数据列表获得作用可以用,改动删掉作用已开发设计进行,需和后台管理连接相对应字段名就可以

一部分截屏

登陆

后台模板框架的模板-简单快速构建后台管理系统-第2张图片首页

后台模板框架的模板-简单快速构建后台管理系统-第3张图片菜单栏

后台模板框架的模板-简单快速构建后台管理系统-第4张图片性情;功效

后台模板框架的模板-简单快速构建后台管理系统-第5张图片客户

后台模板框架的模板-简单快速构建后台管理系统-第6张图片字典

后台模板框架的模板-简单快速构建后台管理系统-第7张图片运作新项目。yarn install

编译程序和热重新加载用以开发设计

yarn serve

为生产制造开展编译程序和变小

yarn build

删掉和修补文档

yarn lint

评论(0条)

刀客源码 游客评论