Vue Templates Logo Vue Templates
Happyboot Tiger screenshot

Happyboot Tiger

Author Avatar Theme by Pumelotea
Updated: 27 Dec 2024
484 Stars

一个基于Vite+Vue3+NaiveUI中后台框架

Github Live Preview

Categories

Vite Dashboard

Overview:

Happyboot-tiger is the latest back-end framework in the Happyboot series, utilizing the popular Vue3 and NaiveUI technologies. The framework includes features such as menu and button permission control, unified user status management, dark and light theme switching, axios integration, vueuse integration, and more. It also provides various practical components and libraries for tasks like rich text editing, avatar cropping, image previewing, etc.

Features:

  • Menu and Button Permission Control: Control access to menus and buttons based on user permissions.
  • Unified User Status Management: Manage user states consistently within the application.
  • Dark and Light Theme Switching: Allows users to switch between black and white night themes.
  • Axios Integration: Facilitates the integration and encapsulation of axios for handling HTTP requests.
  • Vueuse Integration: Integration of vueuse library for enhanced Vue functionality.
  • Multiple Environment Pre-set Pages: Provides support for pages pre-set for different environments.
  • Controllable Keepalive Component: Supports controllable caching of components and methods.

Installation:

To install the Happyboot-tiger framework, follow these steps:

  1. Clone the repository from the GitHub link provided.
  2. Navigate to the project directory.
  3. Install dependencies using the package manager of your choice. For example, using npm:
npm install
  1. Start the development server:
npm run dev
  1. Visit the local server to view the application.

Summary:

Happyboot-tiger is a modern back-end framework built on Vue3 and NaiveUI, offering a range of features such as permission control, user status management, theme switching, and integration of various libraries for enhanced functionality. Its collection of practical components and pre-set pages make it a versatile choice for developers working on Vue-based projects.