网络日志

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

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

其实不然,今天我们要介绍的这款后台管理系统,将web代码目录放在了tp的根目录内,代码生成可以:同时生成后端和前端代码,生成好的web代码直接就可以放到指定位置,然后通过后台进行npm build,而web目录内包含:干净(不含后端代码)、完整(所有前端代码文件均在此内) 的前端代码文件,所以说这款后台管理系统,确实是前后分离的。

等等,你说在后台进行npm build

是的,这款后台系统内置WEB终端,以实现一些理想中的功能,使用正确的情况下,您不再需要执行npm installnpm 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 installnpm build等其他相关命令。

如本文开头的演示图,执行了一次测试命令,这条命令首先是切换到了一个测试目录,该目录下有一个package.json文件,然后测试命令会install所有的包,来检测命令是否可以正常运行,并反馈执行状态。

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

👍 高颜值

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

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

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

🌴 润物无声

提供字段级数据修改记录和修改对比;删除数据则自动统一回收,随时回滚和还原,安全且无感。

老规矩,直接看图吧

你可以看到,配置好要回收那些数据之后(不是指定数据ID,而是指定控制器、数据表等),数据被删就自动到回收站里边去了,可以一键还原或者是查看被删数据。

而敏感字段这个在实际业务中也比较实用,管理员对一些敏感字段进行修改操作后,这里提供了一个Ctrl+Z,不得不说,这位大佬的想法,确实清奇,我就问还有那个后台提供这种细粒度的修改反悔功能。

🔐 权限验证

BuildAdmin实现了非常强大的路由与权限模块。

  • 路由与权限可在后台可视化增删改查
  • WEB端路由自动注册
  • WEB端按钮级鉴权
  • 无限子级菜单(权限节点)
  • 前后两端双鉴权
  • 更多待您自行探索

🌐 免费开放稳定

系统免费开源,且无需授权即可商业使用,并将持续修改bug和迭代版本。\最关键的是,官方并未计划做pro、plus、x等收费版本。主框架永久免费开源。

还有自适应、文档完善、内置大量功能等等,请自行探索...

💫 安装使用

提供了完善的文档,对于熟悉ThinkPHPVue的用户,有快速上手引导,对于新人,分别提供了Windows下Linux下MacBook下的从零开始引导。

🚀 关于

📸 项目预览