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

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

从客户端获取网络拓扑作为输入

基于1生成网络图，并将该图像呈现给客户端

使用MST协议生成生成树

向用户呈现生成树的图像

你可以去看演示。我的教授指示我远离javascript。如果您注意到，应用程序运行正常

问题是：

MST协议是一种逐步算法。我的应用程序当前所做的是在后端运行整个算法，并呈现最终结果

我的教授想让我做的是添加一个“逐步”按钮。当用户点击该按钮时，整个MST协议一步一步地运行，这样用户就可以可视化MST工作方式的实际模拟

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

---

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

我不完全理解这个主题，因为这绝对不是我的专业领域。因此，我尝试将问题重新表述为：

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

---

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

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