Asset management platform vue

资产管理平台前端,基于iview-admin

演示地址:http://www.hongyang.show

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开发的资产管理平台,后端为django,主要希望新手入门有最简化的项目能上手,其中又能包涵vue方方面面的知识,比如vue-router和vuex这些的使用,希望这个平台能帮助更多想学习vue的童鞋~

功能

  • 多语言切换
  • 错误页面
    • 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

License

MIT

Copyright © 2016-present, iView