安装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 的代码吧， 所以就找到了这个类

就是这个文件

这两个地方大至就可以解释为什么点击 添加和编辑会弹窗了