One Flying Open-source - Open-source recommendation, committed to pushing open-source project technology applications to target users in the first time, reducing the difficulty and cost of open-source authors, open-source teams, and open-source organizations in promoting and promoting open-source projects, and accurately and smoothly transmitting value and sharing win-win!

1. Project Overview

The Nuxt project for BuildAdmin (excluding the backend, featuring only the member-facing frontend version of BuildAdmin-Nuxt to meet comprehensive SEO requirements). BuildAdmin is an admin management system based on popular technologies such as Vue3.x setup, ThinkPHP6, TypeScript, Vite, Pinia, and Element Plus. It features multi-device responsive design, visual CRUD code generation, a built-in WEB terminal, both Web and Server versions, a global data recycle bin, field-level data modification protection, automatic route registration, unlimited-level nested permission management, and more. It is free for commercial use without requiring authorization. We hope it helps everyone achieve rapid development.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

Project Preview

4. Feature Overview

Main Features

CRUD code generation: Graphical drag-and-drop generation of backend CRUD code, automatic creation of data tables; atmospheric and practical tables, supporting up to 22 types of form components, row drag-and-drop sorting, permission-controlled editing and deletion, etc., and supporting associated tables, which can save you a lot of development time.

Built-in WEB terminal: We have built in a WEB terminal to enable some ideal features. For example, although this system is based on Vue3, you do not need to manually run npm install or npm build when installing it. The terminal will also provide you with more convenient and efficient services in the future.

Popular and stable tech stack:  In addition to the frontend-backend separated architecture based on ThinkPHP6, our Vue3 implementation uses Setup, Pinia for state management, and technologies such as TypeScript and Vite to help expand your technical knowledge.

Module Market:  One-click installation of data export, SMS delivery, cloud storage, single-page applications, and learning example projects based on pure frontend technology stacks. You can enhance the system anytime, anywhere. The system automatically maintains package.json and composer.json and installs the dependencies required by modules through the built-in terminal. If you would like to become a module developer, your modules can override any system file or add new files. Once approved by the official team, your module can be published in the marketplace.

Front-end and back-end separation:  The web folder contains clean (without backend code) and complete (all frontend code files are included) frontend source code, making it friendly to frontend developers. As a pure frontend developer, you can use BAdmin as a learning and resource community. This system provides the environment needed for examples and templates, allowing you to focus entirely on learning or working without needing any backend development knowledge! (Join us: Let's build together.)

Data recovery and rollback:  Built-in global data recovery station, and provides field-level data modification records and modification comparison, roll back and restore at any time, safe and unobtrusive.

✨ High aesthetic value:  Provides three layout modes, the default layout uses a borderless design style, it does not forcibly fill the screen with each seam and then uses a border line to separate, all functional blocks are floating on the screen, while also making rational use of screen space.

Permission verification:  Visual management of permissions, and dynamically registers routes, menus, pages, buttons (permission nodes) based on permissions, supports infinite parent-child level permission grouping, front-end and back-end combination authentication, freely assigns page and button permissions.

A bright future:  We are continuously maintaining the system, and are working on developing more basic infrastructure modules, one-key installation on demand, and even providing ready-to-use complete applications for various industries.

One Stop Shop:   supports multiple scenarios such as PC, tablet, and mobile, making it easy to meet various needs.

Miscellaneous:   Role Groups/Administrators/Administrator Logs, Members/Membership Groups/Membership Balances, Score Logs, System Configurations/Control Panels/Attachment Management/Personal Data Management, etc., and more features to explore...

5. Tech Stack

This project is an admin management system built with Thinkphp8, Vue3, TypeScript, Vite, Element Plus, Pinia, and other technologies. For details, please visit the homepage. It uses MySQL as its database and supports internationalization (i18n). This project is permanently free and open source, with no authorization required for commercial use.

Environment Preparation

Sequence number

Description

1

Clone the BuildAdmin source code locally or download the complete package.

2

PHP >= 8.0.2 (Development environment uses PHP 8.0.2.)

3

Mysql >= 5.7 (The InnoDB engine is required; the development environment uses version 8.0.)

4

NodeJs >= 14.13.1

5

Npm >= 6.14.0

6

Composer (Complete package is not necessary, Git cloned packageRequiredInstallation)

Special thanks

Thanks to the giants for providing shoulders, no ranking

• Thinkphp
• FastAdmin
• Vue
• vue-next-admin
• Element Plus
• TypeScript
• vue-router
• vite
• Pinia
• Axios
• nprogress
• screenfull
• mitt
• sass
• wangEditor
• echarts
• vueuse
• lodash
• eslint
• prettier
• vuepress
• countUp
• Sortable
• v-code-diff