/vue-vuetify-admin

Admin panel based on vue2 and vuetify2

Primary LanguageVueMIT LicenseMIT

vue-vuetify-admin

vue element-ui Build Status license GitHub release Telegram

Introduction

vue-vuetify-admin is a production-ready front-end solution for admin interfaces. It based on vue and use the material design component framework vuetify.

It is a magical vue admin based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.

The current version is v0.0.3-alpha build on vue-cli. If you find a problem, please put issue.

This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.

Preparation

You need to install node and git locally. The project is based on ES2015+, vue, vuex, vue-router, vue-cli , axios and vuetify, all request data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project.

Features

- Login / Logout

- Permission Authentication
  - Page permission [expected]
  - Directive permission [expected]
  - Permission configuration page [expected]
  - Two-step login [expected]

- Multi-environment build
  - dev sit stage prod [expected]

- Global Features
  - I18n (supports en_US | zh_CN | ru_RU)
  - Multiple dynamic themes
  - Dynamic sidebar (supports multi-level routing)
  - Dynamic breadcrumb
  - Tags-view (Tab page Support right-click operation) [expected]
  - Svg Sprite [expected]
  - Mock data
  - Screenfull
  - Responsive Sidebar

- Editor
  - Rich Text Editor
  - Markdown Editor
  - JSON Editor

- Excel
  - Export Excel [expected]
  - Upload Excel [expected]
  - Visualization Excel [expected]
  - Export zip [expected]

- Table
  - Dynamic Table [expected]
  - Drag And Drop Table [expected]
  - Inline Edit Table [expected]

- Error Page
  - 301
  - 401
  - 403
  - 404
  - 500

- Components
  - Avatar Upload
  - Back To Top
  - Drag Dialog [expected]
  - Drag Select [expected]
  - Drag Kanban
  - Drag List [expected]
  - SplitPane 
  - Dropzone 
  - Sticky
  - CountTo

- Advanced Example [expected]
- Error Log [expected]
- Dashboard
- Guide Page
- ECharts
- Clipboard [expected]
- Markdown to html

Getting started

# clone the project
git clone https://github.com/NelsonEAX/vue-vuetify-admin.git

# enter the project directory
cd vue-vuetify-admin

# install dependency
npm install

# develop
npm run serve

This will automatically open http://localhost:8080

Build and Test

# build
npm run build

# run e2e test
npm run test:e2e

# run unit test
npm run test:unit

Refer to Documentation for more information

Changelog

Detailed changes for each release are documented in the release notes.

Online Demo

Preview

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2019-present NelsonEAX