1. Project Overview

BuildAdmin is a backend management system based on Vue3.x setup + ThinkPHP6 + TypeScript + Vite + Pinia + Element Plus and other popular technology stacks. It supports multi-end adaptation, visual CRUD code generation, built-in WEB terminal, and provides both Web and Server ends. It also has a global data recycling station and field-level data protection, automatic route registration, and unlimited sub-level permission management. It can be used for free without authorization and is suitable for 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 achieve some ideal functions, such as: although it is a system based on Vue 3, you do not need to manually execute the npm installandnpm build command when installing this system. In addition, the terminal will provide you with more convenient and efficient services in the future.

Popular and stable tech stack:  In addition to being based on ThinkPHP6backend separation architecture, ourVue3UsedSetupState management usingPiniaAnd usedTypeScript、Viteetc. can add bricks and tiles to your knowledge map.

Module Market:  One-click installation of data export, SMS sending, cloud storage, single-page or pure front-end technology stack learning case projects, etc., to add bricks and tiles to the system at any time and anywhere, the system can automatically maintainpackage.jsonandcomposer.jsonand through the built-in terminal auto-complete module installation dependencies, if you are willing to become a module developer, the module can: override any system file or add a new file to the system, your module through official review can be listed.

Front-end and back-end separation:  webFolder contains: Clean(excluding back-end code), Complete(all front-end code files are contained within) front-end code files, friendly to front-end developers, as a pure front-end developer, you can consider BAdmin as a learning and resource community, this system can prepare the environment you need, such as cases and templates, while you only need to focus on learning or working, without needing to know any back-end code! (Invite you: join us 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

Preparation

Sequence number

Description

Operation

1

Clone BuildAdmin (opens new window) code to local or download the complete package

2

PHP >= 7.2.5 (Development environment is PHP 7.4 version)

Achievement Guide (opens new window)

3

Mysql >= 5.6 and <= 8.0 (Requires support for InnoDB engine, development environment is 5.7 version)

4

NodeJs >= 14.13.1

Achievement Guide (opens new window)

5

Npm >= 6.14.0

Achievement Guide (opens new window)

6

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

Achievement Guide (opens new window)

WARNING

It is recommended to install the system on your local PC as the development environment, and only upload the compiled site to the server, please refer to (opens new window).

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