1つ目は、新しい操作を追加することです。新しい操作を追加する場合は、フォームに入力する場所が必要です。
$grid->dialogForm($this->form()->isDialog()->labelWidth('auto')->className('p-15'), '700px', ['添加账户', '编辑账户']);
このコードは、フォームで作成したフォーム
をバインドし、dialogFormを分析します。つまり、フォームをフォームにバインドし、最初のパラメーターにフォームオブジェクトを渡し、2番目のパラメーターにフォームの幅を渡し、3番目のパラメーターを渡します。パラメータにはフォームのタイトルが渡されます。
以下のフォームコード
public function form(): Form
{
//首先把你需要操作的模型new一下，然后传入生成表单的类里
$form = new Form(new $userModel());
//首先是创建上传头像的组件，item绑定字段名和显示名称，component绑定组件，
//Upload::make是生成一个上传文件的组件，avatar是指定上传文件的类型，
//path是指定存储路径，uniqueName是指定存储的文件名称不重复。
userTable = "admin_users";
$form->item('avatar', '头像')->component(Upload::make()->avatar()->path('avatar')->uniqueName());
//item是快速生成字段,而row则是自定义布局。columm新增一栏，rowItem设置字段名和显示名称
//serveCreationRules 设置新建数据的规则,required必填，unique:table_name在表内不重复
//serveUpdateRules 设置更新数据的表单规则，Input::make()创建input组件对象
//showWordLimit() 是否显示字数限制，maxlength(20)字段最大输入长度20
$form->row(function (Row $row, Form $form) use ($userTable) {
$row->column(8, $form->rowItem('username', '用户名')
->serveCreationRules(['required', "unique:{
$userTable}"])
->serveUpdateRules(['required', "unique:{
$userTable},username,{
{id}}"])
->component(Input::make())->required());
$row->column(8, $form->rowItem('name', '名称')->component(Input::make()->showWordLimit()->maxlength(20))->required());
});
//这里是生成密码input栏 confirmed比较和确认密码字段是否一致，ignoreEmpty不清楚，看注释是
//If Null Dont Return ，应该是为空就忽略的意思。showPassword 是否显示切换密码图标
$form->row(function (Row $row, Form $form) {
$row->column(8, $form->rowItem('password', '密码')->serveCreationRules(['required', 'string', 'confirmed'])->serveUpdateRules(['confirmed'])->ignoreEmpty()
->component(function () {
return Input::make()->password()->showPassword();
}));
//copyValue 从字段里复制
$row->column(8, $form->rowItem('password_confirmation', '确认密码')
->copyValue('password')->ignoreEmpty()
->component(function () {
return Input::make()->password()->showPassword();
}));
});
//在新增/更新数据前的处理操作，这里是加密了密码
$form->saving(function (Form $form) {
if ($form->password) {
$form->password = password_hash($form->password, PASSWORD_DEFAULT);
}
});
//在删除数据前的处理操作
$form->deleting(function (Form $form, $id) {
if (Auth(config('admin.auth.guard', 'jwt'))->user()->getId() == $id || $id == 1) {
return UI::responseError('删除失败');
}
});
}
わかりました。この構成は完了です。[追加]ボタンと[編集]ボタンをクリックすると、フォームがポップアップ表示され、入力できます。
