iView Admin

Current version：v1.2.3

Note: The demo online will be updated after the new version of the development version is released, so if you want to experience the iview-admin with latest version, please clone the full project code and run it locally.

Install

// install dependencies
npm install

Run

Development

npm run dev

Production(Build)

npm run build

Introduction

iView-admin is a suite of backstage management system developed based on Vue.js and use the UI Toolkit -- iView. It's maintained by the TalkingData front-end visualization team member. iView-admin compolies with iView design and development contract, use uniform style, and more features are developing. If you want to check the update of iView-admin, you can view Update log to get. If you are new to iView-admin, you can go to WIKI for tutorials. If you want to experience iView-admin online, you can visit View online to experience. If you just want a sober and cool interface then you can download Simplify Templates for development.

Features

Login/Logout
Authority management
- Menu filter
- Permission switch
Multi-language switch
Components
- text editor
- Markdown editor
- Area cascade
- Picture editor
- Dragable list
- File upload
- Count animation
Form
- Artical publish
- Workflow
Tables
- Dragable table
- Editable table
  - Inline editable table
  - Cell editable table
- Searchable table
- Exporting data
  - As CSV file
  - As XLS file
- Table to picture
Error page
- 403
- 404
- 500
Advanced router
- Dynamic router
- Pages with arguments
Skin
Shrinkable sidebar menu
Tag navigation
Breadcrumbs
Full screen/Exit full screen
Lock screen
Message center
Personal center

File tree

.
├── build    //the configuration of project builds
└── src
    ├── images    //images files
    ├── libs    //tool method
    ├── locale    //language files
    ├── router    //configuration of router
    ├── store    //status management
    ├── styles    //style files
    ├── template    //template file
    ├── vendors    //public library files
    └── views
        ├── access    //access management
        ├── advanced-router    //Advanced router
        ├── error_page    //error page
        ├── form    //form
        ├── home    //home page
        │   ├── components    //the components of home page
        ├── international    //Multi-language
        ├── main_components    //Main
        │   ├── lockscreen    //lock screen
        │   ├── shrinkable-menu    //shrinkable sidebar
        │   └── theme-switch    //skin switch
        ├── message    //message center
        ├── my_components    //components
        │   ├── area-linkage    //China area cascade
        │   ├── count-to    //count animation
        │   ├── draggable-list    //dragable list
        │   ├── file-upload    //file upload
        │   ├── image-editor    //picture editor
        │   ├── markdown-editor    //Markdown editor
        │   └── text-editor    //text editor
        ├── own-space    //personal center
        └── tables    //tables