基于html5的通用webim组件的前端设计与实现-基于rbac模型的权限管理系统的设计和实现

对于3D机房来说，监控并不难。 不同的人有不同的方法。 今天尝试用HT写了一个基于HTML5的机房，发现HT真的很简单好用。 本例是3D机房灯光、雾化、眼睛最大最小距离等功能的综合示例。 接下来我将分析这个例子的实现，也算是对这个例子的一个总结。 因为整个例子没有设计师参与基于html5的通用webim组件的前端设计与实现，所以风格可能比较简陋，但是在一些细节上，比如墙面的纹理，嵌入的门框，还有灭火器等等，都尽量做到了还原真实场景，也需要一些时间。 想做这个例子！

本例地址：

本例中的动态图：

从最基本的开始，场景的布局基于html5的通用webim组件的前端设计与实现，按照 HTML的思路，这个场景就是把整个页面放在一个div里面，然后在这个div里面加上一个top div和一个middle div。 老实说，如果用HTML来实现这一步，我们不用写多少代码，但是如果非得把这段代码写几次，大家就会觉得很烦。 . . HT封装了这个实现方法。 整个外部div是HT的基础组件。 这里我们使用 ht.widget.BorderPane 组件。 上层的div封装在ht.widget.Toolbar工具栏类中。 下半部分是ht.graph3d.Graph3dView组件的3D部分。 通过以下方式将页面的两部分添加到 BorderPane 组件中，并将 BorderPane 添加到 body 中：