iView Admin

更新日志

使用文档

在线访问

简化版模板

教学视频(26课时)

注：在线版本会在开发版本新小版本发布后更新到相应版本，所以如果想体验最新版本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

• TalkingData
• iView
• Vue
• Webpack

效果展示

• 响应式布局首页

• 标签导航

• 权限管理

• 可拖拽列表

• 图片预览编辑

• 文件上传

• 数字渐变

• split-pane

• 文章发布

• 工作流

• 可拖拽表格

• 可编辑表格

• 表格导出数据

• 表格转图片

• 错误页面

• 锁屏

• 可收缩侧边栏

• 主题切换

• 消息中心

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

License

MIT

Copyright (c) 2016-present, iView