vue adminLte 다운로드 - vue adminLte 소스 코드 다운로드

vue adminLte

기타 카테고리

1.0.0

다운로드

Vue 관리자 패널

개요

vue-adminlte는 Vue.js , AdminLTE 부트스트랩 템플릿과 Element-UI , UI Toolkit을 기반으로 하는 관리 패널입니다. 많은 Javascript 코드는 vue-element-admin을 기반으로 합니다. 현재 버전은 webpack 3+ 기반의 v1.0.0 빌드입니다. 이 버전은 Vue.js용 Vue I18n 국제화 플러그인을 지원하지 않습니다. 필요하신 분들은 lang Branch를 이용해주세요.

라이브 데모

시사

준비

노드를 로컬로 설치해야 합니다.

이 프로젝트의 필수 부분:

뷰
관리자LTE 3
Vuex
Vue 라우터
액시오스
Element-UI - 구성요소
Miragejs.com - 가짜 백엔드(로그인 및 사용자 등록)
Faker.js - 시뮬레이션된 데이터
Vue I18n - Vue.js용 국제화 플러그인
웹팩
부트스트랩
jQuery

이러한 지식을 미리 이해하고 배워두면 본 프로젝트를 활용하는데 큰 도움이 됩니다.

프로젝트 설정

원사 또는 npm 사용

 # install dependencies
npm install 

# serve with hot reload for development (developer mode, autocompile with browsersync support for live demo)
npm run start 
This will automatically open http://localhost:8080

# build for production with minification (compile css/js files)
npm run build

# build for production and view the bundle analyzer report 
npm run build --report

# run faker server
npm run server

# run dev server and faker server
npm run start-both

# generate faker products, people, users
npm run json-products
npm run json-people
npm run json-users

# Generate all svg components
npm run svgo

# run e2e tests
npm run e2e

# run all tests
npm test

특징

- Autentication
  - Register / Login / Logout
  - Validation data for login & register
  - User Registration & Login system in Miragejs (simulated Backend)

- Permission Authentication
  - Page permission
  - Directive permission
  - Permission configuration page
    
  - Multi-environment build
    - Dev / Prod
    
  - Global Features
    - Control sidebar for admiLte settings
    - Full customized AdminLTE sidebar    
    - Customized Admilte colors, text
    - Customized control sidebar
    - Dark and light styles custom themes
    - Customized navbar components       
    - Right panel for menage users accounts
    - Customized settings for groups of routes (makeCollections)
    - Layout options (AdmiLte layouts & vue-body-class)
    - Dynamic sidebar (supports multi-level routing)
    - Menu base on ElementUi menu components
    - Vue UI components base on AdminLte code (in build)
    - Settings - settings.js / local storage / cookie
    - Faker data / Faker server
    - Miragejs data / fake Backend
    - Api services / axios & fetch 
    - Api proxy json-server
    
  - Other components  
    - Back To Top
    - Breadcrump
    - Dynamic Breadcrumb    
    - Sticky
    - Svg icons
    - Search
    - Clipboard
    - Screenfull   
    - JSON Editor
    - Error Logs 
          
  - Error Pages
    - 401
    - 404