iView Admin
当前版本:v1.3.1
注:在线版本会在开发版本新小版本发布后更新到相应版本,所以如果想体验最新版本iview-admin,请clone完整项目代码到本地运行。
2.0版本预告 Feature
- 使用Vue-cli作为项目脚手架
- 使用Webpack4版本(待定)
- 重整项目结构,更好封装组件
- 新增更多组件
- 多级菜单
- 动态路由
- 重构权限控制体系
- 使用最新版iView以及iView-editor
- 加入大数据量表格vue-bigdata-table组件,几十万数据流畅渲染
- ......
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 项目构建配置
└── src
├── images 图片文件
├── libs 工具方法
├── locale 多语言文件
├── router 路由配置
├── store 状态管理
├── styles 样式文件
├── template 模板文件
├── vendors 公共库文件
└── views
├── access 权限管理
├── advanced-router 高级路由
├── error_page 错误页面
├── form 表单编辑
├── home 首页
│ ├── components 首页组件
├── international 多语言
├── main_components Main组件
│ ├── lockscreen 锁屏
│ ├── shrinkable-menu 可收缩菜单
│ └── theme-switch 主题切换
├── message 消息中心
├── my_components 业务组件
│ ├── area-linkage **行政区级联选择器
│ ├── count-to 数字渐变
│ ├── draggable-list 可拖拽列表
│ ├── file-upload 文件上传
│ ├── image-editor 图片预览编辑
│ ├── markdown-editor Markdown编辑器
│ └── text-editor 富文本编辑器
├── own-space 个人中心
└── tables 综合表格
Links
效果展示
💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖
License
Copyright (c) 2016-present, iView