极简STL 3D模型分享系统（完整可部署版）

技术信息

语言技术
HTML5、CSS、JavaScript、Vue、jQuery系统类型
Web、Web3、嵌入式硬件行业分类
人工智能、开发工具

作品详情

行业场景

实现上传STL格式3D模型，自动生成分享链接和二维码，他人扫码后在手机浏览器即可查看3D模型，支持旋转，缩放，平移操作。界面简洁无广告，可正常管理已上传模型。

功能介绍

- 无需复杂后端，纯HTML+JS即可运行，部署简单

- 本地IndexedDB存储模型，安全不丢失

- 自动生成短链接+二维码，微信/手机浏览器直接打开

- Three.js高性能渲染，支持旋转/缩放/平移

- 极简UI，无水印无广告，全移动端适配

- 支持几十MB内STL流畅加载

- 自带管理后台：上传、删除、查看、复制链接

项目实现

1. 管理页面（默认首页）

- 上传 STL 模型文件

- 自动生成唯一访问链接

- 自动生成二维码

- 预览、复制链接、删除模型

2. 分享预览页

- 他人打开链接/扫码直接进入3D查看

- 支持：

- 旋转：鼠标/手指拖动

- 缩放：滚轮/双指捏合

- 平移：右键/双指拖动

- 全移动端适配：微信内置浏览器、手机浏览器均可

3. 技术实现

- 3D渲染：Three.js + STLLoader

- 交互控制：OrbitControls

- 二维码：QRCode.js

- 存储：localForage（IndexedDB）

- 链接：基于当前页面 + 唯一ID参数