项目概述：在中华优秀传统文化传承发展工程与数字文创产业蓬勃发展的时代背景下，针对珍稀非物质文化遗产“活态传承断层、青年认知门槛高、山寨仿冒泛滥以及数字藏品脱实向虚”的三大痛点，本项目研发了一套基于 Vue 3.4 + Pinia + Tailwind CSS + ECharts 5 + Spring Boot 3.2 + WebGL/Three.js 3D虚拟展厅 的一体化【非遗手工艺活态传承与数字文创藏品流转商城】。深度融合“3D 全息多宝阁高精工艺材质解构 + 国家版权区块链数字确权凭证 + 大师亲制手工实体 1:1 防伪提货 + 线下研学工坊沉浸传习”，打造“PC端文化传承大屏 + Admin端版权总控 + 手机端国潮商城随身端”数实结合的东方美学生态闭环！
一、 系统业务拓扑与数实融合架构
系统围绕“国风藏家/普通消费者、非遗代表性传承人/工艺美术大师、数字化策展人、文创总管理员”四大核心角色，构建了高效数字版权流转体系：
- 🏛️ PC 电脑端（华夏非遗活态传承与数字文创作战大屏）：非遗活态传承总览大屏、3D数字文物多宝阁与工艺拆解沙盘、非遗大师数字化研学工坊预约、文创市场行情深度审计、国风藏家VIP典藏俱乐部；
- 🛡️ 运营管理总控台 (Admin 端)：全域非遗文创生态监管总控、非遗图谱与数字版权规则库、藏品铸造审核与侵权仲裁、非遗代表性传承人资质信用池、国家版权区块链存证审计；
- 📱 手机移动端与掌上文创商城随身端 (Mobile 端)：国潮文创商城首页、3D虚拟展厅手势 720° 赏玩与 AR 试摆、藏品区块链数字证书验真、个人藏宝阁与实体大师手作防伪提货存折。
二、 三端全保真系统界面与高清全景运行展示
1. PC 电脑端（华夏非遗活态传承与数字文创作战大屏）
(1) 华夏非遗活态传承与文创流转作战大屏 (StationDeskView)
实时监控 1,557 项在册非遗项目、3,056 位代表性传承人、数字文创流通总额 ￥3840.5 万元，支持大师新作一键上链铸造与藏品 3D 快速穿透。
(2) 3D 数字文物多宝阁与工艺拆解沙盘 (RecommendSandboxView)
基于 WebGL/Three.js 实现 720° 自由旋转微距赏玩，深度解构景泰蓝制胎、掐丝、点蓝、烧蓝与磨光五大核心工序。
(3) 非遗大师数字化工作坊与研学传习预约 (CurriculumBooksView)
汇聚钟连盛景泰蓝、汪寅仙紫砂与姚建萍苏绣等顶级工坊，支持在线预约沉浸式亲手制作并颁发非遗传习证书。
(4) 数字文创藏品市场行情与流通深度审计 (GradingInspectionView)
近半年各非遗品类价格指数走势图、流派题材热度雷达图及 57.2% 高实体手作提货兑付率监控，杜绝脱实向虚炒作。
(5) 国风藏家 VIP 典藏俱乐部与版权权益中心 (BookVipView)
青铜鉴赏卡、赤金尊爵卡与文化赞助席矩阵，打通国家版权链司法存证、大师孤品优先申购与实体激光微雕定制通道。
2. 运营管理总控台 (Admin 端)
(1) 全域非遗文创生态监管总控台 (AdminDashboardView)
重点省份非遗数字化建档与文创交易流水表、各工坊提货履约率及 AI 仿冒拦截时效全方位监控。
(2) 非遗名录图谱与数字藏品版权规则库 (IsbnLibraryView)
传统金属、陶瓷、刺绣工艺规范、ERC-721 合约标准、大师 5%-8% 二级流转版税规则集中维护。
(3) 文创藏品铸造审核与版权侵权仲裁中心 (AuditNotesView)
人工策展委员会把关大师手作原创性、3D高精网格面数达标审核，保障每一件数字藏品具备真正艺术价值。
(4) 非遗代表性传承人资质与工坊信用池 (CreditScoreView)
国家级/省级传承人信用评分、授课研学场次、数字版权版税与非遗保护财政补贴流水全透明公示。
(5) 国家版权区块链上链与数字凭证存证审计 (SystemLogsView)
实时 ERC-721 智能合约铸造、二级版税自动分润与实体开箱 NFC 防伪闭环区块交易日志追踪。
3. 手机移动端与掌上文创商城随身端 (Mobile 端)
(1) 国潮文创商城首页 (MobileHomeView)
3D多宝阁入口、非遗大师热销新作认购与实体提货说明。
(2) 3D展厅沉浸式赏玩 (MobileIsbnScanView)
720°手势旋转翻看乾隆底款、微米级掐丝金线工艺细节观摩。
(3) 国家版权链数字凭证 (MobileNotesDetailView)
唯一定制 Hash 存证、大师电子签名与司法公证节点验真。
(4) 个人藏宝阁与提货存折 (MobileMyOrdersView)
我的数字珍藏库、实体手作顺丰包邮提货与流转记录。
三、 核心非遗数字文创智能合约与版税结算代码实战
// Spring Boot 3.2 华夏非遗数字文创铸造与国家版权链存证中枢
@RestController
@RequestMapping("/api/v1/heritage-nft")
@Tag(name = "HeritageNftController", description = "非遗活态传承与数字文创智能合约流转中枢")
public class HeritageNftController {
@Autowired
private BlockchainCopyrightService copyrightService;
@Autowired
private PhysicalPerkRedeemService perkService;
@Autowired
private MasterRoyaltyLedgerService royaltyService;
@PostMapping("/mint/erc721")
@Operation(summary = "非遗传承人新作国家版权链智能合约铸造确权")
public ResponseEntity<ApiResponse> mintHeritageNft(
@Valid @RequestBody HeritageMintDTO dto) {
// 1. AI 风格与原创性查重校验
boolean isUnique = copyrightService.verifyOriginality(dto.get3dModelHash(), dto.getMasterCertId());
// 2. 签署国家版权区块链联盟链智能合约 (ERC-721标准)
String txHash = copyrightService.mintCertificate(
dto.getMasterWallet(), dto.getItemName(), dto.getTotalEdition(), dto.getPhysicalPerkProof()
);
return ResponseEntity.ok(ApiResponse.success(new MintCertificateVO(txHash, "SUCCESS_MINTED")));
}
@PostMapping("/royalty/distribute")
@Operation(summary = "二级流转版税智能合约自动分成至大师工坊")
public ResponseEntity<ApiResponse> distributeRoyalty(
@RequestParam String tokenId,
@RequestParam BigDecimal tradeAmount,
@RequestParam String sellerAddress,
@RequestParam String buyerAddress) {
// 自动抽取 5% 版税转入非遗代表性传承人专属对公/个人账户
RoyaltyDistributionVO vo = royaltyService.settleTradeRoyalty(tokenId, tradeAmount);
return ResponseEntity.ok(ApiResponse.success(vo));
}
}四、 常见问题解答 (FAQ)
Q1: 本项目的“数实融合”文创藏品与市场上普通数字藏品有何本质不同？
A: 市场上许多数字藏品仅为单纯的二维图片，缺乏实用与物理价值；本项目严格遵从“数实融合”原则，每一件发行的数字文创均具备国家版权区块链唯一确权凭证，且 1:1 锚定国家级工艺美术大师亲自烧制/掐丝/刺绣的实体艺术孤品（配国家珠宝玉石质检证书与唯一防伪芯片），藏家既可在 3D 虚拟展厅全息赏玩，亦可随时一键申请顺丰保价寄送实体手作！
Q2: 前端工程如何启动与二次开发？
A: 项目采用现代化 Vue 3.4 + Pinia + Vite 5 技术栈开发，解压后在根目录下执行 npm install 与 npm run dev 即可毫秒级启动。内置完备的非遗大师工坊与数字藏品 Mock 数据源及全套 15 张 4K 原生高清运行截图，开箱即用！
