Skip to content

Vue 2.0 admin management system template based on iView

License

Notifications You must be signed in to change notification settings

ifanio/iview-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Dec 20, 2018
96d4982 · Dec 20, 2018
Nov 19, 2018
Dec 20, 2018
Jun 15, 2018
Oct 12, 2018
Apr 16, 2018
Oct 12, 2018
Dec 20, 2018
Jun 4, 2018
Aug 21, 2018
May 17, 2018
Sep 15, 2017
Oct 11, 2018
May 18, 2018
Dec 20, 2018
Dec 20, 2018
Dec 14, 2018

Repository files navigation

iView Admin

vue iview ui npm

更新日志

使用文档

在线访问

简化版模板

教学视频(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

效果展示

  • 响应式布局首页 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

About

Vue 2.0 admin management system template based on iView

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 60.4%
  • JavaScript 31.8%
  • CSS 7.6%
  • HTML 0.2%