Geeker Admin

Geeker-Admin is a back-end management framework developed based on the latest technology stacks such as Vue 3.4 and TypeScript, providing rich components and functions, such as ProTable, dynamic routing, permission control, etc., to significantly improve development efficiency.

Developer tools Artificial intelligence chatbots #Vue 3 management framework #Efficient development #Permission control #Multi-theme support .TypeScript

rating : 2 points

downloads : 9

update time : 2025-04-23

What is Geeker-Admin?

Geeker-Admin is a modern back-end management system framework developed using the latest front-end technology stacks, including Vue 3.4, TypeScript, Vite 5, etc. It provides rich functional components and tools to help developers quickly build enterprise-level back-end management systems.

How to use Geeker-Admin?

You can quickly start the project through simple clone, installation, and run commands. The framework provides detailed documentation and examples to help developers get started quickly.

Applicable scenarios

It is suitable for scenarios that require rapid development of enterprise-level back-end management systems, especially projects that need rich UI components, permission control, and efficient development processes.

Main features

ProTable componentA powerful table component that can implement complex table functions through configuration items, greatly improving development efficiency.

Multi-theme supportSupports multiple theme layouts, including dark mode, to meet different user preferences.

Permission controlA complete dynamic routing permission interception and button-level permission control to ensure system security.

Internationalization supportBuilt-in i18n internationalization solution to easily implement multi-language support.

Advantages and limitations

Advantages

Adopts the latest technology stack with excellent performance

Rich component library and functional modules

Complete documentation and community support

Flexible configuration and extensibility

Limitations

Only supports modern browsers and is not compatible with IE

Has a relatively steep learning curve and requires familiarity with Vue 3 and TypeScript

The React version needs to be purchased at a cost

How to use

Clone the project

Clone the project code from Gitee or GitHub

Install dependencies

Use pnpm to install project dependencies

Run the project

Start the development server

Build the project

Build the project according to the environment

Usage examples

Table page developmentUse the ProTable component to quickly develop data table pages

Theme switchingImplement the system theme switching function

Frequently Asked Questions

Which browsers does the project support?

How to implement button-level permission control?

How to obtain the React version?

Related resources

Online demo

Online demo site of Geeker-Admin

Project documentation

Detailed project usage documentation

GitHub repository

Project GitHub code repository

Gitee repository

Project Gitee code repository

🚀 Geeker Project

Geeker is a project that offers a well - structured development environment with efficient component management and state management solutions. It helps developers quickly build high - performance applications.

🚀 Quick Start

📦 Installation

Clone the Repository

Use Git to download the project:

git clone https://github.com/yourusername/geeker.git
cd geeker

Install Dependencies

Run the following command to install all the required packages:

npm install

Start the Project

Start the project according to different environment configurations:

Development Environment

npm run dev

The project will start at http://localhost:3000.

Test Environment

npm run test

Production Environment

npm run build

💻 Usage Examples

Core Features

Code Splitting: Load components on - demand to improve performance.
Style Isolation: Use CSS Modules to isolate component styles.
State Management: Adopt a global state management solution based on Pinia.

Development Specifications

Keep a unified code style, following the ESLint and Prettier configurations.
Adopt Vue Best Practices for component development.

📚 Documentation

Project Structure

geeker/
├── src/                 # Source code directory
│   ├── assets/          # Static resource folder
│   ├── components/      # Vue component library
│   ├── views/           # View components
│   └── App.vue         # Main project component
├── public/              # Public file directory (e.g., static resources)
├── package.json        # Dependency management file
└── vite.config.ts      # Vite configuration file

Configuration Guide

Environment Variable Configuration

Create the corresponding environment file:

cp .env.example .env

Vite Configuration

Edit the vite.config.ts file and add custom configurations.

Documentation Structure

.
├── CHANGELOG.md      # Update log
├── README.md         # Project description
├── LICENSE          # Open - source license
└── package.json     # Dependency management