1、立项原因与痛点： 传统的培训机构和教育企业，在分发学习资料（如PDF课件、面试题库、教学视频）时，往往依赖百度网盘或微信群直接发文件。这种模式存在三大痛点：一是文件容易被盗版传播，无法控制下载权限；二是学员在手机端预览体验极差，需要依赖第三方APP；三是后台缺乏统一的发布与下架管理，图文视频资源割裂，难以形成“看视频-刷题库”的完整学习闭环。
2、业务背景： 本系统（BookChat）专为在线教育、职业培训及企业内训场景打造。系统采用“多端分离”架构，通过Windows桌面端实现高效的后台内容录入与资源管理，通过ASP.NET Web API提供稳定的数据支撑，最终以H5响应式网页无缝适配手机、平板与电脑，为学员提供沉浸式的“在线文档预览 + 视频播放”的纯前端体验。系统实现了从“内容生产管理”到“多端分发传播”的完整商业闭环。
1、项目具体功能模块：
后台桌面管理端（WinForm）： 提供文档列表与视频列表的集中管理，支持资源的上下线控制、状态标记（如设置只读/可下载）、批量查询检索及双击快速编辑。
多媒体智能处理模块： 在添加文档时，系统自动提取PDF文件的页内图片，并支持“随机切换封面”；内置VLC播放引擎，支持在后台直接预览本地和已上传的视频文件。
内容分类与图集管理： 支持图文分类的树状管理，可上传分类专属封面及多张网络图片集，为H5端提供美观的卡片式导航。
H5 移动端（响应式）： 包含首页文档卡片、分类网格、文档详情（在线预览/按权限下载）、视频列表与详情（HTML5原生播放）、关于我们等模块。采用无限滚动加载，手机显示2列，PC显示4列。
Web API 接口服务： 为桌面端与H5端提供统一的数据桥梁，包含文档/视频的增删改查、分类获取、图片/视频/文档的文件流上传等标准化RESTful接口。
2、主要功能描述：
管理员在Windows后台一键上传PDF题库或MP4视频，系统自动提取封面并设置好“仅预览”或“可下载”权限。学员通过手机或电脑浏览器打开H5链接，即可像浏览微信文章一样顺滑地切换分类、搜索课件。看到感兴趣的文档时直接点击“在线预览”，看到教学视频时直接点击播放，全过程无需安装任何APP，极大地降低了知识传播的门槛和成本。
1、个人负责的具体任务：
作为全栈核心开发，我独立完成了整个系统的架构设计与三端开发。
负责WinForm桌面端的UI设计与交互逻辑实现；
编写了ASP.NET Web API接口，处理跨域请求、文件流接收与Token校验；
实现了H5移动端的响应式布局（Flex/Grid），适配不同尺寸的屏幕；
攻克了PDF文档在线解析、视频文件切片上传及VLC本地播放集成的技术难点；
设计了统一的文件存储路径规则（针对/upload/目录）及前后端数据映射模型。
2、技术栈与架构实现亮点：
技术栈： C# / .NET Framework / WinForm / ASP.NET Web API / SQL Server / HTML5 + CSS3 + JavaScript (原生/模块化) / PDF.js (或 iframe内嵌) / VLC。
多端架构的合理拆解： 系统没有采用传统的单体网站架构，而是将“重后台（WinForm管理资源）”与“轻前台（H5随时浏览）”解耦。不仅减轻了服务端的渲染压力，还让H5端拥有了媲美原生APP的丝滑体验。
权限与资源的安全管控： 在后台设计了“只读”与“可下载”状态位。在Web API层面实现鉴权拦截，当H5端请求“只读”文档时，接口不返回实际的文件下载路径，只提供在线预览的解析流，有效保护了核心课件版权。
智能化的多媒体处理： 针对PDF文件，引入了自动解析提取内页图片的逻辑，不仅解决了封面生成问题，还构建了文档的缩略图库，为H5端的展示提升了极大的美观度。
高性能的H5体验： H5端采用了图片懒加载（Lazy Load）与列表数据分页（无限滚动）机制；视频播放采用了HTML5 标签原生支持，避免了对Flash等过时技术的依赖，保证了多端浏览器的高兼容性。
评论