Vue Admin Spa

screenshot of Vue Admin Spa
express
vue
scss

基于vue2.0生态的后台管理系统模板(spa)。 a vue management system template based on :vue2.0 + vue-router + vuex + element-ui +ES6+ webpack + npm。

Overview

The vue-admin-spa is a discontinued admin management system built on the Vue framework. It incorporates various technologies such as vue-resource, vue-router, vuex, element-ui, ES6, webpack, and npm. The project aims to provide a framework that is closer to the project requirements and suitable for secondary development. It includes features such as login/register functionality with MD5 encryption, permission control with menu visibility based on user interface data, dynamic theme switching, and support for local JSON simulation and development. The system also includes features for handling student and organization management modules. The project is open-source and welcomes contributions and customization requests from developers.

Features

  • Login/Register: Includes MD5 encryption for passwords and user authentication.
  • Permission Control: Users are assigned menu visibility based on their permission data.
  • 404/401 Handling: Incorrect URLs or unauthorized access redirects to appropriate error pages.
  • Dynamic Theme Switching: Users can manually switch and remember themes.
  • Local JSON Simulation: Supports easy development by replacing JSON paths with actual API paths.
  • Button Console Logs: All button clicks are logged in the console with relevant parameters.
  • Student and Organization Modules: Includes modules for managing student and organization data.
  • Open-source and Customization: Provides a framework for secondary development and customization.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.