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 语法，表是可以为空，不会报错