vue-element-admin


vue element-ui Build Status license GitHub release gitter donate

簡體中文 | English

簡介

vue-element-admin 是一個后台前端解決方案,它基於 vueelement-ui實現。它使用了最新的前端技術棧,內置了 i18n 國際化解決方案,動態路由,權限驗證,提煉了典型的業務模型,提供了豐富的功能組件,它可以幫助你快速搭建企業級中后台產品原型。相信不管你的需求是什么,本項目都能幫助到你。

目前版本為 v4.0+ 基於 vue-cli 進行構建,若發現問題,歡迎提issue。若你想使用舊版本,可以切換分支到tag/3.11.0,它不依賴 vue-cli

該項目不支持低版本瀏覽器(如 ie),有需求請自行添加 polyfill 詳情

群主 圈子 群主會經常分享一些技術相關的東西,或者加入 qq 群 或者關注 微博

前序准備

你需要在本地安裝 nodegit。本項目技術棧基於 ES2015+vuevuexvue-routervue-cliaxioselement-ui,所有的請求數據都使用Mock.js進行模擬,提前了解和學習這些知識會對使用本項目有很大的幫助。

同時配套了系列教程文章,如何從零構建后一個完整的后台項目,建議大家先看完這些文章再來實踐本項目

如有問題請先看上述使用文檔和文章,若不能滿足,歡迎 issue 和 pr

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.

功能

- 登錄 / 注銷

- 權限驗證
  - 頁面權限
  - 指令權限
  - 權限配置
  - 二步登錄

- 多環境發布
  - dev sit stage prod

- 全局功能
  - 國際化多語言
  - 多種動態換膚
  - 動態側邊欄(支持多級路由嵌套)
  - 動態面包屑
  - 快捷導航(標簽頁)
  - Svg Sprite 圖標
  - 本地/后端 mock 數據
  - Screenfull全屏
  - 自適應收縮側邊欄

- 編輯器
  - 富文本
  - Markdown
  - JSON 等多格式

- Excel
  - 導出excel
  - 導入excel
  - 前端可視化excel
  - 導出zip

- 表格
  - 動態表格
  - 拖拽表格
  - 內聯編輯

- 錯誤頁面
  - 401
  - 404

- 組件
  - 頭像上傳
  - 返回頂部
  - 拖拽Dialog
  - 拖拽Select
  - 拖拽看板
  - 列表拖拽
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- 綜合實例
- 錯誤日志
- Dashboard
- 引導頁
- ECharts 圖表
- Clipboard(剪貼復制)
- Markdown2html

開發

# 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 進入項目目錄
cd vue-element-admin

# 安裝依賴
npm install

# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug。可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# 啟動服務
npm run dev

瀏覽器訪問 http://localhost:9527

發布

# 構建測試環境
npm run build:stage

# 構建生產環境
npm run build:prod

其它

# 預覽發布環境效果
npm run preview

# 預覽發布環境效果 + 靜態資源分析
npm run preview -- --report

# 代碼格式檢查
npm run lint

# 代碼格式檢查並自動修復
npm run lint -- --fix

更多信息請參考 使用文檔

Changelog

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

Online Demo

在線 Demo

如果你覺得這個項目幫助到了你,你可以幫作者買一杯果汁表示鼓勵 🍹
donate

更多捐贈方式

Paypal Me

Buy me a coffee

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) 2017-present PanJiaChen


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM