How to Set Up the SuperAdminx High‑Performance Admin System with Webman and React

Overview

The SuperAdminx admin system is a practical, high‑performance solution built on the Webman HTTP framework (which uses Workerman) for the backend and React with Ant Design and ProComponents for the frontend.

Installation

Backend Installation

Clone the source code and install dependencies:

git clone https://gitee.com/zouyi/SuperAdminx.git

composer install

Create a MySQL database using utf8mb4 charset and import superadminx.sql (exported from Navicat). Then edit the .env file to set the database connection details.

Start the project:

Windows: double‑click windows.bat in the project root or run php windows.php.

Linux: run in debug mode with php start.php start or as a daemon with php start.php start -d.

Frontend Installation

Navigate to public/admin_react/ and install the Node dependencies: npm install Run the development server and open the admin UI: npm run dev Visit http://localhost:5200/admin/ and log in with the default credentials provided in the documentation.

Preview

Backend Features

Permission management with interface‑level control.

Code generation for CRUD operations on both front and back ends.

Configurable parameter settings, allowing custom form fields and role‑based access.

Future plugin‑based extensions are planned.

Frontend Features

Multiple built‑in layout schemes.

Button‑level permission management.

Extended form fields: province, city, district selectors; latitude/longitude picker; rich‑text editor; multi‑image/video upload; file uploads, etc.

Enhanced preview components for long text, images, videos, PDFs, Word documents, and rich‑text content.

Documentation:

https://www.superadminx.com