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ブランチをご利用ください。

ライブデモ

プレビュー

準備

ノードをローカルにインストールする必要があります。

このプロジェクトに不可欠な部分:

ヴュー
管理者LTE 3
ビュークス
Vueルーター
アクシオス
要素-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