内容平台 H5 软件定制 案例

1.本项目旨在打造一个关于钟灵记汉服文化的展示窗口通过为用户提供沉浸式的汉服视觉体验弘扬传统服饰美学并为线下定制或购买提供信息指引。 2.核心模块包括精美图库展示，分块区域展示。 3.用户访问首页浏览通过导航栏进入分类页面分页通过动态效果展示产品

一、立项背景和目标 企业内部的历史图书、转码成果与业务资料长期分散在不同系统和共享盘里，检索困难、无法沉淀为可复用的知识资产；而通用大模型无法回答企业私有问题。本项目基于腾讯开源项目 WeKnora（MIT 协议，Go + Vue）做私有化部署与二次开发，建设一套企业级知识库与智能问答平台，把分散文档沉淀为可查询、可推理的知识资产，并承接公司文件资源管理系统（FMS）的归档成果作为知识来源。需要说明的是：平台本体来自腾讯开源社区，本项目的工作是私有化部署、二次开发与业务承接，并非自研该框架。 二、软件功能与核心功能模块 1. RAG 快速问答：基于知识库检索增强生成，回答带引用来源，可定位到具体文档片段。 2. ReAct Agent 智能推理：自主编排知识检索、MCP 工具、技能沙箱与网络搜索，完成多步复杂任务。 3. Wiki 模式：Agent 从原始文档自动生成相互链接的 Markdown 知识页面与知识图谱，支持人工编辑、版本历史与一键回滚。 4. 知识管理：FAQ / 文档 / Wiki 三类知识库，支持文件夹树导入、分块编辑与版本历史、多标签与 URL 导入。 5. 多源数据接入：飞书知识库与云盘、GitLab、Notion、语雀、钉钉文档等外部知识源。 6. 跨会话长期记忆与对话管理。 7. 企业级多空间 RBAC 与空间审计日志。 8. 工具调用与沙箱：内置工具、MCP 工具（含 OAuth2 远程服务）与技能目录，可安装到会话级 Docker / E2B 沙箱中隔离执行。 9. FMS 知识承接（本项目新增）：以只读方式拉取 FMS 发布的知识投影，镜像为本地知识库。 10. 模型与部署：接入二十余家主流模型厂商，支持完全私有化部署与内网离线运行。 三、业务流程与功能路径 管理员私有化部署平台并初始化空间 → 配置模型与知识库 → 导入文档或接入外部知识源 → 系统自动解析、切分、向量化并建立索引 → 用户在对话页提问，系统检索知识库并由大模型生成带引用的回答 → 复杂问题转由 Agent 多步推理完成。FMS 侧路径为：FMS 归档成果生成知识投影 → 桥接服务只读拉取并校验 → 原子写入镜像 → 在 WeKnora 中作为知识库被检索。

一、立项背景和目标 历史纸质图书转电子书业务长期依赖邮件和共享盘，在出版社内部与多家外包转码公司之间流转，存在交接标准不一致、任务进度不透明、元数据缺失严重、异常无法追溯、历史资源检索效率低等问题。本项目立项建设一套统一的历史图书数字化资源管理平台，把出版社原稿上传、转码任务发布、外包公司处理、成果回传、内部校验、验收归档、异常隔离到检索分析的全流程收敛到同一系统内，并以约 100TB 级历史资源为目标规模，从底层保证长期稳定运行与快速查询。 二、软件功能与核心功能模块 系统为模块化单体的企业级 Web 后台，前台使用角色为出版社人员与转码公司人员，核心模块包括： 1. 图书与元数据模块：以规范化书号 canonical_book_no 作为图书唯一标识，维护图书、版本与文件资产；书号、作者等元数据由 EPUB 提取而非人工录入。 2. 任务协作模块：出版社发布转码任务，转码公司处理并回传成果，任务状态经状态机受控流转，禁止直接改状态；转码公司侧只呈现待处理、处理中、已回传、已退回、已作废五态，内部校验与验收状态不外泄。 3. 文件与上传模块：受控本地文件存储，支持大文件分片上传、断点续传与对账补传，下载走浏览器原生与 HTTP Range 分片。 4. 校验验收与异常治理模块：成果 EPUBCheck 校验、验收通过或退回、异常隔离与返工闭环，全流程留痕。 5. 归档与检索模块：对归档成果做结构化解析、切片与检索单元生成，并导出只读知识投影。 6. 权限与审计模块：组织级 RBAC、幂等键与 X-Request-Id、操作审计与状态变更事件。 7. 运行健康看板与统计报表：监控数据库、向量库、各类 worker 与后端服务状态。 三、业务流程与功能路径 典型路径为：出版社上传原稿 → 发布转码任务 → 转码公司下载原稿（首次下载触发任务进入处理中）→ 回传成果包（先上传文件资产、再创建提交批次）→ 系统自动校验 → 出版社验收（通过则归档，不通过则退回返工）→ 归档后重建切片、生成知识投影用于检索分析。异常文件进入隔离区，处理完成后回到任务流；每一次状态变更都会同步写入状态事件与审计日志，保证全流程可追溯。

### 主站核心业务模块 1. **文章模块** 体育资讯文章发布、编辑、上下架、分类、标签、阅读统计；支持多语言（依赖 AI 翻译），富文本 / 图文混合内容，关联赛事、球队、球员。 2. **板球赛事模块** IPL 赛事赛程、实时比分、赛果、赛事阶段、场次管理；赛事数据关联球队、球员，可筛选历史 / 正在进行 / 即将开始比赛。 3. **球队模块** 球队基础资料、队徽、历史战绩、球员花名册，关联所属赛事。 4. **球员模块** 球员档案、个人数据、生涯统计、图片素材；**球员对比**是特色功能：多球员数据横向对比，图表可视化。 5. **视频模块** 赛事集锦、短视频素材，视频文件存 OSS，支持点播、封面图、视频分类，关联赛事 / 文章。 6. **投票互动模块** 赛事投票、球员人气投票；创建投票选项、统计票数、结果展示，可关联虚拟用户 AI 评论做互动氛围。 7. **AI 大模型能力（核心增值）** - AI 评论自动审核：用户评论内容安全过滤、违规识别，减少人工审核成本 - 虚拟用户 AI 评论填充：冷启动时自动生成模拟评论，提升页面互动感 - AI 文章翻译：资讯多语言翻译，面向海外板球用户 8. 子项目矩阵（独立站点 / 端） - 独立论坛：用户发帖、评论、板块管理，和主站共享账号 - 壁纸站点：体育图片壁纸，OSS 存储图片资源 - H5 游戏子项目：轻量互动小游戏，Web/H5 访问 - APP 应用：移动端客户端，复用后端接口、统一登录体系 ## 二、技术功能拆解 1. **OSS 对象存储集成** 统一存储：文章配图、球员图片、队徽、壁纸、视频、用户上传附件；**基于角色控制 OSS 读写权限**，不是简单的前端直传，后端做权限管控，不同角色上传 / 访问资源隔离。 2. **SSO 单点登录 + 统一身份认证** 打通主站、论坛、壁纸站、H5 游戏、APP 多端多站点； 一次登录，所有业务系统、OSS 资源自动鉴权访问； 自定义身份认证流程，RBAC 角色体系，身份凭证跨域共享。

本项⽬是为政府单位建设的⼀个集中管理、整合资源、提供服务的平台。该平台⽤⼾端包括PC端 和⼩程序，功能分为产业链、供需集市、供需活动、供需服务、产业联盟五⼤模块，聚焦于产业链研究，旨 在为产业链提供全⽅位的⽀持和服务，促进产业链的发展和升级。

面向跑步俱乐部的活动运营、运动记录与成员协作小程序，覆盖俱乐部创建及权限、活动发布与报名、PK和打卡挑战、成绩与排行榜、社交动态、消息提醒、运动数据统计及设备绑定。用户可在个人与俱乐部身份间切换，从加入组织、参与活动、记录运动到查看排名和月报形成完整业务链路，管理者可持续维护活动和成员数据。

对标Anker系DTC给客户做的展示样站，目标前后台跑通全链路。功能：前台9页（首页Deal of the Day+倒计时、列表搜索联想、详情评价搭配、购物车包邮进度条、结算快捷支付、成功页、登录、个人中心订单跟踪），后台5个tab（营收看板、商品、订单、优惠券、客户），中英一键切换。流程：浏览→加购→用券WELCOME10→结算→个人中心查单。

本项目是为静态博客站点量身打造的可视化运维后台，旨在解决静态博客无法动态更新内容、部署流程繁琐的核心痛点。系统允许用户通过可视化界面直接修改站点配置、编辑内容，并一键触发远程重新构建与部署。 我负责了整个前后端系统的架构设计与全栈开发。针对静态配置文件（TS/JSON）的精准修改难题，采用Recast库进行AST解析与代码生成，实现了对代码节点的精确编辑，并解决了因格式化导致的变量丢失、注释丢失等历史问题。在构建部署环节，设计了基于子进程的异步构建队列，并采用SSE协议实现构建日志的实时流式推送渲染。

本项目核心功能包括可视化问卷编辑器、基于DSL语法的题目联动引擎、多维度数据看板。用户可通过拖拽方式零代码创建、发布和管理问卷，并支持条件显隐、跳题逻辑等复杂规则。 我负责了整个平台的前端架构设计与核心模块开发。针对核心的问卷编辑器，设计了基于JSON Schema的通用渲染器，实现了渲染与数据分离，支撑了多种题型的高效扩展。为解决复杂问卷（1000+题目）的渲染性能问题，采用虚拟列表，优化长列表下的性能问题。设计了一套简洁的规则联动的DSL语法，通过正则解析与缓存优化，实现了灵活且高性能的题目联动逻辑。

暖爪记是一款面向养宠家庭的宠物档案与日常照护管理Web应用，目标是解决多人共同养宠时记录分散、重复喂食、提醒遗漏和健康信息难以追溯等问题。系统包含宠物档案、家庭成员、日常照护打卡、健康记录、事项提醒、日历回顾、养宠百科和数据统计等功能。用户可以按宠物查看照护历史，通过家庭协作功能生成交接内容，减少重复操作和事项遗漏。访客可以使用演示数据直接体验，注册后可在不同设备继续记录。

WETRUE小程序专注为短剧数据分析、丰富的短剧Top榜单、详细短剧数据、行业榜单、红果、漫剧数据、演员百科、漫剧AI工具、社区广场等丰富的功能为短剧行业赋能，使用uniapp框架开发，其中包含引用内嵌H5、视频号、公众号文 章、社区评论转发@等功能、包含三方库、uni-ec-canvas、video三方插件、阿里云人机校验插件等，兼容微信小程序与 H5端。小程序0-1开发独自完成期间经过多次大的迭代与改版。

合同模板中心：预置模板 + 字段库 + 条款库，搭积木式在线组装合同 合同创建：模板生成或空白创建，关键条款自动校验 审批流：Flowable 可视化配置，按金额/部门/类型走不同分支 合同执行：通过开发连接器与 U8/NCC/BIP 订单、收付款数据打通，执行进度、开票、回款一屏看清 到期预警、归档借阅、电子台账导出

1、海外短剧市场处于高速增长期，TikTok/Reels 等内容消费习惯催生了用户对"短平快"剧集的需求。平台面向东南亚、北美、拉美等海外市场，通过 Facebook 广告投放获客，以 H5 网页形 式提供服务——无需下载 App，打开链接即看。 2、业务目标 内容变现 通过会员订阅 + 金币单集购买两种模式实现付费 广告归因 完整追踪从广告点击到付费的全链路转化数据 多支付商 支持 Stripe（信用卡）和 PayPal 两种主流支付方式 多站点 一套代码支持多个品牌站独立部署（通过 settings.yaml 配置） iOS 友好 通过服务端 CAPI 规避 iOS 14.5+ ATT 事件拦截 3、业务流程

本项目是一个面向技术创作者的个人 IP 门户站，采用纯前端静态架构，整合了「技术博客发布」「第三方效率工具聚合评测」「个人开源作品展示」三大核心模块，目标是为访客提供一站式的技术内容消费与个人品牌展示体验。 核心功能包括： 1. 博客系统 ：支持本地 Markdown 文章渲染，文章列表按技术 / 感悟 / 知识三分类筛选，支持标题/摘要/标签搜索，兼容 CSDN 外链归档与本地文章混合展示。 2. 工具箱聚合 ：收录并评测 10+ 款真实第三方效率工具，按文本处理 / 编程开发 / AI 工具 / 设计创作 / 图像处理 / 效率办公分类，支持收藏、搜索、定价标签（真免费 / 部分免费 / 付费）筛选。 3. 作品展示 ：集中展示 4 个已开源的真实项目（CSDN 博客爬虫、绿色软件管理器、一键环境搭建、访问量辅助工具），全部附带 Gitee 仓库链接。 4. 主题与交互 ：支持深色 / 浅色主题切换并持久化到 localStorage，针对主题切换做了 FOUC（闪烁）优化；全站响应式布局，适配桌面端与移动端。 5. 公共组件 ：统一导航栏、页脚、加载动画、滚动渐入动画、粒子背景、访问量统计、社交分享等可复用模块。 项目采用「配置驱动」设计，所有页面内容统一由 config.js 管理，新增文章、工具、作品时只需修改配置文件即可，无需改动页面结构。

立项背景与目标 《我的世界》玩家社区长期存在游戏与Web平台割裂的问题，区域性玩家社群缺乏专属技术支持。本项目旨在打造游戏数据与社区实时互通的一站式平台，覆盖普通玩家、内容创作者、服务器管理者三类人群，目标是通过实时同步、社交互动与资源孵化，构建有归属感的线上家园。 核心功能模块 （1）用户权限体系：支持网页/游戏端统一登录，基于RBAC实现五级权限管理，绑定游戏ID后享有完整权限。（2）实时同步引擎：基于Netty和Redis实现游戏内动态（在线状态、聊天、成就）与社区消息的双向毫秒级推送。（3）论坛社交：设建筑、红石、生存、模组等多主题分区，支持发帖、评论、点赞、私信及Markdown编辑。（4）资源管理：提供地图存档、材质包等资源的分类检索、版本标注、审核上架与免费下载，并设立月度激励计划。（5）服务器监控：网页端实时显示在线人数、TPS等指标，支持服主远程执行管理指令。（6）智能搜索：基于Elasticsearch实现帖、人、资源的全文检索及运营数据看板。 业务流程与功能路径 用户侧：注册→邮箱验证→绑定游戏ID→浏览/发帖/下载资源（按权限解锁）。创作者：进入发布中心→选择类型→填写版本信息并上传→提交审核→通过后上线并获得曝光。管理侧：资源提交后经自动扫描和三人评审团审核→通过/驳回并通知；服主登录后台→查看监控面板→下发指令（公告/封禁等）→同步至游戏端并记录日志。整体流程闭环，确保内容安全与运营效率。

一套面向求职市场的简历网页模板产品，包含三种风格（极简商务、稳重传统、创意个性），覆盖不同求职场景。已在闲鱼平台上架销售，实现商业化。 核心功能： 三套风格模板： 极简商务风：深蓝侧边栏布局，适合投互联网/科技公司 稳重传统风：居中对称布局，适合投国企/银行/事业单位 创意个性风：渐变色彩 + 技能进度条 + 悬停动效，适合设计/新媒体行业 展示页：产品落地页，展示三套模板预览和定价 一键部署：纯 HTML 文件，修改内容后部署到 GitHub Pages 即可 响应式设计：所有模板均适配移动端

北京翔云兄弟国际文化传媒有限公司是一家专门做演出的经纪公司，与我们达成长期合作的友好关系。众多各类项目开发案例与经验，官网、小程序、APP、微信活动、管理系统、IDC系统等，可进一步了解合作。

模型从业与爱好者综合交易平台，为他们搭建一个展示、沟通、交易、存储的专属行业平台。系统应用多种创新技术，为客户提供长期稳定的开发、维护、扩展服务。实现多级容灾、OSS自动备份等。查看案例可访问https://www.cgseek.com

该项目是一个面向个人生活记录与自我管理场景的轻量 Web 应用，目标是提供集日记记录、待办清单、习惯打卡、专注计时和个人资料管理于一体的使用体验。 我独立完成了项目的功能规划与页面拆分，围绕登录注册、首页导航、日记、待办、习惯打卡、专注计时、个人中心等模块进行设计与实现。用户可通过账号登录进入系统，完成日记记录、事项管理、习惯打卡、资料编辑等常用操作。 项目采用前后端分离思路，前端负责页面展示、交互和状态切换，后端提供注册登录、数据读写等接口支持，能够满足轻量生活记录类产品的基本功能需求，也适合作为小型 Web 或功能原型的实现案例。项目同时兼顾 PC 端与常见移动端浏览体验，对主要页面进行了基础响应式适配。

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