报告中心 · 操作说明

面向网站管理员和普通用户的全功能操作手册

一、系统概述

报告中心是一个专业的 HTML 数据分析报告管理系统，具备以下核心能力：

📥
HTML 导入
一键导入 AI 生成的报告
✏️
可视化编辑
所见即所得修改内容
📊
图表编辑
双击图表直接改数据
🔍
多关键词搜索
空格分隔精准匹配
🖥️
演示模式
全屏 + 标注工具
📱
响应式设计
手机平板电脑全适配

二、前台使用指南

2.1 浏览文章

  1. 访问网站首页
    打开网站地址，首页展示最新 12 篇文章的卡片，包含标题、摘要、分类标签、发布时间和浏览量
  2. 按分类筛选
    点击首页顶部的分类标签（如"销售分析""财务报告"等），可筛选该分类下的所有文章
  3. 查看文章详情
    点击文章卡片进入详情页，页面展示完整的 HTML 报告内容，包含图表、表格、文字等
  4. 返回继续浏览
    点击左上角 Logo 或使用浏览器后退返回列表页

2.2 搜索文章

  1. 输入关键词
    在首页搜索框或顶部导航栏搜索框输入关键词
  2. 多关键词精准搜索
    用空格分隔多个关键词，系统执行 AND 逻辑——结果必须同时包含所有关键词。例如输入"销售 数据"将返回同时包含"销售"和"数据"的文章
  3. 查看搜索结果
    搜索结果页展示匹配的文章列表，关键词会以高亮标记突出显示，方便快速定位
💡
搜索技巧 关键词越具体结果越精准。支持中英文混合搜索，匹配范围包括标题、摘要和正文内容。

2.3 演示模式

在文章详情页右下角有一个浮动「演示」按钮，点击进入全屏演示模式：

🖍️
高亮笔
半透明标注重点内容
✏️
画笔
自由手绘标注
➡️
箭头
指示数据焦点
⬜
矩形框
框选关键区域
🔴
激光笔
鼠标跟随光点
🧹
橡皮擦
擦除单个标记

操作步骤

  1. 点击「演示」按钮
    页面进入全屏模式，底部出现浮动工具栏
  2. 选择标记工具
    点击工具栏中的工具图标（高亮笔/画笔/箭头/矩形框/激光笔）
  3. 选择颜色和粗细
    工具栏提供 5 种颜色（红/黄/蓝/绿/白）和 4 档笔触粗细
  4. 在页面上绘制
    鼠标拖拽即可绘制标记，箭头和矩形框为拖拽确定方向和大小
  5. 清除或退出
    点击「清除」按钮清除所有标记，点击「退出」或按 Esc 键退出演示模式
💡
演示模式说明 演示标注为临时性操作，不会修改原始报告内容，退出后自动清除。适合会议汇报、屏幕共享等场景。

三、后台管理指南

3.1 登录后台

  1. 访问后台入口
    在网站首页右上角点击「管理后台」链接，进入登录页面
  2. 输入账号密码
    默认管理员账号：admin，密码：admin123。首次登录后请尽快修改密码
  3. 进入仪表盘
    登录成功后进入后台仪表盘，显示文章总数、分类数、总浏览量等统计数据及最近发布的文章列表
⚠️
安全提示 请务必在首次部署后修改默认密码。密码使用 bcrypt 加密存储，Session 认证保护所有后台页面和 API 接口。

3.2 文章管理

导入 HTML 报告

  1. 点击「导入HTML」按钮
    在文章管理页面顶部点击按钮，选择本地 .html 文件
  2. 填写信息
    弹出对话框中可修改文章标题（留空则自动从 HTML 的 <h1> 或 <title> 提取），选择分类
  3. 确认导入
    点击「导入」按钮，文件原封不动保存到 uploads/ 目录，数据库记录元数据（标题、摘要、搜索文本、文件路径）
  4. 自动跳转编辑器
    导入成功后自动跳转到编辑器页面，可对报告进行进一步编辑修改
💡
导入说明 HTML 文件原封不动存储，AI 生成的报告（含 Chart.js/ECharts 图表脚本）100% 完整渲染。数据库只保存元数据，不存 HTML 内容。

编辑文章

  1. 点击文章标题或编辑图标
    在文章管理列表中点击文章标题或右侧的编辑图标，进入可视化编辑器
  2. 所见即所得编辑
    直接在预览区点击文字即可编辑，支持加粗、斜体、下划线、删除线、字体颜色、背景色、对齐、列表、标题级别等
  3. 双击图表编辑数据
    双击页面中的图表（Chart.js 柱状图/折线图/饼图或 ECharts 图表），右侧弹出数据编辑面板，可直接修改标签和数值
  4. 插入图片/表格/超链接
    工具栏提供插入图片（URL 或本地上传转 base64）、插入表格（可视化网格选择行列数）、插入超链接功能
  5. 保存
    点击右上角绿色「保存」按钮，修改写回 HTML 文件并更新数据库搜索文本

删除文章

  1. 点击删除图标
    在文章列表中点击右侧红色删除图标
  2. 确认删除
    弹出确认对话框，点击确认后同时删除 HTML 文件和数据库记录
⚠️
删除保护机制 如果文件因权限问题无法删除，系统会拦截操作并返回错误，不会删除数据库记录，避免产生孤儿文件残留。

其他操作

  • 分类筛选：页面顶部下拉框选择分类，筛选该分类下的文章
  • 分页浏览：每页 20 篇，底部翻页
  • 预览：点击预览图标在新标签页打开前台查看页
  • 新建文章：点击「新建文章」按钮进入空白编辑器

3.3 编辑器工具栏详解

工具功能说明操作方式
字号选择设置选中文本的字号下拉选择
加粗 / 斜体 / 下划线 / 删除线文字样式选中文字后点击按钮
文字颜色修改文字颜色选色器选择颜色
背景颜色设置文字背景色（高亮）选色器选择颜色
左对齐 / 居中 / 右对齐段落对齐光标在段落中点击
无序列表 / 有序列表创建列表光标位置点击
H1 / H2 / H3 / 正文标题级别选中文字后点击
插入图片插入图片（URL 或本地文件）弹窗输入 URL 或选择文件
插入表格可视化选择行列数插入表格网格选择器选择大小
插入超链接插入可点击链接弹窗输入文字和 URL
撤销 / 重做撤销或恢复操作点击或 Ctrl+Z / Ctrl+Y
双击图表编辑图表数据双击图表区域弹出面板
表格右键增删行列右键单元格选择操作
双击图片替换图片双击图片弹出替换对话框

3.4 分类管理

  1. 新建分类
    点击「新建分类」按钮，输入分类名称、选择分类颜色（前台标签会显示对应颜色）
  2. 编辑分类
    点击编辑图标修改分类名称或颜色
  3. 删除分类
    删除分类后，该分类下的文章不会被删除，其分类字段自动设为空（ON DELETE SET NULL）
  4. 排序
    分类按创建顺序排列

3.5 修改密码

  1. 进入修改密码页
    侧边栏点击「修改密码」
  2. 输入新密码
    输入当前密码和新密码（需确认），密码使用 bcrypt 加密
  3. 保存
    修改成功后下次登录使用新密码

四、技术架构速览

项目说明
后端PHP 8.1+（零外部依赖，虚拟主机即可运行）
数据库SQLite3（文件型数据库，无需安装 MySQL）
文件存储uploads/ 目录，HTML 文件原封不动存储
前台渲染view.php 运行时注入演示功能，SEO 友好
认证Session + bcrypt 密码哈希
部署上传到 PHP 虚拟主机即可，首次访问自动建表

报告中心 · 销售定价方案

面向个人用户、企业团队和定制化需求的商业化定价策略

一、产品定位

报告中心是一款轻量级 HTML 报告管理系统，核心价值在于：

  • 报告管理：AI 生成的数据分析报告可直接导入、编辑、分类、搜索
  • 可视化编辑：所见即所得修改文字、图表数据、表格，无需编程
  • 演示汇报：全屏演示 + 标注工具，会议汇报场景一站式解决
  • 零门槛部署：PHP + SQLite，虚拟主机即可运行，无运维成本
🎯
目标客户 数据分析师、市场研究员、企业管理层、咨询顾问、教育机构等需要频繁处理和展示数据报告的群体。

二、版本与定价

体验版
¥0 /永久
适合个人体验，功能完整但有数量限制
  • 文章数量上限 20 篇
  • 分类数量上限 3 个
  • HTML 可视化编辑器
  • 图表数据双击编辑
  • 多关键词搜索
  • 演示模式 + 6 种标注工具
  • 自定义品牌 Logo
  • 多用户协作
推荐
专业版
¥299 /年
适合个人和小团队，无数量限制
  • 文章数量无限制
  • 分类数量无限制
  • HTML 可视化编辑器
  • 图表数据双击编辑
  • 多关键词搜索
  • 演示模式 + 6 种标注工具
  • 自定义站点名称和 Slogan
  • SEO 优化（URL 美化 + Meta 标签）
  • 优先邮件技术支持
  • 多用户协作
企业版
¥1,999 /年
适合企业团队，支持多用户和定制需求
  • 文章数量无限制
  • 分类数量无限制
  • 全部编辑器功能
  • 全部搜索和演示功能
  • 自定义品牌 Logo 和主题色
  • 多用户账号（最多 10 人）
  • 权限分级（管理员/编辑/查看）
  • 操作日志审计
  • 数据定期备份
  • 专属客服 + 上门部署
定制版
联系报价
源码交付 + 定制开发 + 私有化部署
  • 全部企业版功能
  • 源码完全交付
  • 功能定制开发
  • 私有化部署（内网/专有云）
  • 对接企业 SSO 单点登录
  • 对接企业 OA/ERP 系统
  • 不限用户数
  • 一年免费维护
  • 技术培训
  • SLA 服务保障

三、功能对比矩阵

功能 体验版 专业版 企业版 定制版
HTML 报告导入✓✓✓✓
可视化编辑器✓✓✓✓
图表数据编辑✓✓✓✓
多关键词搜索✓✓✓✓
演示模式 + 标注✓✓✓✓
文章数量20 篇不限不限不限
分类数量3 个不限不限不限
自定义品牌—✓✓✓
SEO 优化—✓✓✓
多用户账号——✓✓
权限分级——✓✓
操作审计日志——✓✓
源码交付———✓
私有化部署———✓
定制开发———✓
技术支持社区邮件专属客服SLA 保障

四、增值服务

服务项目说明价格
模板包10 套精美 HTML 报告模板（销售/财务/运营/教学等场景）¥99 /套
批量导入服务一次性批量导入 100+ 篇历史报告，含分类整理¥299 /次
品牌定制Logo、主题色、字体、域名全面品牌化¥499 /次
数据迁移从其他系统迁移历史报告数据¥500 起 /次
上门部署技术人员远程或现场部署 + 培训¥1,000 /次
年度维护系统升级、安全补丁、bug 修复、技术支持¥500 /年

五、定价策略说明

💡
定价逻辑 体验版免费引流 → 专业版低门槛付费转化 → 企业版利润核心 → 定制版高客单价。年费制锁定续费收入，增值服务提升客单价。

定价依据

  • 专业版 ¥299/年：对标一份在线文档工具的价格，但提供完整的报告管理 + 编辑 + 演示能力，性价比突出
  • 企业版 ¥1,999/年：对标一个企业级账号的年费，但包含 10 人账号 + 全功能 + 专属服务
  • 定制版：面向有私有化需求的机构，起价 ¥10,000（含部署 + 定制 + 一年维护）

销售渠道

  • 官网在线购买（专业版/企业版自动开通）
  • 销售团队对接（企业版/定制版人工跟进）
  • 渠道代理（代理商享受 7 折进货价）
  • 短视频/直播带货（体验版引流 → 付费转化）

报告中心 · 短视频宣传方案

面向抖音、视频号、小红书的多平台短视频营销策略

一、目标受众分析

用户画像痛点如何触达
数据分析师AI 生成的 HTML 报告无法编辑修改展示"双击改图表"的爽感
市场/运营人员报告散落各处，找不到、不好分享展示搜索 + 分类管理
企业管理者会议汇报需要标注重点但工具难用展示演示模式标注工具
咨询顾问给客户看报告不专业，缺统一平台展示品牌定制 + 前台效果
教师/培训师教学报告需要标注讲解展示演示模式 + 激光笔

二、平台策略

平台内容侧重视频时长发布频率
抖音痛点共鸣 + 功能展示 + 教程30-60 秒每周 3-4 条
视频号企业场景 + 专业感 + 深度教程60-90 秒每周 2 条
小红书使用技巧 + 界面美观 + 工具推荐30-45 秒每周 3 条
B站完整教程 + 技术解读3-5 分钟每周 1 条

三、内容选题规划

第一阶段：痛点共鸣期（第 1-2 周）

目标：让目标用户产生"这不就是我吗"的共鸣

选题核心卖点情绪
AI 报告生成后改不了数据？一招解决双击图表直接编辑痛点→爽感
50 份报告找半天？一秒搜到多关键词精准搜索焦虑→释放
开会汇报没法标注重点？演示模式 6 种标注工具无奈→惊喜
报告散落 U 盘/微信/邮箱？统一导入分类管理混乱→清爽

第二阶段：功能展示期（第 3-4 周）

目标：深度展示核心功能，建立"专业好用"认知

选题核心卖点情绪
3 分钟搞定 AI 报告编辑全流程导入→编辑→保存→演示效率感
这个图表编辑功能太香了Chart.js/ECharts 图表数据修改惊艳
报告演示比 PPT 还方便全屏 + 标注 + 激光笔对比碾压
做个报告中心网站只要 5 分钟零代码部署简单易用

第三阶段：场景渗透期（第 5-8 周）

目标：覆盖更多使用场景，触达不同行业用户

选题目标行业核心卖点
数据分析师的一天数据分析报告管理 + 编辑 + 演示全流程
销售经理的季度汇报销售管理演示模式标注重点数据
咨询顾问给客户看报告咨询品牌定制 + 专业前台
老师的教学报告管理教育分类管理 + 搜索 + 激光笔讲解
运营周报也可以这么酷运营HTML 报告美化 + 编辑

四、视频脚本示例

脚本 1：AI 报告改不了数据？一招解决
痛点共鸣 45秒 抖音/视频号
时间画面文案/旁白
0-3s面部特写，表情纠结AI 生成的数据分析报告，图表数据写错了怎么办？
3-8s展示 AI 生成的 HTML 报告以前只能让 AI 重新生成，改一个小数字等半天……
8-15s双击图表，弹出数据面板现在！直接双击图表，数据面板弹出来，改数字、改标签，所见即所得！
15-25s快速修改多个图表数据柱状图、折线图、饼图，全部支持双击编辑，改完实时更新。
25-35s展示文字编辑、插入图片文字也能直接改，还能插图片、表格、超链接，比 Word 还方便。
35-45s保存 + 前台展示效果一键保存，前台秒更新。这就是报告中心，让 AI 报告真正属于你。
脚本 2：开会汇报没法标注？演示模式来了
痛点共鸣 50秒 抖音/小红书
时间画面文案/旁白
0-5s会议场景，投屏报告开会汇报数据，想圈一个重点、画个箭头，结果发现……报告是网页，标注不了？
5-12s点击右下角"演示"按钮点这个按钮，进入演示模式。全屏，底部工具栏，6 种标注工具。
12-20s高亮笔标注关键数据高亮笔，半透明标注，重点数据一目了然。
20-28s画箭头指向图表某处箭头工具，指哪打哪，"看这里，三季度增长了 35%"。
28-35s矩形框框选区域矩形框，框住一个区域，"这组数据异常"。
35-42s激光笔跟随鼠标激光笔，鼠标走到哪红点跟到哪，讲解利器。
42-50s退出演示，标记清除退出后标记自动清除，不污染原始报告。开会汇报，就靠它了。
脚本 3：50 份报告找半天？一秒搜到
功能展示 35秒 全平台
时间画面文案/旁白
0-5s电脑文件夹满屏报告50 份数据分析报告，领导说"找一下三季度华东区销售数据"……
5-12s打开报告中心，搜索框输入打开报告中心，搜索"三季度 华东区 销售"，空格分隔，AND 逻辑。
12-20s搜索结果秒出，关键词高亮结果秒出！同时包含三个关键词的报告，关键词还高亮了。
20-28s点击结果查看点进去就是完整报告，图表、表格全都有。
28-35s分类筛选演示还能按分类筛选，销售分析、财务报告、运营周报，井井有条。
脚本 4：5 分钟搭建一个报告中心网站
教程类 60秒 B站/视频号
时间画面文案/旁白
0-8s展示成品网站效果这是一个专业的报告中心网站，有前台展示、搜索、分类，有后台管理、编辑器、演示模式。5 分钟搭建完成。
8-20s上传文件到虚拟主机第一步：把源码上传到虚拟主机，PHP 环境，不需要装数据库。打开网站，自动建表，完成！
20-35s后台导入 HTML 报告第二步：进后台，点导入 HTML，选择文件，自动提取标题，选个分类，搞定。
35-48s编辑器修改报告第三步：点编辑，双击改图表数据，改文字，插图片，保存。
48-60s前台效果展示前台刷新，内容已更新。搜索、分类、演示，全都有了。这就是你的报告中心。

五、拍摄与制作要点

要素要求说明
录屏1080P，60fps操作画面流畅，关键操作放大特写
字幕必加，大字加粗关键步骤和功能名加花字强调
BGM节奏明快，音量低不喧宾夺主，推荐电子/轻快风格
配音语速快，有激情每条视频控制在 60 秒内，信息密度高
转场硬切为主，少量缩放避免花哨转场，保持专业感
封面大字标题 + 痛点文案"改不了数据？""报告找不到？"等
节奏前 3 秒抓人第一句话直击痛点，不放片头

六、发布节奏与运营

第 1 周
账号搭建 + 痛点视频首发
完善主页信息，发布 3 条痛点视频，测试平台流量和用户反馈
第 2 周
持续痛点内容 + 评论区互动
再发 3 条痛点视频，积极回复评论，引导体验版注册
第 3-4 周
功能深度展示
每周 3 条功能展示视频，重点展示编辑器、演示模式、搜索
第 5-6 周
场景渗透 + 教程内容
覆盖不同行业场景，发布完整教程，引导付费转化
第 7-8 周
用户案例 + 口碑传播
收集真实用户反馈，制作"用户说"系列视频，启动口碑传播

七、引流转化路径

环节动作转化目标
短视频曝光抖音/视频号/小红书发布获得关注和点击
主页引导个人简介/置顶评论放官网链接引流到官网
免费体验体验版注册（20 篇额度）用户上手使用
价值体验导入报告 → 编辑 → 演示感受到产品价值
触达限制20 篇额度 / 3 分类限制产生付费意愿
付费转化专业版 ¥299/年 引导页完成付费
续费留存持续功能更新 + 年度维护次年续费
企业升级团队需求触发企业版推荐客单价提升
💡
转化关键 短视频前 3 秒抓住痛点 → 操作画面展示爽感 → 评论区引导体验 → 产品本身好用完成付费。不要在视频里直接卖，让用户先免费用起来。

八、预算参考

项目说明预估费用
视频制作录屏 + 配音 + 剪辑，可自己制作¥0（自产）或 ¥200/条（外包）
抖音 DOU+单条视频加热，测试转化¥100-500/条
小红书薯条笔记加热¥50-200/条
达人合作找数据/职场类达人合作¥500-3000/条
月度预算自产 12 条 + 少量推广¥2,000-5,000/月