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

Question

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

1. 将来自客户端的网络拓扑作为输入
2. 根据 1 生成网络图，并将该图像呈现给客户端
3. 使用 MST 协议生成生成树
4. 将生成树的图像呈现给用户

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

问题来了：

1. MST 协议是一个逐步算法。我的应用程序目前所做的是在后端运行整个算法并呈现最终结果。
2. 什么我的教授。想要我做的是添加一个按钮'Step by Step'。当用户点击该按钮时，整个 MST 协议将一次运行一步，因此用户可以直观地看到 MST 工作原理的实际模拟。

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

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

Answer 1

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

Answer 2

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

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

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