一个基于Vue.js和element后台集成解决方案,集成权限验证、标签导航、富文本编辑器、列表拖拽、Echarts图表、导出excel等多种常用后台功能

Pan 1dc7b64e3e init %!s(int64=5) %!d(string=hai) anos
bin 1dc7b64e3e init %!s(int64=5) %!d(string=hai) anos
build 8e0b5624a9 update version %!s(int64=5) %!d(string=hai) anos
lib 1dc7b64e3e init %!s(int64=5) %!d(string=hai) anos
mock 7c33568883 tweak mock %!s(int64=5) %!d(string=hai) anos
plop-templates 896b7369bf feature: add create template (#1762) %!s(int64=5) %!d(string=hai) anos
public aefd8bb36a update %!s(int64=6) %!d(string=hai) anos
src ec7c585813 fix style in mobile %!s(int64=5) %!d(string=hai) anos
tests 1dfea3b287 fix jest test case %!s(int64=5) %!d(string=hai) anos
.editorconfig 96b100d33c add editorconfig %!s(int64=7) %!d(string=hai) anos
.env.development 66e8ca9cec bump %!s(int64=5) %!d(string=hai) anos
.env.production 66e8ca9cec bump %!s(int64=5) %!d(string=hai) anos
.env.staging 66e8ca9cec bump %!s(int64=5) %!d(string=hai) anos
.eslintignore d10370086e init %!s(int64=7) %!d(string=hai) anos
.eslintrc.js a9b4467472 perf[Eslint]: update eslint rules %!s(int64=5) %!d(string=hai) anos
.gitignore 51f99770fe add test %!s(int64=6) %!d(string=hai) anos
.postcssrc.js aefd8bb36a update %!s(int64=6) %!d(string=hai) anos
.travis.yml b7ca786751 perf[chore]:set travis notifications:false %!s(int64=6) %!d(string=hai) anos
LICENSE 2b51b987be fixed typo %!s(int64=6) %!d(string=hai) anos
README.md ac8eddf3d7 update element-ui version %!s(int64=5) %!d(string=hai) anos
README.zh-CN.md ac8eddf3d7 update element-ui version %!s(int64=5) %!d(string=hai) anos
babel.config.js 51f99770fe add test %!s(int64=6) %!d(string=hai) anos
jest.config.js 1dfea3b287 fix jest test case %!s(int64=5) %!d(string=hai) anos
package.json 896b7369bf feature: add create template (#1762) %!s(int64=5) %!d(string=hai) anos
plopfile.js 896b7369bf feature: add create template (#1762) %!s(int64=5) %!d(string=hai) anos
vue.config.js 74b6bb8069 fix chore %!s(int64=5) %!d(string=hai) anos

README.md

vue element-ui Build Status license GitHub release gitter donate

English | 简体中文

Introduction

vue-element-admin is a front-end management background integration solution. It based on vue and use the UI Toolkit element.

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.

This project is positioned as a background integration solution and is not suitable for secondary development as a basic template.

This project does not support low version browsers (e.g. IE). Please add polyfill yourself if you need them.

Note: This project uses element-ui@2.3.0+ version, so the minimum compatible vue@2.5.0+

Start using webpack4 from v3.8.0. If you still want to continue using webpack3, please use this branch webpack3

Preparation

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


Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]

Admin Dashboard Templates made with Vue, React and Angular.

Features

- Login / Logout

- Permission Authentication
  - Page permission
  - Directive permission
  - Two-step login

- Multi-environment build
  - dev sit stage prod

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

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

- Excel
  - Export Excel
  - Export zip
  - Upload Excel
  - Visualization Excel

- Table
  - Dynamic Table
  - Drag And Drop Table
  - Tree Table
  - Inline Edit Table

- Error Page
  - 401
  - 404

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

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

Getting started

# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527.

Build

# build for test environment
npm run build:sit

# build for production environment
npm run build:prod

Advanced

# --report to build with bundle size analytics
npm run build:prod --report

# --generate a bundle size analytics. default: bundle-report.html
npm run build:prod --generate_report

# --preview to start a server in local to preview
npm run build:prod --preview

# lint code
npm run lint

# auto fix
npm run lint -- --fix

Refer to Documentation for more information

Changelog

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

Online Demo

Preview

Donate

If you find this project useful, you can buy author a glass of juice :tropical_drink:

donate

Paypal Me

Buy me a coffee

Browsers support

Modern browsers and Internet Explorer 10+.

IE / EdgeFirefoxChrome
IE / Edge
Firefox
Chrome
SafariSafari IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2017-present PanJiaChen