Tailwind Resources Logo Tailwind Resources
Leafage UI screenshot

Leafage UI

Author Avatar Theme by Little3201
Updated: 13 Jan 2026
16 Stars

A system

Github Live Preview

Categories

React Vite Vue

Overview:

This is a management system based on the RBAC (Role-Based Access Control) model. It gradually implements the functionalities of RBAC0, RBAC1, RBAC2, and RBAC3. Currently, it integrates modules for managing blog posts (including maintenance of blog website posts, books, access statistics, comments, etc.). It is built using the Vue3 and Vite.js frameworks and is licensed under the MIT open source license. It includes features such as uploading images to Qiniu Cloud OSS, exporting data using xlsx.js, generating statistical charts using chart.js, and supporting internationalization (English and Chinese). The system depends on various dependencies including tailwindcss, chart.js, qiniu.js, heroicons, mockjs, axios, marked, highlight.js, xlsx.js, and vue-i18n.

Features:

  • RBAC0, RBAC1, RBAC2, and RBAC3 functionalities
  • Management modules for blog posts, books, access statistics, and comments
  • Integration with Qiniu Cloud OSS for image uploads
  • Exporting data using xlsx.js
  • Generating statistical charts using chart.js
  • Internationalization support (English and Chinese)
  • Uses various dependencies including tailwindcss, chart.js, qiniu.js, heroicons, mockjs, axios, marked, highlight.js, xlsx.js, and vue-i18n

Installation:

  1. Clone the repository: git clone [repository-url]
  2. Install dependencies: npm install
  3. Configure Qiniu Cloud OSS access credentials in the project configuration file.
  4. Run the development server: npm run dev
  5. Build for production: npm run build
  6. Run for production: npm run start

Summary:

This management system is built on the RBAC model and provides functionality for managing blog posts, books, access statistics, and comments. It includes features like Qiniu Cloud OSS integration for image uploads, data export using xlsx.js, and generating statistical charts using chart.js. It also supports internationalization and is built using the Vue3 and Vite.js frameworks. The system is released under the MIT open source license and relies on various dependencies for its functionality.