vue element admin

영어 | 简体中文 | 일본어 | 스페인 사람

소개

vue-element-admin은 관리 인터페이스를 위한 프로덕션 지원 프런트 엔드 솔루션입니다. vue를 기반으로 하며 UI Toolkit element-ui를 사용합니다.

vue-element-admin은 vue의 최신 개발 스택을 기반으로 하며 내장된 i18n 솔루션, 엔터프라이즈 애플리케이션을 위한 일반적인 템플릿 및 수많은 멋진 기능을 갖추고 있습니다. 크고 복잡한 단일 페이지 애플리케이션을 구축하는 데 도움이 됩니다. 나는 당신의 필요가 무엇이든 이 프로젝트가 당신에게 도움이 될 것이라고 믿습니다.

• 시사

• 선적 서류 비치

• 거터

• 기부

• 위키

• Gitee 國内用户可访问该地址가 线预览에 있습니다.

• 기본 템플릿에서는 vue-admin-template 사용을 권장합니다.

• 데스크탑: 전자 vue-관리자

• Typescript: vue-typescript-admin-template (제공: @Armour)

• 멋진 프로젝트

v4.1.0+ 버전 이후에는 기본 마스터 브랜치가 i18n을 지원하지 않습니다. i18n Branch를 사용하세요. 마스터 업데이트를 따라갈 것입니다.

현재 버전은 vue-cli 기반 v4.0+ 빌드입니다. 문제를 발견하시면 이슈를 올려주세요. 이전 버전을 사용하려면 브랜치를 tag/3.11.0으로 전환하면 됩니다. vue-cli 에 의존하지 않습니다.

이 프로젝트는 낮은 버전의 브라우저(예: IE)를 지원하지 않습니다. 폴리필을 직접 추가해주세요.

준비

node와 git을 로컬에 설치해야 합니다. 이 프로젝트는 ES2015+, vue, vuex, vue-router, vue-cli, axios 및 element-ui를 기반으로 하며 모든 요청 데이터는 Mock.js를 사용하여 시뮬레이션됩니다. 이러한 지식을 미리 이해하고 학습해 두시면 본 프로젝트를 활용하는데 큰 도움이 될 것입니다.

후원자

스폰서가 되어 사이트 링크와 함께 GitHub의 README에서 로고를 얻으세요. [후원자가 되세요]

아크베오

쿠폰 코드 SWB0RAZPZR1M을 사용하여 39$에 20% 할인된 Vue 관리자용 Java 백엔드를 받으세요.

플랫로직

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개 버전

특허

MIT

저작권 (c) 2017-현재 PanJiaChen