Code Monkey home page Code Monkey logo

vue-adminlte's Introduction

Vue admin panel

vue adminlte3 element-ui License: MIT

Overview

vue-adminlte is administration panel based on Vue.js, AdminLTE bootstrap template, and Element-UI, UI Toolkit. Many Javascript code is base on vue-element-admin. The current version is v1.0.0 build on webpack 3+. This version not support Vue I18n internationalization plugin for Vue.js. If you need it, please use lang Branch.

Live demo

Preview

Preparation

You need to install node locally.

Integral parts of this project:

Understanding and learning these knowledge in advance will greatly help you on using this project.

Project setup

With yarn or 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

Features

- 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

Browsers support

Modern browsers and Internet Explorer 10+.

Contribution

Contribution are always welcome and recommended.

License

MIT.

Copyright (c) 2019-present Krzysztof Owczarek

vue-adminlte's People

Contributors

kowiec avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

vue-adminlte's Issues

Problem in installation

Hello, thank you for building vue-adminlte. I want to use it for my project, but since the last commit was made 3 years ago, it appears to have a dependency conflict. Would you mind helping me successfully install it?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.