第十天:改变数据使用Ajax表单

以前在symfonyob娱乐下载

经过昨天的回顾已知的技术,你们中的一些人有一个渴望互动。和列表显示丰富的格式问题,即使分页的,并不足以使应用程序。使用概念的核心是允许任何注册用户问一个新的问题,和任何用户回答一个现有的一个。不是时间得到它?

添加一个新的问题

侧边栏建于第七天已经包含一个链接添加一个新问题。它的链接问题/添加行动,这是有待开发。

限制对注册用户的访问

首先,只有注册用户才能添加一个新问题。限制访问问题/添加行动,创建一个security.yml在使用/应用程序/前端/模块/问题/ config /目录:

添加:is_secure:凭证:用户:is_secure:

当一个未注册的用户试图访问受限制的操作,symfony将他/她重定向到登录操作。ob娱乐下载这个动作必须定义在应用程序中settings.yml下,login_module和login_action密钥:

:.actions: login_module:用户login_action:登录

关于行动的更多信息可以在访问限制安全章节symfonyob娱乐下载的书。

的addSuccess.php模板

的问题/添加行动将被用来显示形式和处理形式。这意味着,到目前为止,显示形式,你只需要一个空的行动。此外,表单将再次显示数据验证:在出错的情况下

公共函数executeAdd(){}公共函数handleErrorAdd(){返回sfView::成功;}

行动将输出addSuccess.php模板:

< ? phpuse_helper(“验证”)? >< ? php回声form_tag(“@add_question”)? ><自定义字段> < div类=“form-row”>< ? php回声form_error(“标题”)? ><标签为=“标题”> >问题标题:< /标签< ? php回声input_tag(“标题”,sf_params美元- >得到(“标题”))? >< / div > < div类=“form-row”>< ? php回声form_error(“身体”)? ><标签为=“标签”> >你的问题详细:< /标签< ? php回声textarea_tag(“身体”,sf_params美元- >得到(“身体”))? >< / div > < /自定义字段> < div类=“submit-row”>< ? php回声submit_tag(“问”)? >< / div > < /形式>

这两个标题和身体控制有一个默认值(助手)的第二个参数定义的请求参数相同的名字。这是为什么呢?因为我们要添加一个验证文件的形式。如果验证失败,再次显示形式,前面的条目的用户仍在请求参数。他们可以用作表单元素的默认值。

前面的条目不是迷失在表单验证失败的案例。至少你可以期待的一个用户友好的应用程序。

但是,为了达到这个目的,你需要一个表单验证文件。

表单验证

创建一个验证/目录问题模块,并添加在一个add.yml验证文件:

方法:文章(标题,正文):名字:标题:要求:是的required_msg:你必须给你的问题一个标题的身体:要求:是的required_msg:你必须提供一个简短的背景问题验证器:bodyValidator bodyValidator:类:sfStringValidator参数:最小值:10 min_error:请提供更多的细节

如果你需要更多关于表单验证的信息,回到第六天或阅读表单验证章symfonyob娱乐下载的书。

处理表单提交

现在重新编辑问题/添加行动处理表单提交:

公共函数executeAdd(){如果(这个美元- >getRequest()- >getMethod()= = sfRequest::帖子){/ /创建问题$ user=这个美元- >getUser()- >getSubscriber();美元问题=新问题();美元问题- >setTitle(这个美元- >getRequestParameter(“标题”));美元问题- >setBody(这个美元- >getRequestParameter(“身体”));美元问题- >setUser($ user);美元问题- >保存();$ user- >isInterestedIn(美元问题);返回这个美元- >重定向(“@question ? stripped_title = '。美元问题- >getStrippedTitle());}}

请记住,- > setTitle ()还将设置方法stripped_title,- > setBody ()还将设置方法html_body场,因为我们超越了这些方法Question.php模型类。用户创建一个问题将会宣布对它感兴趣。这是为了防止与0利益问题,这将是太悲伤。

包含一个结束的行动- >重定向()创建的细节问题。的主要优势- >提出()在,如果用户刷新问题详细页面之后,不会再提交。此外,“恢复”按钮是否按预期运行。这是一个一般规则:你不应该结束一个表单提交处理行动- >提出()。

最好的方法是操作方面的工作还需要显示表单,如果请求是没有在发布模式下。它就会按照空行动写之前,返回默认值sfView:成功这将启动addSuccess.php模板。

不要忘记来创建isInterestedIn ()方法用户模型:

公共函数isInterestedIn(问题){$利益= new ();(利息- > setQuestion美元问题);利息- > setUserId美元($ this - > getId ());美元利率- >保存();}

作为一个次要的重构,可以使用这个方法用户/感兴趣行动来替换的代码片段,做同样的事。

去吧,现在测试。使用一个测试的用户,您可以添加一个问题。

添加一个新的答案

答案补充将会以一种稍微不同的方式来实现。不需要将用户重定向到一个新的页面形式,然后再到另一个页面显示的答案。所以新回答的形式将AJAX,和新的答案将立即出现在问题详细页面。

添加AJAX表单

改变的结束模块/问题/模板/ showSuccess.php模板:

…< div id =“答案”>< ? phpforeach(美元问题- >getAnswers()作为美元的答案):? >< div类=“答案”>< ? phpinclude_partial(“答案/答案”,数组(“答案”= >美元的答案))? >< / div >< ? phpendforeach;? >< ? php回声use_helper(“用户”)? >< div类=“答案”id =“add_answer”>< ? php回声form_remote_tag(数组(“url”= >“@add_answer”,“更新”= >数组(“成功”= >“add_answer”),“加载”= >“Element.show(“指示器”)”,“完成”= >“Element.hide(“指示器”);“.visual_effect(“亮点”,“add_answer”),))? >< div类=“form-row”>< ? php如果(sf_user美元- >isAuthenticated()):? >< ? php回声sf_user美元- >getNickname()? >< ? php其他的:? >< ? php回声“匿名的懦夫”? >< ? php回声link_to_login(“登录”)? >< ? phpendif;? >< / div > < div类=“form-row”> <标签为=“标签”> >你的答案:< /标签< ? php回声textarea_tag(“身体”,sf_params美元- >得到(“身体”))? >< / div > < div类=“submit-row”>< ? php回声input_hidden_tag(“question_id”,美元问题- >getId())? >< ? php回声submit_tag(“回答”)? >< / div > < /形式> < / div > < / div >

一个小的重构

的link_to_login ()必须添加到函数UserHelper.php助手:

函数link_to_login(美元的名字,美元的uri=零){如果(美元的uri& & sfContext::getInstance()- >getUser()- >isAuthenticated()){返回link_to(美元的名字,美元的uri);}其他的{返回link_to_function(美元的名字,visual_effect(“blind_down”,“登录”,数组(“持续时间”= >0.5)));}}

这个函数是否我们已经看到的东西用户助手:它显示了一个链接到一个动作如果用户验证,如果没有,链接指向AJAX登录表单。所以取代link_to_function ()调用的link_to_user_interested ()和link_to_user_relevancy ()函数的调用link_to_login ()。不要忘记你的链接@add_question在模块/栏/模板/ _default.php。是的,这是重构。

处理表单提交

即使它还包括一个片段,所选择的方法来处理AJAX请求期间的描述略有不同第八天。这是因为我们希望表单提交的结果实际上替代形式。这就是为什么更新参数的form_remote_tag ()辅助指向容器的形式本身,而不是外部区域。的_answer.php片段将被包含在结果的答案除了行动,所以最终结果可以看起来像:

…< div id =“答案”> < !——答案1- - > < !——答案2- - > < !——答案3- - >…< / div > < div类=“答案”id =“add_answer”> < !——这是新答案——> < / div >

你可能猜到了form_remote_tag ()javascript助手工作原理:它处理表单提交中指定的操作url参数通过XMLHttpRequest对象。行动的结果替换元素中指定更新论点。就像link_to_remote ()辅助的第八天,它切换活动指示器的可见性,根据请求提交,并强调了AJAX更新的最后一部分事务。

让我们添加几句关于用户关联到新的答案。我们前面提到的,答案必须与一个用户。如果用户身份验证,那么他/她user_id用于新的答案。在其他情况下,匿名用户使用,除非用户选择登录。的link_to_login ()助手,位于GlobalHelper.php助手,切换隐藏登录表单的可见性的布局。浏览askeet看到它的源代码。

的回答/添加行动

的@add_answer规则作为urlAJAX表单的论点指向回答/添加行动:

add_answer: url: / add_anwser参数:{模块:答案,行动:添加}

(如果你想知道,这个配置添加到routing.yml应用程序配置文件)

这是行动的内容:

公共函数executeAdd(){如果(这个美元- >getRequest()- >getMethod()= = sfRequest::帖子){如果(!这个美元- >getRequestParameter(“身体”)){返回sfView::没有一个;}美元问题= QuestionPeer::retrieveByPk(这个美元- >getRequestParameter(“question_id”));这个美元- >forward404Unless(美元问题);/ /用户或匿名的懦夫$ user=这个美元- >getUser()- >isAuthenticated()吗?这个美元- >getUser()- >getSubscriber():UserPeer::retriveByNickname(“匿名”);/ /创建回答这个美元- >回答=新回答();这个美元- >回答- >setQuestion(美元问题);这个美元- >回答- >setBody(这个美元- >getRequestParameter(“身体”));这个美元- >回答- >setUser($ user);这个美元- >回答- >保存();返回sfView::成功;}这个美元- >forward404();}

首先,如果这种做法不叫在发布模式下,这意味着有人在浏览器地址栏输入它的URI。行动并不为这种类型的设计(黑客)请求,它返回一个404错误。

确定用户设置为答案的作者,动作检查当前用户是否进行身份验证。如果不是这种情况,操作使用“匿名的懦夫”用户,多亏了一个新的::retrieveByNickname ()的方法UserPeer类。检查代码,如果你有任何疑问关于这个方法。

之后,一切都准备好了创建新的问题,通过请求addSuccess.php模板。正如所料,这个模板只包含一行,include_partial:

< ? phpinclude_partial(“答案”,数组(“答案”= >美元的答案))? >

我们还需要禁用布局这一行动的前端/模块/ / config / view.yml回答:

addSuccess: has_layout:

最后,如果用户提交一个空的答案,我们不想保存它。数据处理部分是绕过,行动回报——这只会删除页面的表单。我们可以做错误处理AJAX表单,但这将意味着把表单本身在另一个片段。不值得付出努力。

测试它

这是所有吗?是的,可以使用AJAX表单、清洁和安全。测试它通过显示的列表一个问题的答案,并通过添加一个新的答案。页面不需要刷新,新的答案出现在以往的列表的底部。很简单,不是吗?

明天见

传统形式和AJAX表单也同样容易实现在symfony应用程序。ob娱乐下载和这两个添加,使用应用程序所需的所有核心功能使其工作。

一件事:我们没有详细注册一个新用户。这一特性被添加到当前使用SVN储存库无论如何,因为它是今天已经完成的非常相似。

所以十天就能建立一个(非常)beta版本的一个symfony的ajax增强的FAQ。ob娱乐下载然而,我们想要使用更多。帮助建立askeet社区,我们需要该网站提供联合提欧宝体育平台怎么样要,所以一个人问一个问题可以注册在提要聚合器接收答案。这将是明天的教程。

你们中的一些人已经提出一些意见为21天。扩展访问列表或支持他们的建议使用论坛。