回所有演示
演示

向上和向下的投票

src /理解/ FoodVoteComponent.php

使用<跨度类="hljs-title">应用程序\<跨度类="hljs-title">实体\<跨度类="hljs-title">食物;<跨度类="hljs-keyword">使用<跨度类="hljs-title">应用程序\<跨度类="hljs-title">存储库\<跨度类="hljs-title">FoodRepository;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">包\<跨度类="hljs-title">FrameworkBundle\<跨度类="hljs-title">控制器\<跨度类="hljs-title">AbstractController;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">LiveComponent\<跨度类="hljs-title">属性\<跨度类="hljs-title">AsLiveComponent;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">LiveComponent\<跨度类="hljs-title">属性\<跨度类="hljs-title">LiveAction;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">LiveComponent\<跨度类="hljs-title">属性\<跨度类="hljs-title">LiveArg;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">LiveComponent\<跨度类="hljs-title">属性\<跨度类="hljs-title">LiveProp;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">LiveComponent\<跨度类="hljs-title">DefaultActionTrait;<跨度类="hljs-comment"># (AsLiveComponent (food_vote)]<跨度类="hljs-class"><跨度类="hljs-title">FoodVoteComponent<跨度类="hljs-keyword">扩展<跨度类="hljs-title">AbstractController< /跨度>{<跨度类="hljs-keyword">使用<跨度类="hljs-title">DefaultActionTrait;<跨度类="hljs-comment"># (LiveProp)<跨度类="hljs-keyword">公共食物美元;<跨度类="hljs-comment"># (LiveProp)<跨度类="hljs-keyword">公共bool $评选=<跨度类="hljs-keyword">假;<跨度类="hljs-keyword">公共<跨度类="hljs-function">函数<跨度类="hljs-title">__construct<跨度类="hljs-params">(私人FoodRepository FoodRepository美元)< /跨度>{}<跨度类="hljs-comment"># (LiveAction)<跨度类="hljs-keyword">公共<跨度类="hljs-function">函数<跨度类="hljs-title">投票<跨度类="hljs-params">(#美元[LiveArg]字符串方向)< /跨度>{<跨度类="hljs-keyword">如果(<跨度类="hljs-string">“了”===$方向){<跨度类="hljs-keyword">这个美元- >食品- > upVote ();}<跨度类="hljs-keyword">其他的{<跨度类="hljs-keyword">这个美元- >食品- > downVote ();}<跨度类="hljs-keyword">这个美元- > foodRepository - > add (<跨度类="hljs-keyword">这个美元- >食物,<跨度类="hljs-keyword">真正的);<跨度类="hljs-keyword">这个美元- >评选=<跨度类="hljs-keyword">真正的;}}

模板/组件/ food_vote.html.twig

<<跨度类="hljs-name">tr< /跨度>< /跨度><跨度类="hljs-template-variable">{{属性}}<跨度类="xml">><跨度类="hljs-tag"><<跨度类="hljs-name">th>< /跨度><跨度类="hljs-template-variable">{{food.name}}<跨度类="xml">< /<跨度类="hljs-name">th><跨度类="hljs-tag"><<跨度类="hljs-name">道明>投票:<跨度类="hljs-tag"><<跨度类="hljs-name">跨度<跨度类="hljs-attr">类=<跨度类="hljs-string">“徽章bg-secondary”><跨度类="hljs-tag">< /<跨度类="hljs-name">跨度>< /跨度><跨度类="hljs-template-variable">{{食物。票}}<跨度类="xml">< /<跨度类="hljs-name">道明><跨度类="hljs-tag"><<跨度类="hljs-name">道明<跨度类="hljs-attr">风格=<跨度类="hljs-string">宽度:250 px;“>< /跨度><跨度类="hljs-template-tag">{%<跨度类="hljs-name">如果< /跨度>评选%}<跨度类="xml"><<跨度类="hljs-name">div<跨度类="hljs-attr">类=<跨度类="hljs-string">“警报alert-success”>谢谢你的投票!<跨度类="hljs-tag"><<跨度类="hljs-name">我<跨度类="hljs-attr">类=<跨度类="hljs-string">“fa fa-check-circle”><跨度类="hljs-tag">< /<跨度类="hljs-name">我><跨度类="hljs-tag">< /<跨度类="hljs-name">div>< /跨度><跨度类="hljs-template-tag">{%<跨度类="hljs-name">其他的%}<跨度类="xml"><<跨度类="hljs-name">按钮<跨度类="hljs-attr">类型=<跨度类="hljs-string">“按钮”<跨度类="hljs-attr">类=<跨度类="hljs-string">“btn btn-secondary”<跨度类="hljs-attr">data-action=<跨度类="hljs-string">“生活#行动”<跨度类="hljs-attr">data-action-name=<跨度类="hljs-string">“投票(方向=)"><跨度类="hljs-tag"><<跨度类="hljs-name">我<跨度类="hljs-attr">类=<跨度类="hljs-string">“fa fa-arrow-up”><跨度类="hljs-tag">< /<跨度类="hljs-name">我><跨度类="hljs-tag">< /<跨度类="hljs-name">按钮><跨度类="hljs-tag"><<跨度类="hljs-name">按钮<跨度类="hljs-attr">类型=<跨度类="hljs-string">“按钮”<跨度类="hljs-attr">类=<跨度类="hljs-string">“btn btn-secondary”<跨度类="hljs-attr">data-action=<跨度类="hljs-string">“生活#行动”<跨度类="hljs-attr">data-action-name=<跨度类="hljs-string">“投票(方向=)”><跨度类="hljs-tag"><<跨度类="hljs-name">我<跨度类="hljs-attr">类=<跨度类="hljs-string">“fa fa-arrow-down”><跨度类="hljs-tag">< /<跨度类="hljs-name">我><跨度类="hljs-tag">< /<跨度类="hljs-name">按钮>< /跨度><跨度类="hljs-template-tag">{%<跨度类="hljs-name">endif< /跨度>%}<跨度类="xml">< /<跨度类="hljs-name">道明><跨度类="hljs-tag">< /<跨度类="hljs-name">tr>< /跨度>< /pre>
      
<道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>3<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>63年年<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>22<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>2<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>76年年<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>31日日<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>66年年<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>70年年<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>42<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>11<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>44<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>12<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>10<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)"><道明>投票:<跨度类=“徽章bg-secondary”>< /跨度>30..<道明风格=宽度:250 px;“><按钮类型=“按钮” class="btn btn-secondary" data-action="live#action" data-action-name="vote(direction=up)">
香蕉
苹果
汉堡
西瓜
奶酪
披萨
椒盐卷饼
甜甜圈
菠萝
爆米花
墨西哥煎玉米卷
冰淇淋
饼干