当前位置：首页 > 文章列表 > 数据库 > MySQL > PHP开发者福音，支持CRUD代码生成且前后分离的tp6+Vue3后台管理系统开源啦~

PHP开发者福音，支持CRUD代码生成且前后分离的tp6+Vue3后台管理系统开源啦~

来源：SegmentFault 2023-02-24 19:54:42 0浏览收藏

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《PHP开发者福音，支持CRUD代码生成且前后分离的tp6+Vue3后台管理系统开源啦~》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

标题似乎是个伪命题，支持代码生成，但又前后端分离？？

其实不然，今天我们要介绍的这款后台管理系统，将

web

代码目录放在了tp的根目录内，代码生成可以：同时生成后端和前端代码，生成好的

web

代码直接就可以放到指定位置，然后通过后台进行

npm build

，而

web

目录内包含：干净(不含后端代码)、完整(所有前端代码文件均在此内) 的前端代码文件，所以说这款后台管理系统，确实是前后分离的。

等等，你说在后台进行

npm build

？

是的，这款后台系统

内置WEB终端

，以实现一些理想中的功能，使用正确的情况下，您不再需要执行

npm install

和

npm build

等其他相关命令。

然后，终于，我们可以请出今天的主角：✨✨BuildAdmin✨✨ 一款企业级极速后台系统。 [Gitee仓库 | GitHub仓库 | 文档]

介绍

项目是基于Thinkphp6、Vue3、TypeScript、Vite、Pinia、Element Plus等的后台管理系统，同时提供web和server端，vue-router-next，i18n(国际化)等vue3全家桶，然后基本的页面自适应，无需授权即可免费商用。

为什么选择它？

一、顶级技术栈

上面说的项目技术栈中，没有一个不是最新且流行的技术栈，选择TP6：因为tp只有6，选择Vue3：因为Vue只有3，另外，我们的Vue3使用了Setup、状态管理使用Pinia等等，均是新而流行还稳定。

二、功能齐备

? CRUD代码生成

一行命令即可生成数据表的CRUD代码（大气且实用的表格，多达22种表单组件支持，受权限控制的编辑和删除等-同时自动生成增删改查权限节点）从而节省大量时间。

通过框架自带的

test_build

表，在调试模式下，只执行了一行命令：

php think crud -t test_build

，后台直接多了一个

知识库管理

功能，框架自动生成了该数据表的后台菜单，点开里边就是对应数据表的表格、增加/编辑表单、删除、公共搜索等等，同时：生成的增加/编辑表单是根据字段名、字段注释等来建立表单元素和语言包的；

test_build

表就是设计的

知识库表

，只是表名为

test_build

而已。

? 自带终端

众所周知，

vue

开发少不了

npm

，而npm就少不了要执行命令。

框架内置了一个

WEB终端

以实现一些理想中的功能，使用正确的情况下，您不再需要执行

npm install

和

npm build

等其他相关命令。

如本文开头的演示图，执行了一次

测试命令

，这条命令首先是切换到了一个测试目录，该目录下有一个

package.json

文件，然后测试命令会

install

所有的包，来检测命令是否可以正常运行，并反馈执行状态。

值得一提的是，这个终端，支持多种包管理器：npm、cnpm、pnpm、yarn、ni都是支持的。

? 高颜值

首先是后台自适应PC、平板、手机等多种场景的支持，轻松应对各种需求。

其次本文开头的演示图大小有限，如果你打开演示站，你直接就会发现，这个后台，它长得不一样！最明显的地方是：它并没有强行填满屏幕的每一个缝，所有的功能版块，都像是悬浮在屏幕上的，同时又将屏幕空间及其合理的利用了。

图片上没有体现出来的，双击表单项可以直接编辑该行，回车直接保存表单，这点很好使，但同类框架也只是部分有此功能，而此框架的作者，把：在多行文本输入框中，使用Ctrl+回车来保存表单，也实现了，另外笔者看到的还有加载表格表单时的loading位置大小合理，表单保存按钮、甚至表格中的开关，也都有loading态。