钢铁流程工艺智能控制, 3D 数字孪生项目, 数据中台产品系统

我要开发同款
proginn15565003982026年10月21日
4阅读

技术信息

语言技术
JavaScript、Vue、TypeScript、ElementUI、前端
系统类型
Web、H5
行业分类
工业互联网、企业服务

作品详情

行业场景

钢铁冶金 / 流程工业智能制造,面向钢铁厂(尤其锻造、轧钢、炼钢产线)提供生产可视化、数字孪生、数据中台三类产品能力,是典型的工业互联网平台 + 智能工厂解决方案。

功能介绍

【钢铁流程工艺智能控制】
核心功能:开发钢铁厂锻造流程可视化系统,实时展示钢坯运动轨迹和设备状态。
技术实现:使用 Canvas 绘制2d的钢铁厂某个模块的场景,通过硬件检测给到的websocket实时的数据,动画展示钢坯的运动轨迹,不同颜色标识钢坯温度,点击钢坯查看详情数据。
基于 Electron 实现桌面端与 Web 端代码复用,使用 Node.js 写 sql读取数据库和提供接口
【3D 数字孪生项目】
核心功能:开发 3D 大屏页面,实时展示设备状态和生产流程。
技术实现:使用 Three.js 实现 3D 场景展示,参考three.js官网demo,支持模型加载、动画效果(Tween.js)、管道箭头标识的动态纹理、文字贴图鼠标交互时的模型边框,模型发光等功能。
通过 WebSocket 实时接收硬件检测数据,在 3D 场景中动态展示设备状态。
优化模型加载速度,采用分批加载、克隆方法、预加载等技术,提升页面性能。

项目实现

【数据中台】
核心功能:开发钢材的入库、出库、库存管理;编号、批次、材质、规格、重量等档案;订单录入、编辑、审核、下达;生产计划管理;报表导出等功能;
技术实现:搭建数据中台前端框架,模块卡片对接多个子系统,参与业务编写,使用 Vue 和 Webpack 搭建多入口项目,支持子项目独立运行和打包,启动命令+项目名称即可以启动一个子项目。
搭建私有 npm 仓库,优化组件共享机制,提升开发效率。
对接点单登录,路由拦截,配合后端通过session获取token验证。动态获取菜单与用户信息,权限信息等。
由于该项目为公司自研,团队在开发过程中拥有一定的学习时间和试错空间,公司也具备良好的学习氛围。在此期间,我学习并使用了 IDEA 进行 Spring MVC 接口开发,对 Spring Boot 框架有了一定了解。例如,在搭建网站时涉及的登录 Token 验证、使用 MyBatis 编写 SQL 语句、Spring 常用注解的配置,以及 Maven 依赖管理和 Spring 相关中间件的使用等,学习关于minio上传下载。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论