buildAdmin的使用笔记

安装buildAdmin

buildAdmin的使用笔记_第1张图片
下载完整包,解压进入 buildadmin 的文件夹,
输入命令 composer install
启动的时候使用, php think run 就可以了

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

这种启动方式, 我是头一回看见 ,后来才发现 thinkphp6 已经是这样启动测试环境的了, 大至看了一下启动的代码。
buildAdmin的使用笔记_第2张图片
buildAdmin的使用笔记_第3张图片
从上面的代码就可以知道为什么我们只需要 php think run就可以启动服务


buildAdmin 的目录说明

buildAdmin的使用笔记_第4张图片
后端运行之前, 要配置好数据库。 当我们更改了前端代码完成之后, 把web中的 dist 中的文件copy 到 public 的目录下就可以了


代码生成器

buildAdmin的使用笔记_第5张图片
代码生成器, 不仅在后端生成了php 的代码, 并且把前端的代码也生成出来,放在 web 目录下了, 这点是很方便的
我们来做一下分类表
buildAdmin的使用笔记_第6张图片
点击完成之后, 代码会自动创建相应的 controller model validate,同时我们 web 的前端源码目录也会生成相应的代码

buildAdmin的使用笔记_第7张图片


前端 table 的代码解析, 前端代码是用 ts语法写的, 本人看的不是太明白。
首先进入生成的 category/index.vue
buildAdmin的使用笔记_第8张图片
buildAdmin的使用笔记_第9张图片
这样就添加了一个按钮


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

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

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

buildAdmin的使用笔记_第12张图片
就是这个文件

buildAdmin的使用笔记_第13张图片
buildAdmin的使用笔记_第14张图片
这两个地方大至就可以解释为什么点击 添加和编辑会弹窗了

你可能感兴趣的:(php,笔记)