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

2022 年 6 月 07 日
本文字数：1878 字
阅读完需：约 6 分钟

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

其实不然，今天我们要介绍的这款后台管理系统，将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 态。