vue element admin

英語 | 簡體中文 | 日本語 |西班牙語

介紹

vue-element-admin 是用於管理介面的生產就緒前端解決方案。它基於vue並使用UI工具包element-ui。

vue-element-admin 基於 vue 的最新開發堆疊，它具有內建的 i18n 解決方案、企業應用程式的典型模板以及許多很棒的功能。它可以幫助您建立大型且複雜的單頁應用程式。我相信無論您有什麼需求，這個專案都會幫助您。

• 預覽

• 文件

• 吉特

• 捐

• 維基百科

• Gitee 國內用戶可存取該地址線上預覽

• 基礎模板建議使用：vue-admin-template

• 桌面：電子-vue-admin

• 打字稿：vue-typescript-admin-template（資料來源：@Armour）

• 很棒的項目

v4.1.0+版本之後，預設master分支將不支援i18n。請使用i18n分支，它會跟上master更新

目前版本是v4.0+基於vue-cli建置。如果發現問題，請提出問題。如果想使用舊版本，可以切換分支到tag/3.11.0，它不依賴vue-cli

本專案不支援低版瀏覽器（如IE）。請自行添加polyfill。

準備

需要在本地安裝node和git。此專案基於 ES2015+、vue、vuex、vue-router、vue-cli、axios 和 element-ui，所有請求資料均使用 Mock.js 模擬。事先了解和學習這些知識對於本計畫的使用會有很大的幫助。

贊助商

成為贊助商並在 GitHub 上的自述文件中獲取您的徽標以及指向您網站的連結。 [成為贊助商]

阿克維奧

使用優惠券代碼 SWB0RAZPZR1M 取得 Vue 管理的 Java 後端，享有 20% 折扣，僅需 39 美元

扁平邏輯

使用 Vue、React 和 Angular 製作的管理儀表板範本。

特徵

 - Login / Logout

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

- Multi-environment build
  - Develop (dev)
  - sit
  - Stage Test (stage)
  - Production (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
  - Upload Excel
  - Visualization Excel
  - Export zip

- Table
  - Dynamic Table
  - Drag And Drop 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

入門

 # 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

這將自動開啟 http://localhost:9527

建造

 # build for test environment
npm run build:stage

# build for production environment
npm run build:prod

先進的

 # 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

請參閱文件以獲取更多信息

變更日誌

每個版本的詳細變更都會記錄在發行說明中。

線上示範

預覽

捐

如果你覺得這個項目有用，可以買一杯果汁給作者嗎？

貝寶我

給我買杯咖啡

瀏覽器支援

現代瀏覽器和 Internet Explorer 10+。

IE / 邊緣	火狐瀏覽器	鉻合金	狩獵之旅
IE10、IE11、邊緣	最後 2 個版本	最後 2 個版本	最後 2 個版本

執照

麻省理工學院

版權所有 (c) 2017-至今 潘嘉辰