其实不然,今天我们要介绍的这款后台管理系统,将web
代码目录放在了tp的根目录内,代码生成可以:同时生成后端和前端代码,生成好的web
代码直接就可以放到指定位置,然后通过后台进行npm build
,而web
目录内包含:干净(不含后端代码)、完整(所有前端代码文件均在此内) 的前端代码文件,所以说这款后台管理系统,确实是前后分离的。
npm build
?是的,这款后台系统内置WEB终端
,以实现一些理想中的功能,使用正确的情况下,您不再需要执行npm install
和npm build
等其他相关命令。
项目基于Thinkphp6、Vue3、TypeScript、Vite、Pinia、Element Plus等,同时提供web和server端的,vue-router-next,i18n(国际化)等vue3全家桶,然后基本的页面自适应,无需授权即可免费商用。
上面说的项目技术栈中,没有一个不是最新且流行的技术栈,选择TP6:因为tp只有6,选择Vue3:因为Vue只有3,另外,我们的Vue3使用了Setup、状态管理使用Pinia等等,均是新而流行还稳定。
一行命令即可生成数据表的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态。
提供字段级数据修改记录和修改对比;删除数据则自动统一回收,随时回滚和还原,安全且无感。
老规矩,直接看图吧
你可以看到,配置好要回收那些数据之后(不是指定数据ID,而是指定控制器、数据表等),数据被删就自动到回收站里边去了,可以一键还原或者是查看被删数据。
而敏感字段这个在实际业务中也比较实用,管理员对一些敏感字段进行修改操作后,这里提供了一个Ctrl+Z
,不得不说,这位大佬的想法,确实清奇,我就问还有那个后台提供这种细粒度的修改反悔
功能。
BuildAdmin
实现了非常强大的路由与权限模块。
系统免费开源,且无需授权即可商业使用,并将持续修改bug和迭代版本。
最关键的是,官方并未计划做pro、plus、x
等收费版本。主框架永久免费开源。
还有自适应、文档完善、内置大量功能等等,请自行探索…
我们提供了完善的文档,对于熟悉ThinkPHP
和Vue
的用户,请使用大佬版:快速上手 ,对于新人朋友,作者为我们额外准备了各个操作系统的从零开始套餐:Windows从零到一 | Linux从零到一 | MacBook安装引导
admin
,密码:123456
(演示站数据无法修改,请下载源码安装体验全部功能)