创建评论表单类CommentType-Symfony5全面开发

您需要登录后才可观看此视频

为了更好的为您提供服务,请您登录后再查看本课程。

立即登录 注册账号

我们先来解决一下上节课遗留的问题,我们打开博客系统的首页,它提示错误了。在index.html.twig第39行path方法在生成post_show路由的链接时出错了。回到我们的项目,我们已经将路由的参数id修改为了id1,而这里传的参数还是id我们要修改一下。打开index.html.twig文件,这里将id修改为id1就可以了。

再次刷新,我们点击show链接。我们想在博客的详情页添加评论功能,评论功能,首先它有一个评论表单,当有用户通过评论表单提交数据时,我们就可以在管理端看到评论的内容,我们搜索symfony form,Symfony提供了form组件,可以让我们快速的根据Entity类来生成表单。首先我们要安装form组件。然后在命令行下方有一个简单的使用说明。

第一步首先是在controller方法中使用已经声明的Form类构建表单对象。然后是第二步将表单对象渲染到模板中,这样用户就可以编辑提交数据了。第三步就是处理表单的提交,然后将表单的数据转换为PHP数据,然后做一些操作,比如说保存到数据库。

继续向下看,Symfony有个表单类型的概念,比如说我们常用的文本输入框,这个表单行也是一个表单类型,Symfony使用了TextType类来对文本输入框进行了封装。你可能有很多表单行来保存用户的地址,它也是个表单类型。可以在Symfony中自定义创建一个表单类型的类,来对这些表单行进行封装,整个表单也可以用作表单类型。

Symfony内置了很多表单行的类型,我们点击进去,比如说文本类型,选择框类型,时间日期类型。我们可以将Entity类的各个属性指定一个表单行的类型,然后将所有的表单行封装成一个表单类型。

回到上一页下拉,这里有个示例代码,通过controller的createFromBuilder()方法返回一个FormBuilder对象。然后通过FormBuilderadd()方法,将Entity类的属性添加为表单行,最后通过getForm()方法来获取一个表单对象。

再往下看,我们还可以创建一个表单类,表单类继承于AbstractType。在类中使用buildForm()方法来构建表单,在方法中使用$builder的add()方法,将Entity类的各个属性添加为一个表单行。最后将所有的表单行封装成一个表单类型Type。

再往下看,在controller中使用render()方法将Form对象的View对象渲染到模板中,然后使用模板方法form()将form变量渲染出来。这样就完成了表单的显示。

我们回到项目,之前我们使用make:crud命令时创建了一个Form文件夹,在文件夹下就是文章的表单类型。我们打开这个类,buildForm()方法中使用Builder对象将文章的各个属性添加为表单行,在configureOptions()方法中设置表单的数据要转换为的类为Post类。然后我们在controller中可以直接使用表单类来创建form对象,再将form对象渲染到页面中,现在我们不需要文章类型的表单,删除这个类。

我们要使用make命令行创建评论表单,打开底部控制台,输入symfony console list make。这里有个make:form命令行,用来创建表单类,我们复制命令行,输入symfony console,粘贴命令行,创建表单类,表单类的类名我们叫做CommentType

CommentType所对应的Model类的类名,我们这里输入Comment,在src/Form目录下,创建了CommentType类。我们查看这个类,命令行自动的将Comment类的各个属性添加到了表单中。我们回到Controller,在Controller中创建表单对象,我们在文章详情页创建表单对象,添加一个变量$commentForm等于,我们可以使用Controller的createForm()方法来创建表单对象,表单的类型就是我们刚刚创建的CommentType。这里输入类名 其他参数可以暂时忽略,然后我们将表单的View对象渲染到模板中。

class PostController extends AbstractController
{
    // ...

    #[Route('/post/{id1}', name: 'post_show', methods: ['GET'])]
    #[ParamConverter('post', options: ['id' => 'id1'])]
    public function show(Request $request, Post $post): Response
    {
        $commentForm = $this->createForm(CommentType::class);

        return $this->render('post/show.html.twig', [
            'post' => $post,
            'comment_form' => $commentForm->createView()
        ]);
    }

    // ...
}

打开模板文件,在模板文件中,我们使用form()方法来渲染表单,回到浏览器刷新文章详情页,这里提示文章对象不能转化为string类型,我们回看项目代码。打开CommentType类,在CommentType中添加了一个文章属性,我们不需要这个表单行,注释这一行代码,回到浏览器刷新。

在详情页下方就添加了一个表单,我们不需要createdAt、 updatedAt回到项目,注释这两行代码,刷新,我们表单并没有添加提交按钮,这样用户的数据就无法进行提交了。

#src/Form/CommentType.php
class CommentType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('author')
            ->add('email')
            ->add('message')
//            ->add('createdAt')
//            ->add('updatedAt')
//            ->add('post')
            ->add('submit', SubmitType::class)
        ;
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => Comment::class,
        ]);
    }
}

在下节课,我们将有两种方式来添加提交按钮,并且处理表单的提交。

课程讨论

当前内容评论功能已关闭。