业务和功能介绍
面向创意从业者（设计师、摄影师、建筑事务所、独立开发者）的沉浸式 3D
交互作品集平台，解决传统作品集"图片堆砌、缺乏记忆点、用户跳出率高"的痛点。平台通过 WebGL 3D
渲染技术将静态作品展示升级为可交互的沉浸式体验，帮助用户在众多竞争者中建立差异化个人品牌，提升客户转化率。
核心功能模块：
①3D 沉浸式首页：基于 Three.js 构建的全屏 3D 场景，用户滚动页面时相机沿预设路径平滑漫游，不同板块（关于我、作品集、技能树、联系方式）对应不同的 3D
空间站位，实现"滚动即叙事"的浏览体验。场景包含粒子星空背景、浮动几何体、动态光线等视觉元素，全部由 GPU 实时渲染。
②作品展示系统：支持瀑布流+分类筛选两种浏览模式。作品详情页采用 3D
卡片翻转动画，正面展示封面，背面展示项目描述、技术栈、成果数据。支持图片、视频、外部链接等多种作品载体。
③主题联动系统：暗色/亮色双主题一键切换，3D 场景中的灯光色温、材质反射率、背景粒子颜色随主题同步变化，而非简单的 CSS 颜色替换。
④响应式 3D 适配：桌面端全场景高质量渲染（PBR 材质 + 环境光照 + 接触阴影），平板端降低阴影和后处理质量，移动端自动降级为 2D 粒子系统 + CSS
动画，确保各端 60fps 流畅体验。
⑤性能极致优化：Core Web Vitals 全绿（LCP < 1.5s, CLS < 0.05, INP < 100ms），Lighthouse 综合分 95+。图片自动 WebP/AVIF
转换，首屏关键资源内联，非首屏组件动态导入。
⑥业务闭环：联系表单（邮件通知）、作品点赞计数、访客来源统计（UTM 追踪）、SEO 结构化数据（JSON-LD），支持从展示到获客的完整链路。
交互作品集平台，解决传统作品集"图片堆砌、缺乏记忆点、用户跳出率高"的痛点。平台通过 WebGL 3D
渲染技术将静态作品展示升级为可交互的沉浸式体验，帮助用户在众多竞争者中建立差异化个人品牌，提升客户转化率。
核心功能模块：
①3D 沉浸式首页：基于 Three.js 构建的全屏 3D 场景，用户滚动页面时相机沿预设路径平滑漫游，不同板块（关于我、作品集、技能树、联系方式）对应不同的 3D
空间站位，实现"滚动即叙事"的浏览体验。场景包含粒子星空背景、浮动几何体、动态光线等视觉元素，全部由 GPU 实时渲染。
②作品展示系统：支持瀑布流+分类筛选两种浏览模式。作品详情页采用 3D
卡片翻转动画，正面展示封面，背面展示项目描述、技术栈、成果数据。支持图片、视频、外部链接等多种作品载体。
③主题联动系统：暗色/亮色双主题一键切换，3D 场景中的灯光色温、材质反射率、背景粒子颜色随主题同步变化，而非简单的 CSS 颜色替换。
④响应式 3D 适配：桌面端全场景高质量渲染（PBR 材质 + 环境光照 + 接触阴影），平板端降低阴影和后处理质量，移动端自动降级为 2D 粒子系统 + CSS
动画，确保各端 60fps 流畅体验。
⑤性能极致优化：Core Web Vitals 全绿（LCP < 1.5s, CLS < 0.05, INP < 100ms），Lighthouse 综合分 95+。图片自动 WebP/AVIF
转换，首屏关键资源内联，非首屏组件动态导入。
⑥业务闭环：联系表单（邮件通知）、作品点赞计数、访客来源统计（UTM 追踪）、SEO 结构化数据（JSON-LD），支持从展示到获客的完整链路。
项目实现
基于 Next.js 16 App Router + RSC 架构，首屏静态生成 + 动态组件懒加载。Three.js 场景通过 React Three Fiber 声明式管理，@react-three/drei 提供
OrbitControls、Environment Map、ContactShadows 等高级能力。自定义 useScrollProgress Hook 将页面滚动百分比映射到 3D
相机路径，实现滚动驱动的场景漫游。Framer Motion 处理 DOM 元素的交错入场动画（stagger children）+ 滚动触发动画（whileInView）。性能层面：Three.js
场景按需实例化（InstancedMesh）、纹理压缩（KTX2/Basis）、Web Worker 离屏渲染预计算。Tailwind CSS 4 + CSS Custom Properties 实现设计系统，clsx +
tailwind-merge 管理动态样式。Vitest + @testing-library/react 覆盖交互逻辑单测。OpenNext 构建产物部署至 Cloudflare Pages，全球 CDN
边缘节点分发，TTFB < 100ms。
OrbitControls、Environment Map、ContactShadows 等高级能力。自定义 useScrollProgress Hook 将页面滚动百分比映射到 3D
相机路径，实现滚动驱动的场景漫游。Framer Motion 处理 DOM 元素的交错入场动画（stagger children）+ 滚动触发动画（whileInView）。性能层面：Three.js
场景按需实例化（InstancedMesh）、纹理压缩（KTX2/Basis）、Web Worker 离屏渲染预计算。Tailwind CSS 4 + CSS Custom Properties 实现设计系统，clsx +
tailwind-merge 管理动态样式。Vitest + @testing-library/react 覆盖交互逻辑单测。OpenNext 构建产物部署至 Cloudflare Pages，全球 CDN
边缘节点分发，TTFB < 100ms。
示例图片视频
相似推荐
医院DIP2.0按病种分值付费分组匹配系统
立项背景：为响应国家医保局DIP（按病种分值付费）支付方式改革，医院需对住院病例进行自动分组与分值测算，替代人工查表，提升医保结算准确率与效率。
核心功能：
1. 编码标准化：对诊断编码（ICD-10）和手术操作编码（ICD-9-CM3）进行自动补零、格式校验，统一为国临版与医保版2.0标准格式；
2. 编码对照映射：通过诊断对照库、手术对照库，将国临版编码自动映射为医保版2.0编码，支持23个手术操作字段批量对照；
3. DIP智能分组引擎：基于主诊断+主操作组合，实现+组合匹配、/或规则匹配、单码精准匹配、规则组匹配、编码范围匹配、s(n)/a(n)四级兜底等多层匹配策略，自动输出DIP病种ID；
4. 最优候选选择：当多个病种同时命中时，按匹配编码数量、是否包含主操作、操作位置优先级自动选优；
5. 分值计算：关联分值总表，自动计算每个病例的DIP病种分值，输出完整匹配结果表。
业务流程：原始住院病例数据 → 诊断/手术编码补零标准化 → 国临版转医保版对照 → DIP分组引擎多层匹配 → 最优病种选择 → 分值关联 → 输出结算结果。
企业级CRM数据清洗与迁移工具-DataBridge（个人演示项目）
本案例为个人演示项目，面向中小企业更换CRM或整合多来源客户资料时的数据整理需求。用户可导入Excel或CSV文件，配置字段映射规则，完成手机号、邮箱和公司名称标准化，并按组合条件识别重复记录；系统随后展示异常数据、冲突字段和处理建议，用户确认后可导出目标CRM可直接导入的数据文件及清洗报告。整个流程覆盖导入、预览、映射、去重、校验、修复和导出，重点降低人工反复核对带来的遗漏与时间成本。
基于本地化GUI的AI助手客户端-智语助手
立项背景与目标：
在日常工作与学习中，用户频繁需要获取AI辅助回答，但网页端使用需频繁切换浏览器，效率较低。本项目旨在开发一款轻量级桌面AI助手，提供一键式智能问答体验，降低使用门槛，提升日常信息获取效率。
软件功能：
用户输入问题后，点击提交或回车键，程序自动调用AI模型生成回答，并即时显示在窗口中，支持长文本自动换行。
核心功能模块：
1. 用户输入模块（Entry控件）
2. AI接口调用模块（requests + 智谱AI API）
3. 结果显示模块（Label控件 + 自动换行）
业务流程：
用户输入问题 → 点击提交 → 程序获取输入 → 调用AI接口 → 返回结果 → 窗口显示回答
功能路径：
启动程序 → 输入框输入问题 → 点击“提交”按钮 → 查看AI回答 → 输入框自动清空，等待下一次提问
AI智能体平台-AI智能体
Dify，Ragflow,langraph运行平台。
MCP展示执行平台。
RuoYi应用框架做载体。
SpringCloud alibaba 做微服务支持。实现业务系统智能体在平台运行展示结果。
使用RuoYi框架的权限体系和系统管理，支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。用RuoYi框架的权限体系和系统管理，支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。用RuoYi框架的权限体系和系统管理，支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。
数据在线采集
本项目为产业数据直报系统：
1、管理端（省/市/县区三级监管）和填报端（企业、非经营单位）提供端到端的数字化数据采集、审核、统计与导出能力。
2、系统按报告期（年/季/月）驱动 10 张业务表单的填报，涵盖企业基础档案、种植、生产加工、销售、文旅、税收贸易，以及景气调查问卷（含数字选项码与多选字段）。
3、审核采用三级联审机制，支持企业撤回修改、各角色取回、县区退回需第三方评估等精细化规则。
4、管理端提供按地区维度的仪表盘统计（应填/已填/待审/退回率、部分填报识别）、填报进度追踪（按企业/表单维度）和 Excel 导出（问卷选项码转中文、密码加密、填报端仅导出本单位），形成采集-审核-分析闭环。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服