Web应用程序 - 动态图像渲染

Question

在Web应用程序方面，我是一个绝对的菜鸟。我正在构建一个基于Google App Engine的网络可视化工具包。我已经将生成树协议作为示例实现。这就是它的作用：

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

您可以转到http://www.varun-c.appspot.com查看演示。我的教授已经指示我远离javascript。如果您注意到，应用程序可以正常运行。

问题在于：

1. MST协议是一步步算法。我的应用程序目前在后端运行整个算法并呈现最终结果。
2. 我的教授。我希望我做的是添加一个按钮＆＃39; Step by Step＆＃39;。当用户点击该按钮时，整个MST协议一次一步地运行，因此用户可以看到MST如何工作的实际模拟。

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

编辑1：我搞定了。对于那些想知道的人，我创建了一个隐藏变量＆＃39; iterator＆＃39;我一直在HTML和Python后端之间进行交换，以便在每次点击“逐步”时跟踪步骤编号。按钮。在服务器端，我创建了一个简单的数据结构来存储我的算法生成的所有实例。将此与迭代器结合，可以渲染图像。上面发布的链接现在反映了这些变化。

Answer 1

为每一步生成一系列图像。然后创建一个GUI，通过单击上一个/下一个按钮来更改显示的图像。它是possible to do this没有任何javascript，只使用HTML + CSS。

Answer 2

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

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

不确定这些想法是否有任何帮助。