网络应用 - 动态图像渲染
我对网页应用完全是个新手。现在我正在基于谷歌应用引擎构建一个网络可视化工具包。我已经实现了一个叫做生成树协议的示例。这个示例的功能是这样的：
- 从客户端获取网络拓扑作为输入
- 根据第一步生成一个网络图，并把这个图像展示给客户端
- 使用最小生成树（MST）协议生成生成树
- 把生成树的图像展示给用户
你可以去 http://www.varun-c.appspot.com 看一下演示。我老师让我尽量不使用javascript。如果你注意到，应用程序运行得很好。
现在有个问题：
- 最小生成树协议是一个逐步执行的算法。现在我的应用程序是一次性在后台运行整个算法，然后把最终结果展示出来。
- 我老师希望我添加一个“逐步执行”的按钮。当用户点击这个按钮时，整个MST协议就会一步一步地运行，这样用户就可以看到MST是如何工作的。
我完全不知道该怎么做。正如我所说，网页开发并不是我的强项。如果我对问题的解释不够清楚，请告诉我。我会尽力解释得更好。顺便说一下，去看看这个网站，它能让你了解这个应用程序的功能。
编辑 1：我已经搞定了。对于那些好奇的人，我创建了一个隐藏变量“迭代器”，在HTML和Python后台之间不断交换，以跟踪每次点击“逐步执行”按钮时的步骤编号。在服务器端，我创建了一个简单的数据结构来存储我的算法生成的所有实例。结合这个迭代器，就可以渲染出图像。上面发布的链接现在反映了这些更改。
2 个回答
-1
我对这个话题不是很了解，因为这不是我的专业领域。所以我试着把问题重新表述一下：
你需要向用户展示一系列由你的算法生成的顺序图片。在我看来，这是一个非常适合在客户端完成的任务，可以使用Javascript和画布元素来实现。市面上有很多相关的库可以使用。不过，由于你的教授不允许这种做法，你可以选择在服务器上生成每一步的图片。
不确定这些想法是否对你有帮助。
1
生成一系列的图片，覆盖每一个步骤。然后创建一个图形用户界面（GUI），让你可以通过点击“上一张”和“下一张”按钮来切换显示的图片。其实，这个操作可以完全不使用任何JavaScript，只用HTML和CSS就能做到。