Appearance
分享
分享功能提供多种方式分享试卷、题库和学习资源，支持教育资源的传播和协作学习，促进知识的分享和交流。通过精美的分享界面和多样化的分享渠道，让学习资源能够快速传播给更多学习者。
操作流程
步骤1：进入分享页面
- 打开想要分享的试卷或题库页面
- 点击页面右下角的"分享"按钮
- 系统将显示分享选项弹窗
步骤2：选择分享方式
- 微信好友分享：点击微信好友选项，直接分享给微信好友或群聊
- 生成分享图：点击生成分享图选项，创建包含题库信息的精美图片
- 嵌入公众号：点击嵌入公众号选项，获取公众号嵌入代码
- 网页答题链接：点击网页答题链接选项，生成可在外部浏览器打开的答题链接
- 网页二维码：点击网页二维码选项，生成网页答题的二维码
步骤3：完成分享操作
- 根据选择的分享方式，系统会生成对应的分享内容
- 按照提示完成分享操作
- 接收者可以通过分享链接或二维码访问题库内容
功能特点
分享渠道
- 微信好友分享：支持直接分享给微信好友和微信群聊
- 分享图片生成：自动生成包含题库信息的精美分享图片
- 公众号嵌入：提供嵌入微信公众号的代码和功能
- 网页链接分享：生成可在浏览器中打开的答题链接
- 二维码分享：生成便于扫描访问的二维码图片
分享内容
- 题库基本信息：包含题库标题、描述、题目数量等基本信息
- 用户信息：显示分享者的姓名和头像信息
- 分享标题：自动生成吸引人的分享标题
- 封面图片：使用题库封面作为分享预览图
- 跳转链接：包含直接访问题库的小程序路径
权限控制
- 题库状态验证：只有通过审核的题库才能进行分享
- 发布者权限：支持发布人和普通用户不同的分享权限
- 分享方式限制：根据题库类型限制可用的分享方式
- 访问权限：设置分享内容的访问权限和范围
界面设计
- 精美弹窗：采用现代化的弹窗设计展示分享选项
- 图标展示：每个分享选项都配有对应的精美图标
- 响应式布局：适配不同屏幕尺寸的设备
- 流畅动画：提供流畅的打开和关闭动画效果
- 视觉反馈：操作时提供即时的视觉反馈
分享方式
微信好友分享
- 原生分享：使用小程序原生分享功能
- 一键分享：点击即可调用微信分享组件
- 自定义内容：支持自定义分享标题和封面图片
- 路径跳转：分享链接直接跳转到题库详情页面
生成分享图
- 精美图片：生成专业的题库分享图片
- 信息完整：包含题库名称、描述、题目数量等信息
- 二维码集成：图片中嵌入访问二维码
- 保存分享：支持保存到本地相册进行分享
公众号嵌入
- 嵌入代码：提供公众号文章嵌入代码
- 自定义样式：支持自定义嵌入组件的样式
- 数据同步：嵌入内容与题库数据实时同步
- 访问统计：统计嵌入页面的访问数据
网页答题链接
- 跨平台支持：支持在浏览器中打开和答题
- 永久链接：生成永久有效的访问链接
- 参数传递：支持传递用户身份和配置参数
- 移动适配：网页端完美适配移动设备
网页二维码
- 即时生成：快速生成网页答题的二维码
- 高清图片：提供高清晰度的二维码图片
- 批量生成：支持批量生成多个二维码
- 扫码访问：用户扫码即可直接开始答题
分享内容
分享信息
- 题库标题：显示完整的题库名称
- 题库描述：包含题库的详细描述信息
- 题目统计：显示题目总数和已完成数量
- 难度等级：标注题库的难度等级信息
- 创建信息：显示创建者和创建时间
用户信息
- 分享者姓名：显示当前分享用户的姓名
- 用户头像：展示分享者的头像图片
- 身份标识：显示用户的工号或学号信息
- 分享时间：记录分享操作的具体时间
分享标题
- 智能生成：系统自动生成吸引人的分享标题
- 个性化定制：支持用户自定义分享标题内容
- 格式规范：标题格式统一规范，便于识别
- 字符限制：遵循各平台的字符长度限制
预览图片
- 封面展示：使用题库封面作为分享预览图
- 图片优化：自动压缩和优化图片大小
- 默认图片：没有封面时使用默认分享图片
- 多平台适配：不同平台使用不同尺寸的图片
技术特性
小程序分享
- 原生组件：使用小程序原生分享组件
- onShareAppMessage：实现微信小程序分享回调
- onShareTimeline：支持分享到朋友圈功能
- 参数传递：通过路径参数传递题库信息
组件化设计
- 独立组件：使用 yxwb-bottom-share 独立组件
- 可配置性：支持配置显示的分享选项
- 事件通信：通过事件与父组件通信
- 状态管理：管理分享弹窗的显示状态
链接生成
- 唯一标识：每个分享链接包含唯一标识符
- 参数编码：使用URL编码确保参数安全传输
- 路由解析：小程序入口页面解析分享参数
- 深度链接：支持深度链接直接访问题库
数据统计
- 分享次数：统计每个题库的分享次数
- 访问统计：记录分享链接的访问数据
- 转化分析：分析分享到访问的转化率
- 用户行为：跟踪用户的分享行为习惯
界面布局
分享按钮
- 固定定位：位于页面右下角的固定位置
- 浮动按钮：采用浮动按钮设计，不干扰内容浏览
- 图标标识：使用分享图标清晰标识功能
- 状态管理：根据页面状态控制按钮显示
分享弹窗
- 遮罩层：半透明遮罩层突出弹窗内容
- 居中显示：弹窗在屏幕中央显示
- 关闭按钮：提供明确的关闭按钮操作
- 平滑动画：弹窗显示和隐藏的平滑过渡动画
选项网格
- 网格布局：采用网格布局展示分享选项
- 图标组合：每个选项包含图标和文字说明
- 响应式设计：根据屏幕大小调整网格布局
- 交互反馈：点击时提供视觉和触觉反馈
功能区域
- 标题区域：显示"分享"标题和关闭按钮
- 选项区域：展示所有可用的分享选项
- 状态指示：显示不同分享方式的可用状态
- 操作引导：提供必要的操作提示和引导
使用说明
基本操作
- 触发分享：点击页面右下角的分享按钮
- 选择方式：在弹窗中选择想要的分享方式
- 完成分享：按照对应方式的指引完成分享
- 关闭弹窗：点击关闭按钮或遮罩层关闭弹窗
分享限制
- 审核状态：只有通过审核的题库才能分享
- 权限验证：系统会验证用户的分享权限
- 数量限制：部分分享方式可能有次数限制
- 时间限制：某些分享链接可能有有效期限制
错误处理
- 权限提示：权限不足时显示相应的提示信息
- 网络异常：网络异常时提供重试机制
- 参数错误：参数错误时给出明确的错误提示
- 兼容性：不支持的分享方式会隐藏或禁用
注意事项
- 只有通过审核的题库才能使用分享功能
- 不同的分享方式可能有不同的权限要求
- 分享内容会包含分享者的身份信息
- 网页答题链接需要网络环境支持
- 建议在WiFi环境下生成和下载分享图片
- 分享功能需要用户授予相应的系统权限
- 分享后的内容访问统计数据会定期更新
分享功能通过多样化的分享渠道和精美的展示效果，让优质的教育资源能够快速传播，帮助更多学习者发现和使用这些资源，促进知识共享和教育公平。