/iview-admin

Vue 2.0 admin management system template based on iView

Primary LanguageJavaScriptMIT LicenseMIT

iView Admin

vue iview ui npm

当前版本:v1.3.1

更新日志

使用教程

在线访问

English Doc

简化版模板

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

2.0版本预告 Feature

2.0版本现已公测,可以从2.0分支clone到本地,更多组件正在开发中.

Version 2.0 is now open beta, can be cloned from the 2.0 branch to the local, more components are under development.

  • Webpack4 + Vue-cli3.0
  • 重整项目结构,更好封装组件
  • 新增更多组件
  • 多级菜单
  • 动态路由
  • 重构权限控制体系
  • 使用最新版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

效果展示

  • 响应式布局首页 image

  • 标签导航 image

  • 权限管理 image

  • 可拖拽列表 image

  • 图片预览编辑 image

  • 文件上传 image

  • 数字渐变 image

  • split-pane image

  • 文章发布 image

  • 工作流 image

  • 可拖拽表格 image

  • 可编辑表格 image

  • 表格导出数据 image

  • 表格转图片 image

  • 错误页面 image

  • 锁屏 image

  • 可收缩侧边栏 image

  • 主题切换 image

  • 消息中心 image

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

image

License

MIT

Copyright (c) 2016-present, iView