buildAdmin的使用笔记

安装buildAdmin

在这里插入图片描述
下载完整包,解压进入 buildadmin 的文件夹,
输入命令 composer install
启动的时候使用, php think run 就可以了

为什么启动只需要, php think run

这种启动方式, 我是头一回看见 ,后来才发现 thinkphp6 已经是这样启动测试环境的了, 大至看了一下启动的代码。
在这里插入图片描述
在这里插入图片描述
从上面的代码就可以知道为什么我们只需要 php think run就可以启动服务


buildAdmin 的目录说明

在这里插入图片描述
后端运行之前, 要配置好数据库。 当我们更改了前端代码完成之后, 把web中的 dist 中的文件copy 到 public 的目录下就可以了


代码生成器

在这里插入图片描述
代码生成器, 不仅在后端生成了php 的代码, 并且把前端的代码也生成出来,放在 web 目录下了, 这点是很方便的
我们来做一下分类表
在这里插入图片描述
点击完成之后, 代码会自动创建相应的 controller model validate,同时我们 web 的前端源码目录也会生成相应的代码

在这里插入图片描述


前端 table 的代码解析, 前端代码是用 ts语法写的, 本人看的不是太明白。
首先进入生成的 category/index.vue
在这里插入图片描述
在这里插入图片描述
这样就添加了一个按钮


为什么我们点击添加和编辑按钮会出现弹出框

在这里插入图片描述
这个弹框其实就是生成出来的 popupForm.vue, 进入 popupForm.vue可以看到是打开了一个对话框 dialog
在这里插入图片描述
从代码中我们可以看到, 如果 baTable.form.operate == “Add” 或者是 ”Edit“,就会显示
这里说一个 baTable.form.operate! 这里有个叹号,这是一个 ts 语法,表是 可以为空,不会报错

我看的时候就晕在这里了, baTable.form.operate 是什么时候改变的呢?找不到源码, 后来想了下, 它是在 table 中的 column 下的 optionBtns的配置, 那就看看 baTable 的代码吧, 所以就找到了这个类

在这里插入图片描述
就是这个文件

在这里插入图片描述
在这里插入图片描述
这两个地方大至就可以解释为什么点击 添加和编辑会弹窗了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A黄俊辉A

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值