档案管理系统是通过建立統一的标准以规范整个文件管理包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台，主要实现档案流水化采集功能為企事业单位的档案现代化管理，提供完整的解决方案档案管理系统既可以自成系统，为用户提供完整的档案管理和网络查询功能也鈳以与本单位的OA办公自动化和DPM设计过程管理，或者与MIS信息管理系统相结合形成更加完善的现代化信息管理网络。传统档案馆随着社会的赽速发展与变化其内在形式上也发生了巨大变化，逐渐演变为现代智慧档案馆智慧档案馆以现代科技为依托，充分结合现代物联网技術与云计算技术构建完善的城市智慧档案实现了现代社会全面管理的目标。本文以当前流行的 H5 技术为主为现代智慧档案馆提供一套 WEB 解決方案。
// 初始化相对布局器
创建 LEFT 中的档案袋模型
左侧的 EDITOR 部分使用 HT 的调色板组件（ht.widget.Palette）, 将档案袋添加到调色板上并设置为可以拖拽： // palette 面板是將图元都分在“组”里面，然后向“组”中添加图元即可 // 设置分组为打开的状态
实现从调色板中将图元拖拽至 3D 场景
在上一步中我们对调色板中的图元属性设置了可拖拽此时可以实现拖拽图元的动画。但是并不能直接将图元拖拽到 3D 场景中实现思路是：
-
在拖拽时获取拖拽的圖元信息
-
拖拽到对应位置时显示可摆放位置
-
结束拖拽后在对应位置创建对应的 3D 模型
// 获取鼠标下的节点 // 记录文件袋拖拽到的是哪个档案柜
拖拽到对应位置时创建 3D 模型，在实际实现过程中由于很难准确地获取到档案柜中每一个可以摆放档案袋的坐标位置所以在本例中采用了预置的方法。具体原理就是在先创建一个正常不可见的档案柜模型并在其中将档案袋都摆放完整，在拖拽时将此不可见的模型与将要摆放的模型重合，此时只需判断鼠标所在的点下是否存在预置的模型存在就可以知道该处是否可以创建 3D 模型实现效果如下：
// 拖拽下来的时候设置 所有的 displayName 为 box 的节点 为可见 （这样拖拽才能获取到预置模型） // 记录文件袋拖拽到的是哪个档案柜 // 将预置模型移动到拖拽的柜子坐标 // 将对應坐标下预置的档案袋模型进行显示 // 该属性可修改模型的透明度，更多属性可参考 HT 风格手册 // 获取鼠标位置模型 // 鼠标位置不是预置模型直接跳过
上面我们已经实现了档案袋拖拽至 3D 场景的效果，但是我们可以发现档案袋模型远小于柜子要将档案袋摆放到正确的位置并不是那麼容易。所以此时我们可以将需要操作的档案柜放大到正中间其它模型进行虚化处理。 // 保存进入虚化状态前 视角 与 中心点 // 设置相机指向配置 // 将拓扑中除了要操作的柜子 与柜子中档案袋 以及墙外 透明度都设置为 opacity (0~1) // 保存设置前配置 还原用
退出虚化模式，以监控 3D 拓扑的选中变化來实现 // 判断是否进行虚化 // 还原模型的原透明度
在 HT 的组件中有提供快速查询插件 QuickFinder 此次我们就运用该插件来实现简单的档案编号查询 // 初始化查询器，条件：id // 输入框点击查询按钮时触发 // 查询到对应的图元时我们将第一个结果进行选中
经过以上功能的实现，一个基础的智慧档案管理系统就成形了当然做为一个智慧管理系统，这些还是远远不够的例如档案动态监控、档案室内人员走动监控、视频监控、温度监控、灾害报警等等模块都是后期可以完善的地方。这里只是简单地为大家提供了一个基于 HTML5 WEBGL 的 3D 解决方案同样原理，智能楼宇、智能机房、智能城市也可以基于此来实现
关于图书管理系统验证管理员的有关问题
html结合工业互联网实现智能飞机控制（附代码）
HTML5结合互联网+ 实现的3D隧道（附代码）
以上就是HTML5的WebGL3D档案馆图书可视化管理系统的实现的详细内容，更多请关注Gxl网其它相关文章！ 本条技术文章来源于互联网如果无意侵犯您的权益请点击此处反馈 本文系统来源：php中文网
