同一套数据要在 PC 大屏、移动端与跨端三种形态上呈现,形态差异大但业务数据必须一致
项目概览
项目背景
这是一套数字孪生方向的多端交付平台,共 4 个仓库。后端为 Java,前端有三套:PC 端、移动端与 uni-app 跨端应用。一套后端同时支撑 PC 大屏、移动端与跨端三种形态,三维场景与业务数据做了联动。
客户当时的状态
数字孪生类项目最常见的误区,是把它当成「把模型放到网页上」。实际困难有两处。一是形态差异:大屏是远距离观看、强调整体观感,移动端是近距离操作、强调可点可查,两者对同一份数据的呈现诉求完全不同。二是性能取舍:三维场景资源体积大,和首屏加载速度天然冲突,试图同时满足的结果往往是两头都不顺。如果各形态还各自实现业务逻辑,数据一致性也会很快出问题。三维可视化还有一个现实约束:参观与评审场景对画面的要求,和日常操作场景并不一样,而这两类需求经常落在同一块屏上。
我们的做法与取舍
第一个取舍是把业务数据收敛到一套后端,三种形态只做展示适配。代价是后端接口要考虑三种使用场景,收益是数据一致、新增形态不必重做业务。
第二个取舍是在场景体积和加载速度之间明确选边,按形态分配加载策略,而不是要求一套策略同时满足大屏和移动端。
第三个取舍是把场景元素与业务数据绑定,数据更新驱动场景呈现。场景和数据各维护一套状态看起来省事,但两边一旦不一致,现场就没人敢信这块屏。
系统怎么承载这条链路
呈现层是 PC 大屏、移动端与 uni-app 跨端;服务层是 Java 后端,承载业务数据与接口;场景层负责三维场景的加载与数据绑定。三种形态取的是同一份数据,差异只体现在怎么展示。场景资源按形态分级加载,大屏端优先保证画面完整,移动端优先保证首屏可用。
交付状态与边界
四个仓库的最后提交时间都是 2023 年 11 月,系统建设完成并交付,目前没有再更新的记录。边界说明:三维场景的模型资产由贵方提供或指定来源,我们负责加载与数据联动,不做模型的原始美术制作;现场大屏硬件与网络环境由贵方负责,我们按环境参数做适配;业务数据的源头系统我们只按接口对接,不改动源系统内部逻辑。场景资源更新时需要重新走一次加载流程,这部分由贵方人员按操作说明在现场执行。
项目信息
某数字孪生交付项目
未披露
Java(后端)/ Vue(PC 端、移动端、uni-app 跨端三套前端)
数字孪生多端交付平台
CHALLENGES
客户当时面对的现实
三维场景与业务数据要联动,数据更新后场景要跟着变,不能是两张皮
三维场景资源体积大,与首屏加载速度天然冲突,必须做取舍而不是两个都要
三种形态的展示诉求不同,把界面逻辑写进后端会立刻失去适配能力
CAPABILITIES
我们交付的能力
一套后端撑三种形态,难在取舍不在功能
一套后端多形态
Java 后端同时支撑 PC 大屏、移动端与 uni-app 跨端,业务数据只有一份。
场景与数据联动
三维场景与业务数据绑定,数据变化反映到场景呈现,而不是各展示各的。
资源与加载取舍
针对场景资源体积与首屏加载做过明确取舍,按形态分配加载策略。
形态各自适配
PC 大屏、移动端与跨端各自做展示适配,业务规则收敛在后端。
SCOPE
交付范围
以下范围按本项目实际交付内容与边界整理,不属于这次范围的部分一并列出。
已交付
- 后端接口服务(Java)
- PC 大屏端
- 移动端
- uni-app 跨端应用
- 三维场景与业务数据联动部分
不在本次范围
- 三维场景模型的原始制作:模型资产由贵方提供或指定来源,我们负责加载与联动
- 现场大屏硬件与网络环境:由贵方负责,我们按环境参数做适配
- 业务数据的源头系统:我们按接口对接,不改动源系统内部逻辑
ARCHITECTURE
分层技术架构
公开口径归纳为三层:呈现层是 PC 大屏、移动端与跨端三种形态;服务层是 Java 后端,承载业务数据与接口;场景层负责三维场景的加载与数据联动。
呈现层
按使用场景做展示适配
服务层
业务数据只有一份,三种形态共用
场景层
让场景呈现跟随业务数据变化
DELIVERY
交付过程
分阶段推进,每个阶段都有可验收的产出,客户在早期就能看到实际效果。
数据源与形态确认
梳理业务数据来源与更新方式,明确三种形态各自的展示诉求。
后端与数据接口
Java 后端承载业务数据与接口,收敛三种形态共用的逻辑。
场景与数据联动
三维场景接入业务数据,完成绑定与联动。
多形态适配与加载优化
PC 大屏、移动端与跨端分别适配,按形态落实加载策略。
FACTS
可核验的交付事实
以下内容来自本项目实际交付物;未经验证的指标不予展示。
后端与三套前端
PC 大屏 / 移动端 / 跨端
四个仓库的最后提交时间
TRANSFER
这套做法适不适合你
案例的用处不是证明"我们做过",而是让你判断"在我们这种条件下能不能做成"。下面三句是我们对这一单的判断,写下来供你对照自己的情况。
适合什么情况
适合需要同时交付大屏、移动与跨端、且数据源相对明确的可视化类项目。
什么情况下别照搬
若只有单一展示形态、或用不上三维场景,多端后端与场景层属于过度设计;模型资产的原始制作不在开发范围内。
如果要试,第一步做什么
先把数据来源与更新频率确认清楚,再决定场景精细度。
RELATED SERVICES
相关服务
从实际业务问题出发,查看对应服务的适用场景、交付物与不含项;具体范围仍需单独确认。
FAQ
常见问题
以下是同类项目沟通中出现频率最高的问题,答案就是我们实际的做法。
为什么三个前端不等于是三个项目?
三维场景很吃性能,你们怎么处理?
场景和数据怎么保证不脱节?
现在还在维护吗?
做数字孪生项目第一步做什么?
本页最后更新:2026年9月24日