1. Project Overview

PandaX Rapid Development Platform

Based on a Gin frontend-backend separated architecture, with streamlined code and ready-to-use functionality. The frontend adopts modern technologies: Vue3.0 + TypeScript + vite2 + Element-plus.

Platform Overview

• Adopts a frontend-backend separated architecture. The backend is developed in GO and integrates the Gin framework and go-restful (the API framework used by Kubernetes). Through custom Gin and go-restful wrappers, ginx and restfulx, the code is more concise and the logic is clearer. In addition, embracing cloud-native architecture, future updates will primarily use the go-restful framework for development.
• Select the framework to use according to the branch: Gin branch or go-restful branch.
• The frontend uses VUE3.0 + TypeScript + vite2 + Element-plus: PandaUI, supporting mobile phones, tablets, and PCs, with built-in UI components to reduce development workload.
• High-efficiency development, using code generators can generate front-end and back-end code with one click, online preview of code, reducing code development time
• Comprehensive Permission and Authentication System: Includes menu and button permissions, API permissions, and department-level permissions.
• Multi-database: The project supports MySQL, PostgreSql, and other databases simultaneously, and can be changed according to individual needs

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

4. Feature Overview

⚡ Built-in functions

1. User Management: Users are system operators, this function mainly completes system user configuration.
2. Department Management: Configuring system organizational structures (companies, departments, teams), tree structure presentation supports data permissions.
3. Position Management: Configure system users' positions.
4. Menu Management: Configure system menus, operation permissions, button permissions, etc.
5. Role Management: Assign menu and API permissions to roles, and configure data access scopes for roles based on organizational units.
6. Dictionary Management: Maintain some fixed data frequently used in the system.
7. Parameter Management: Dynamically configure common parameters in the system.
8. Notification Announcement: System notification and announcement information release and maintenance.
9. Operation Log: Record and query system normal operation logs; record and query system abnormal information logs.
10. Login Log: Record and query system login logs, including login exceptions.
11. Online Users: Monitor the status of active users in the system.
12. Scheduled Tasks: Online (add, modify, delete) task scheduling, including execution result logs.
13. Code Generation: Generates frontend and backend code (Go, Vue, SQL) and supports CRUD code downloads.
14. System Interface: Automatically generate API interface documents based on business code.
15. Service Monitoring: Monitor current system CPU, memory, disk, stack, etc. related information.

Easy to Use

Most frontend and backend features are encapsulated. The backend provides a custom Gin wrapper, ginx, making the code more concise and the functional logic clearer. It is easy to get started, learn, and apply in production environments.

Plug and Play

Most frontend and backend features have been encapsulated, so there is no need to develop them separately. They can be integrated directly into your project.

High Performance

The project is developed in Go, enabling more efficient applications with lower memory and resource consumption, leaving more server resources available for other purposes.

Automated Code Generation

The project includes a comprehensive code generation module that generates both frontend and backend code. We only need to use the drag-and-drop interface to complete the development of our business logic on both the frontend and backend.

Mature Workflow

The project provides an independently developed workflow module, eliminating the hassle of dealing with complex workflows. Simply deploy and run it.

Report and Dashboard Designer

With the report and dashboard designer, we can bind databases using drag-and-drop operations to create reports and visually impressive dashboards without developing dashboards separately.

5. Tech Stack

Front-end project structure

├── src
│   ├── api                  # API AJAX
│   ├── assets               # Local static resources
│   ├── i18n                 # Internationalization
│   ├── components           # Business common components
│   ├── layout               # Layout
│   ├── theme                # CSS theme styles
│   ├── router               # Vue-Router
│   ├── store                # Vuex
│   ├── utils                # Tool library
│   ├── views                # Business page entry and common templates
│   ├── App.vue              # Vue template entry
│   └── main.ts              # Vue entry TS
├── README.md
└── package.json

Back-end project structure

Project

Description

base

Custom Encapsulated restfulx and Utility Classes

docs

API Documentation

initialize

Initialization

resource

File Export Directory

static

Frontend Code Build

system

System Modules

More functions, please visit the system.

Development Plan

• Code Generator
• Resource File Management Center
• Task Scheduling System
• Monitoring System
• Mobile Development Platform - Based on uniapp
• Workflow
• Dashboard System
• Reporting System

❤Special thanks

• Thanks to VUE-NEXT-ADMIN