iview template模式_GitHub - iview/iview-admin at template

iView Admin

注：在线版本会在开发版本新小版本发布后更新到相应版本，所以如果想体验最新版本iview-admin，请clone完整项目代码到本地运行。

Install

// install dependencies

npm install

Run

Development

npm run dev

Production(Build)

npm run build

简介

iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。

如果您想查看iview-admin的更新动态，您可以到更新日志查看了解最新更新；如果您是新手，想快速入手iview-admin，您可以到使用教程查看讲解；如果您想在线体验iview-admin，您可以到在线访问体验。如果你只是想要一个清醒爽朗的界面，那你可以下载简化版模板来做开发。

功能

登录/登出

权限管理

列表过滤

权限切换

多语言切换

组件

富文本编辑器

Markdown编辑器

城市级联

图片预览编辑

可拖拽列表

文件上传

数字渐变

split-pane

表单编辑

文章发布

工作流

表格

可拖拽排序

可编辑表格

行内编辑

单元格编辑

可搜索表格

表格导出数据

导出为Csv文件

导出为Xls文件

表格转图片

错误页面

403页面

404页面

500页面

高级路由

动态路由

带参页面

换肤

收缩侧边栏

tag标签导航

面包屑导航

全屏/退出全屏

锁屏

消息中心

个人中心

文件结构

.

├── build 项目构建配置

├── config 开发相关配置

├── public 打包所需静态资源

└── src

├── api AJAX请求

└── assets 项目静态资源

├── icons 自定义图标资源

└── images 图片资源

├── components 业务组件

├── config 项目运行配置

├── directive 自定义指令

├── libs 封装工具函数

├── locale 多语言文件

├── mock mock模拟数据

├── router 路由配置

├── store Vuex配置

├── view 页面文件

└── tests 测试相关

Links

效果展示

响应式布局首页

标签导航

权限管理

可拖拽列表

图片预览编辑

文件上传

数字渐变

split-pane

文章发布

工作流

可拖拽表格

可编辑表格

表格导出数据

表格转图片

错误页面

锁屏

可收缩侧边栏

主题切换

消息中心

💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖

License

Copyright (c) 2016-present, iView