网页的动态日志记录 window

Question

我正在建立一个用户可以在上面绘制对象的网站。

我想构建一个 window 来记录用户犯的任何错误

例如绘图规则是三角形内只允许有圆。但是，一位用户过来在三角形内画了一个正方形。系统仍然允许并按照用户的意愿执行它。但是在日志window（位于页面底部）中会出现诸如"only circle allowed inside a triangle"的警告信息。每当用户修复错误时，window中的警告将被删除。（由于这个功能，我认为应该称为动态日志记录window）

我正在使用 JavaScript ExpressJS 和 dojoJS。

谁能告诉我如何构建这样一个window？？？我对网络开发还很陌生

如有任何帮助，我们将不胜感激。

我想在我的网站上建立一个这样的 window

Answer 1

我不确定您是否要求错误检测逻辑的任何部分。我没有在这里解决它。

这是解决此问题的一种简单方法：

1. 在底部或任何你喜欢的地方创建一个固定位置div。这将包含所有错误。
2. 为每个添加的形状维护一个 shapeId，为每个生成的错误维护一个 errorId。将 errorId 映射到它影响的 shapeId 的列表。对于每个 errorId 添加一个元素到 window。将元素的id设置为错误的errorId。
3. 当形状为 added/modified 时，遍历所有 errorId 并使用它们的 id.
修改列表中受影响的错误

希望这能解决您的问题。

更新： 如果您只是要显示问题中提到的错误，我想普通的 Bootstrap 就足够了。

Here's a fiddle

jSlate 看起来与您的情况非常相关。我建议你看一次演示。