日本語 | English | 简体中文

概要

vue-element-admin は管理画面のフロントエンドのインタフェース，vue と element-uiを使っています。i18nの多言語対応、可変ルート、権限、典型的なビジネスアプリテンプレートであり、豊富なコンポーネントを提供しています、素早くビジネス用の管理画面の現型を構築に役立ちます。

• デモページ

• ドキュメント

• Gitter

• Donate

• Wiki

• おすすめシンプルテンプレート: vue-admin-template

• デスクトップバージョン: electron-vue-admin

• Typescriptバージョン: vue-typescript-admin-template (鸣谢: @Armour)

After the v4.1.0+ version, the default master branch will not support i18n. Please use i18n Branch, it will keep up with the master update

現在のバージョン v4.0+ は vue-cli で構築，バグ報告はissueのissueでお願いします。旧バージョンtag/3.11.0もあります。vue-cliに依存しないです。

低いバージョンのブラウザはサーポートしないです(例えば ie)，必要があれば polyfill を追加してください。 詳細はこちら

前準備

ローカル環境に node と gitをインストールが必要です。ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-uiで開発しています。RequestはMock.jsのモックデータを使っています。

バグ修正や新規機能追加のissue と pull requestは大歓迎です。

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.

機能一覧

- ログイン / ログアウト

- Auth認証
  - ページ権限
  - 権限パーミッション
  - 権限設定
  - 外部IDでログイン

- 複数環境デプロイ
  - dev sit stage prod

- 共通機能
  - 多言語切替
  - テーマ切替
  - サイトメニュー（ルートから生成）
  - Breadcrumb Navigation
  - Tag Navigation
  - Svg Sprite Icon
  - ローカル/バックエンド モック データ
  - Screenfull

- WYSIWYG
  - TinyMCE
  - Markdown
  - JSON

- Excel
  - エクスポート
  - インポート
  - リード
  - Zip

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

- Error Page
  - 401
  - 404

- コンポーネント
  - 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

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and 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:

Paypal Me

Buy me a coffee

Browsers support

Modern browsers and Internet Explorer 10+.

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

License

MIT

Copyright (c) 2017-present PanJiaChen