创建具有结果页面的交互式民意测验

Question

我希望创建一个投票/表单，允许用户为一场足球比赛(或者足球，如果你是美国人)选择一个首发11，然后提交它，然后看到最受欢迎的球队选择在球迷中(可能是最受欢迎的每一个位置，而不是最受欢迎的球队选择一起)。

理想情况下，我希望表单有选择( 4-4-2，4-3-3，4-5-1等)，以改变表单上的布局/输入(但这绝对不是必要的，只是一个很好的触摸-我只会坚持4-4-2，否则)。

我梦寐以求的想法是，底部会有一个仪表板，可以将玩家的个人资料图片拖放到自己的位置上；然而，拥有简单的下拉框也能工作(只要播放器不能被两次使用--这是另一个绊脚石，因为你不希望同一个播放器处于两个CB位置。)

设计概念(结果页面在没有底部仪表板的情况下基本相同)：

​

我完全不知道如何处理这个问题，因为它比我过去尝试过的任何事情都复杂得多。(忘了提一下，如果可能的话，我希望每周左右都能重设结果)

因此，如果有人能让我知道它是否可行，如果是的话，带我一步一步地完成它，甚至为我模仿一个，这将是非常感激的。

谢谢。

Answer 1

在这一点上，我甚至都不会想到拖拉和掉落。概述最低可行的产品将是什么，并提出了一套步骤来做到这一点。

从你提供的数据来看，我建议你这样做.

1)构建一个html表单，该表单简单地列出所有位置的列表和所有可能填充该位置的球员的下拉列表。

2)填写表格(选择球员)，在表单上提交，得到数据回波作为数组。

3)创建图形.我看到两种方法.(1)服务器端(GD或Imagick可能是您想要使用的)或(2) CSS/html图像

无论哪一个步骤，一个很好的approach....this步骤很可能会被分解成小steps...start，简单地显示一个列表和它旁边的播放器的图像。

HTML将是

echo "<img src='/images/players".$_POST["position1"]."' alt=''/>"; 
//(NOTE YOU HAVE TO CLEAN ANY DATA YOU ARE OUTPUTTING PROPERLY)

想像力就像..。

$bg = new Imagick("/images/bg.jpg");
$position = new Imagick("/images/players".$_POST["position1"]);

//Second image is put on top of the first
$bg->compositeImage($position, $position->getImageCompose(), 5, 5);

//new image is saved as final.jpg
$bg->writeImage('final.jpg');