数字孪生多端呈现与后端服务的结构示意
ORANGEZH / 交付案例

数字孪生平台开发

一套 Java 后端支撑 PC 大屏、移动端与跨端三种形态,三维场景与业务数据联动,场景资源体积与首屏加载做过取舍。

约 7 分钟读完 5 条买家问答 关键事实可核验

项目概览

项目背景

这是一套数字孪生方向的多端交付平台,共 4 个仓库。后端为 Java,前端有三套:PC 端、移动端与 uni-app 跨端应用。一套后端同时支撑 PC 大屏、移动端与跨端三种形态,三维场景与业务数据做了联动。

客户当时的状态

数字孪生类项目最常见的误区,是把它当成「把模型放到网页上」。实际困难有两处。一是形态差异:大屏是远距离观看、强调整体观感,移动端是近距离操作、强调可点可查,两者对同一份数据的呈现诉求完全不同。二是性能取舍:三维场景资源体积大,和首屏加载速度天然冲突,试图同时满足的结果往往是两头都不顺。如果各形态还各自实现业务逻辑,数据一致性也会很快出问题。三维可视化还有一个现实约束:参观与评审场景对画面的要求,和日常操作场景并不一样,而这两类需求经常落在同一块屏上。

我们的做法与取舍

第一个取舍是把业务数据收敛到一套后端,三种形态只做展示适配。代价是后端接口要考虑三种使用场景,收益是数据一致、新增形态不必重做业务。

第二个取舍是在场景体积和加载速度之间明确选边,按形态分配加载策略,而不是要求一套策略同时满足大屏和移动端。

第三个取舍是把场景元素与业务数据绑定,数据更新驱动场景呈现。场景和数据各维护一套状态看起来省事,但两边一旦不一致,现场就没人敢信这块屏。

系统怎么承载这条链路

呈现层是 PC 大屏、移动端与 uni-app 跨端;服务层是 Java 后端,承载业务数据与接口;场景层负责三维场景的加载与数据绑定。三种形态取的是同一份数据,差异只体现在怎么展示。场景资源按形态分级加载,大屏端优先保证画面完整,移动端优先保证首屏可用。

交付状态与边界

四个仓库的最后提交时间都是 2023 年 11 月,系统建设完成并交付,目前没有再更新的记录。边界说明:三维场景的模型资产由贵方提供或指定来源,我们负责加载与数据联动,不做模型的原始美术制作;现场大屏硬件与网络环境由贵方负责,我们按环境参数做适配;业务数据的源头系统我们只按接口对接,不改动源系统内部逻辑。场景资源更新时需要重新走一次加载流程,这部分由贵方人员按操作说明在现场执行。

项目信息

客户

某数字孪生交付项目

项目周期

未披露

技术栈

Java(后端)/ Vue(PC 端、移动端、uni-app 跨端三套前端)

服务类型

数字孪生多端交付平台

CHALLENGES

客户当时面对的现实

01

同一套数据要在 PC 大屏、移动端与跨端三种形态上呈现,形态差异大但业务数据必须一致

02

三维场景与业务数据要联动,数据更新后场景要跟着变,不能是两张皮

03

三维场景资源体积大,与首屏加载速度天然冲突,必须做取舍而不是两个都要

04

三种形态的展示诉求不同,把界面逻辑写进后端会立刻失去适配能力

CAPABILITIES

我们交付的能力

一套后端撑三种形态,难在取舍不在功能

一套后端多形态

Java 后端同时支撑 PC 大屏、移动端与 uni-app 跨端,业务数据只有一份。

场景与数据联动

三维场景与业务数据绑定,数据变化反映到场景呈现,而不是各展示各的。

资源与加载取舍

针对场景资源体积与首屏加载做过明确取舍,按形态分配加载策略。

形态各自适配

PC 大屏、移动端与跨端各自做展示适配,业务规则收敛在后端。

SCOPE

交付范围

以下范围按本项目实际交付内容与边界整理,不属于这次范围的部分一并列出。

已交付

  • 后端接口服务(Java)
  • PC 大屏端
  • 移动端
  • uni-app 跨端应用
  • 三维场景与业务数据联动部分

不在本次范围

  • 三维场景模型的原始制作:模型资产由贵方提供或指定来源,我们负责加载与联动
  • 现场大屏硬件与网络环境:由贵方负责,我们按环境参数做适配
  • 业务数据的源头系统:我们按接口对接,不改动源系统内部逻辑

ARCHITECTURE

分层技术架构

公开口径归纳为三层:呈现层是 PC 大屏、移动端与跨端三种形态;服务层是 Java 后端,承载业务数据与接口;场景层负责三维场景的加载与数据联动。

FLOW 01

呈现层

PC 大屏端 移动端 uni-app 跨端

按使用场景做展示适配

FLOW 02

服务层

业务数据接口 数据更新与查询

业务数据只有一份,三种形态共用

FLOW 03

场景层

三维场景加载 场景与数据绑定

让场景呈现跟随业务数据变化

DELIVERY

交付过程

分阶段推进,每个阶段都有可验收的产出,客户在早期就能看到实际效果。

阶段一

数据源与形态确认

梳理业务数据来源与更新方式,明确三种形态各自的展示诉求。

阶段二

后端与数据接口

Java 后端承载业务数据与接口,收敛三种形态共用的逻辑。

阶段三

场景与数据联动

三维场景接入业务数据,完成绑定与联动。

阶段四

多形态适配与加载优化

PC 大屏、移动端与跨端分别适配,按形态落实加载策略。

FACTS

可核验的交付事实

以下内容来自本项目实际交付物;未经验证的指标不予展示。

4个仓库

后端与三套前端

3种终端形态

PC 大屏 / 移动端 / 跨端

2023-11最后提交

四个仓库的最后提交时间

TRANSFER

这套做法适不适合你

案例的用处不是证明"我们做过",而是让你判断"在我们这种条件下能不能做成"。下面三句是我们对这一单的判断,写下来供你对照自己的情况。

适合什么情况

适合需要同时交付大屏、移动与跨端、且数据源相对明确的可视化类项目。

什么情况下别照搬

若只有单一展示形态、或用不上三维场景,多端后端与场景层属于过度设计;模型资产的原始制作不在开发范围内。

如果要试,第一步做什么

先把数据来源与更新频率确认清楚,再决定场景精细度。

RELATED SERVICES

相关服务

从实际业务问题出发,查看对应服务的适用场景、交付物与不含项;具体范围仍需单独确认。

FAQ

常见问题

以下是同类项目沟通中出现频率最高的问题,答案就是我们实际的做法。

为什么三个前端不等于是三个项目?
因为业务数据只有一份,收敛在 Java 后端。三个前端做的是同一套数据的不同呈现方式,如果各带一套业务逻辑,数据迟早对不上。
三维场景很吃性能,你们怎么处理?
做取舍。场景资源体积和首屏加载是天然冲突的,两个都要的结果通常是谁都用不顺。我们按形态分配加载策略——大屏和移动端本来就不该用同一套加载方案。
场景和数据怎么保证不脱节?
把场景元素和业务数据做绑定,数据更新时驱动场景呈现,而不是两边各自维护一套状态。
现在还在维护吗?
四个仓库的最后提交时间都是 2023 年 11 月,目前没有更新的记录。系统建设完成并交付,这一点我们如实说明。
做数字孪生项目第一步做什么?
先确认数据从哪来、更新频率多少,再定场景要做多细。数据源头不清楚,场景做得再漂亮也接不上。

本页最后更新:2026年9月24日

下一步

聊聊你的孪生场景要怎么做

从数据源、呈现形态到加载策略,一起确认第一期做到哪一层。

商务联系人卢刚
商务联系人微信二维码 微信扫码加商务联系人,
发需求文档或截图都行。