Web应用程序-动态图像绘制

Question

当涉及到Web应用程序时，我绝对是个新手。我正在构建一个基于Google的网络可视化工具包。我已经实现了生成树协议作为一个例子。这就是它所做的：

1. 以客户端的网络拓扑作为输入。
2. 生成基于1的网络图，并将该图像呈现给客户端
3. 使用MST协议生成生成树
4. 向用户呈现生成树的图像。

你可以去http://www.varun-c.appspot.com看一个演示。我被我的教授指示远离javascript。如果您注意到，应用程序将正常运行。

以下是问题所在：

1. MST协议是一个逐步的算法。我的应用程序目前所做的工作--在后端运行整个算法并呈现最终结果。
2. 我的教授。要我做的是添加一个按钮“一步一步”。当用户单击该按钮时，整个MST协议一步一步地运行，这样用户就可以可视化MST工作方式的实际模拟。

我完全不知道该怎么做。正如我所说的，web开发并不是我的强项。如果我对这个问题的解释不够清楚，请告诉我。我会尽力解释清楚的。并访问网站一次。它将使您了解应用程序的功能。

编辑1:，我让它起作用了。对于那些想知道的人，我创建了一个隐藏变量“迭代器”，我继续在HTML和Python后端之间进行交换，以便在每次单击“逐步”按钮时跟踪步骤号。在服务器端，我创建一个简单的数据结构来存储由我的算法生成的所有实例。将此与迭代器相结合，将呈现图像。上面张贴的链接现在反映了这些变化。

Answer 1

为每一步生成一系列图像。然后创建一个GUI，通过单击“前一个/下一步”按钮来方便更改显示的图像。它是没有任何javascript的有可能做到这一点，只使用HTML+CSS。

Answer 2

我不完全理解这个话题，因为这绝对不是我的专业领域。所以我试着把这个问题改写成这样：

您必须向用户显示由您的算法生成的顺序图片。对我来说，这是一个使用Javascript和canvas元素在客户端完成的任务的完美例子。这方面有很多库。但是，由于您的教授排除了这种方法，您可以为服务器上的单个步骤生成图片。

不知道这些想法是否有帮助。