掘⾦技术社区⽂章索引

面向创意从业者（设计师、摄影师、建筑事务所、独立开发者）的沉浸式 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），支持从展示到获客的完整链路。

立项原因与解决问题：当下多数社交产品侧重线上闲聊，缺乏轻量化、专注线下落地的组队工具，用户存在线下交友、兴趣组队、社群沉淀困难的痛点。 1、核心功能模块：包含账号注册登录、个人信息管理、兴趣社群创建、线下活动发布、报名审核管理、即时私聊群聊、消息推送、社群运营、动态发布、会员权益十大核心模块。 2、主要功能描述：支持用户自主创建各类线下兴趣活动，自主管理社群成员与活动报名状态，可实时收发聊天消息、查看社群动态、解锁会员专属权益，全方位满足轻量化同城社群的日常社交与运营需求。软件已正式上线，目前长期稳定运营、持续迭代更新，各大应用市场均可直接搜索下载体验。

1、本 SaaS 平台专注为各类企业打造培训 + 活动一体化全流程解决方案，一站式解决企业内部培训、团建活动、赛事评选、公开活动等各类运营需求。 2、系统采用标准多租户设计，严格实现租户间数据隔离，保障各企业业务数据独立安全；支持为合作企业定制专属微信小程序，自定义界面、品牌 LOGO、功能模块，打造企业专属线上门户。 3、功能层面支持全链路活动运营：管理员可快速发布线上 / 线下活动，设置报名规则、票务类型与价格，用户在线完成报名、购票、签到核销；内置投票评选、实时排名、榜单公示功能，适用于技能大赛、员工评比、人气投票等场景。 4、同时搭载完整企业培训模块，支持图文、视频课程上传、分班学习、学习进度追踪、在线测验考核，形成从课程发布、学习打卡到效果统计的闭环。平台配备订单流水、财务对账、数据报表、消息推送、权限管控等配套能力，操作简单、部署灵活，可快速落地使用。

丰享汇是面向一汽丰田车主及潜在用户的官方会员服务与数字化运营小程序，以 “会员权益 + 用车服务 + 线上营销” 为核心，构建车企与用户之间的线上服务与互动平台。 核心业务能力 会员体系：注册认证、会员等级、积分发放 / 消费 / 兑换、权益发放。 用车服务：保养预约、4S 店导航、维修记录、车辆认证与管理。 营销转化：线上购车下单、金融方案选择、旧车置换评估、补贴测算、活动报名。 用户运营：消息通知、优惠券、推荐有礼、车主社区与内容互动。 项目价值 通过Spring Boot + uni-app的技术组合，丰享汇实现了快速迭代、多端覆盖、稳定支撑的业务目标，既满足车企官方服务的安全性与规范性，又以轻量化小程序入口降低用户使用门槛，有效提升车主粘性、促进线索转化与服务数字化升级。

软件功能（登录/注册、好友增删、群聊创建/加入、历史消息查 询）、 数据库设计（用户、好友、群组、私聊/群聊消息表） WebSocket 实时通信、离线消息存储与拉取、 Redis 在线状态管理、管理员广播、前端界面与交互 1. 登录 / 注册 注册功能：用户提交用户名、密码、手机号 / 邮箱等信息，后端校验唯一性后写入user表，密码支持加密存储（如 BCrypt）；注册成功后返回用户 ID，完成身份初始化。 登录功能：用户输入账号密码，后端验证通过后生成会话标识（如 JWT），同时将用户在线状态写入 Redis（ws:user:userId），前端存储会话信息并建立 WebSocket 长连接。 状态同步：登录 / 登出时，Redis 中在线状态实时更新，好友列表可感知对方在线 / 离线状态。 2. 好友增删管理 添加好友：用户发起好友申请，后端校验双方用户存在性后，在friend表中添加双向好友记录（userId+friendId），支持备注、分组功能。 删除好友：删除friend表中对应双向记录，同时清理该好友的相关会话缓存（可选）；删除后双方好友列表实时刷新，无法再发送私聊消息。 好友列表查询：前端通过 REST API 拉取friend表中当前用户的所有好友记录，结合 Redis 在线状态展示 “在线 / 离线” 标识。 3. 群聊创建 / 加入 创建群组：用户（创建者）提交群名称、群简介等信息，后端在chat_group表插入群组记录，同时在group_user表添加创建者为群成员（标记role=admin）。 加入群组：支持 “邀请加入” 或 “申请加入” 模式： 邀请加入：群管理员通过用户 ID 添加成员，直接写入group_user表； 申请加入：普通用户提交申请，管理员审核通过后写入group_user表。 退出 / 移除群组：用户可主动退出群组（删除group_user记录），群管理员可移除成员，操作后群成员列表实时同步。 4. 历史消息查询 私聊历史：前端调用/chat/history/private接口，后端从chat_message表按userId+friendId查询消息记录，支持分页、按时间筛选。 群聊历史：调用/chat/history/group接口，从group_message表按groupId查询，返回群内所有成员的消息记录，同样支持分页。 离线消息拉取：用户登录时，后端查询数据库中该用户未读的离线消息（私聊 / 群聊），一次性推送给前端，标记为已读。