就是想赚点学分有什么不队第二次团队作业

项目	内容
作业所属课程	软件工程
作业要求	作业要求
作业目标	完成项目原型设计与概要设计，形成交互原型、UML模型、数据库结构，并制定开发计划与分工安排。
团队名称	就想讨点学分有什么不队
组长	102301227-刘琦晟
组员	102301106 李玥彤、102301105 卢铃颖、102301108 贺之梅、052204124 张君峰、172309011 李帅、102301512 赵鑫鑫、102301522 王心宏、052201142 孙其煜、102301437 丁浚哲、102301303 俞欢殷、102301438 陈泽荣

一.原型设计

原型工具使用

团队使用modao原型设计工具绘制软件原型

引言

1.1 目的

本原型设计说明书旨在为开发团队提供《AetherNet 校园互助平台》项目的前期设计基础，明确用户界面（UI）设计、交互流程、功能模块和设计风格。通过原型设计，帮助团队理解系统的整体布局与用户操作流程，并为后续的开发工作提供明确的指导。

1.2 范围

原型设计将覆盖整个系统的主要功能界面，包括：

校园动态展示、帖子发布、任务管理等用户端交互页面；
管理员后台的内容审核、任务管理等管理功能页面；
各种业务流程的交互逻辑与反馈，确保系统功能能够在用户界面中流畅表现。

1.3 定义、缩略语与缩写

UI：用户界面，用于描述平台上的所有可视界面元素。
UX：用户体验，涵盖用户与平台交互的感受与反馈。
原型：用来展示系统各模块和功能的低保真或高保真界面图，模拟用户操作过程。

系统原型设计

2.1 总体设计目标

通过清晰简洁的界面设计与交互流程，为用户提供愉悦的操作体验；
实现便捷的功能布局，让用户能够快速理解并熟悉平台操作；
设计响应式页面，确保平台在各设备（PC、移动端）上的适配性。

2.2 设计原则

简洁性：避免过多的复杂操作与页面元素，确保用户能一眼识别最重要的信息与操作按钮。
一致性：保持一致的视觉风格、布局和交互方式，减少用户的学习成本。
易用性：确保操作简便、直观，所有功能都可通过最少的步骤完成。
互动性：增强用户与系统的互动性，提供即时反馈与引导，提升用户参与度。

页面结构与交互流程

1.登录页（Login Page）

页面功能说明

本页面为 AetherNet 系统的登录入口，用于验证用户身份并进入系统主界面。支持学生端、教师端及管理员端统一登录。该页面实现基础账户密码验证，并提供安全防护提示，保障用户信息安全。

界面结构

顶部 LOGO 与系统名称 “AetherNet” —— 统一品牌识别。
账号输入框：输入学号/邮箱/手机号。
密码输入框：支持密码可视化切换。
“记住账号” 复选框：用于下次自动填充。
“忘记密码” 链接：跳转至密码重置页。
“登录” 按钮：验证账号信息并跳转首页。
页脚信息：
- 系统版本 v2.4.1 与数据安全认证说明；
- 版权归属 © 2025 AetherNet 校园信息平台；
- 底部蓝色条：提示系统已启用“双重加密认证”与数据安全保障。

交互逻辑

1️⃣ 用户输入账号与密码；

2️⃣ 点击“登录”→ 触发验证请求（API 接口 /api/login）；

3️⃣ 若信息正确，系统识别角色（学生/教师/管理员）并跳转对应首页；

4️⃣ 若错误，弹出 “账号或密码错误” 提示框；

5️⃣ 若点击“忘记密码”，进入重置密码流程；

6️⃣ 若勾选“记住账号”，本地加密缓存 token 有效期 7 天。

设计风格

主题色：#5A8DEE（主蓝）搭配浅灰背景，突出简洁与科技感。
图标风格：线性简约，视觉层次清晰。
整体风格：可信、安全、标准化。

设计意图 通过简洁的页面结构与明显的视觉层级，让用户快速完成登录操作，同时强化系统安全性与品牌可信度。后续计划可在此页面扩展「验证码登录」「校园统一认证」等多种方式。

2.首页设计（Home Page）

页面功能说明

首页是 AetherNet 系统的核心入口，承载了校园信息聚合、AI推荐内容与功能模块导航等主要任务。它连接了校园生活的各个场景，包括动态、活动、学习、二手、运动、娱乐与交流版块，是用户浏览与互动的第一站。

界面结构

顶部搜索栏：支持关键字搜索（帖子、话题、用户）。右侧包含消息提醒与个人头像入口。
轮播图 Banner：展示校园最新热点活动（如“CAMPUS FESTIVAL”），点击跳转活动详情。
热门话题区：以卡片形式展示当前热门主题（如“毕业季”“考研攻略”），显示讨论热度与浏览量。
校园服务区：九宫格模块入口，包括：
- 动态、活动、学习、二手、运动、娱乐、交友、更多；
- 点击相应图标跳转至对应子模块页。
今日灵感区（AI推荐）：展示由 AI 智能体推荐的每日精选内容，用户可点击“刷新”更新灵感来源。
底部导航栏：
- 首页：当前页；
- 发现：AI话题、校园热帖与共创挑战；
- 消息：私信与系统通知；
- 我的：个人资料与后台入口。

交互逻辑

1️⃣ 用户进入系统后自动跳转至首页；

2️⃣ 可点击搜索框输入关键词查找帖子或话题；

3️⃣ 点击热门话题卡 → 跳转至该话题聚合页；

4️⃣ 点击任意校园服务图标 → 进入相应功能模块；

5️⃣ “今日灵感”模块可一键刷新 → 调用AI接口生成新推荐；

6️⃣ 底部导航支持页面切换，维持主功能入口一致性。

设计风格

主色调：#5A8DEE 校园蓝、#F8F9FB 暖白、#FFC875 柔橙；
字体与图标风格统一，卡片化设计增强模块区分；
采用明亮轻盈的视觉体系，强调年轻、活力与智能。

设计意图

首页在结构上强调“信息聚合 + 模块引导 + AI推荐”的逻辑，通过简洁布局与高层次留白，让用户快速了解全站内容分布。 AI灵感区作为杀手级功能的入口，承担内容创新与社区活跃的引导作用。

3.功能服务页（以代拿服务为例）

页面功能说明

此页面展示 AetherNet 平台内的“代拿专区”，用于学生间互助任务（如快递、外卖、取药、文件代取）的信息聚合与智能匹配。该模块既是任务信息中心，也是智能推荐入口，为校园互助经济提供安全高效的对接通道。

界面结构

顶部导航栏：
- 左侧返回键 ← 返回上级“校园服务”；
- 中部标题：“代拿专区”；
- 右侧图标：消息提醒与更多菜单（任务记录、举报中心等）。
筛选标签区：
- 分类标签：“全部 / 快递 / 外卖 / 文件 / 药品”；
- 支持多标签筛选，实时刷新任务列表。
AI推荐专区：
- 模块标题：“AI推荐专区”；
- 卡片内容：
  - 示例任务：「图书馆紧急文件」
  - 分类：行政楼 → 图书馆
  - 酬劳：￥15
  - 按钮：「立即接单」
- 右上角浮动标签：AI推荐、智能匹配成功率 98%。
- 点击“立即接单”触发任务确认弹窗。
最新任务区：
- 动态任务列表展示（滚动加载）：
- 1️⃣ 医务室取药 —— ￥12，状态：待接单
- 2️⃣ 快递站取包裹 —— ￥18，状态：进行中
- 3️⃣ 图书馆取书 —— ￥10，状态：已完成
- 每个任务卡片包括：
  - 任务标题、取件地点、时间、状态标签；
  - 底部操作按钮（接单/已接单/确认完成）。
底部导航栏：
- 首页｜订单｜发布｜消息｜我的
- 点击“发布”可直接创建新代拿任务。

交互逻辑

1️⃣ 用户可通过筛选标签查看不同类型任务；

2️⃣ AI模块会基于用户历史记录和地理位置推荐任务；

3️⃣ 点击任务卡 → 弹出任务详情 → 确认接单；

4️⃣ 接单成功后状态自动更新为“进行中”；

5️⃣ 完成任务后由发单人确认 → 状态变为“已完成”；

6️⃣ 若任务超时或取消，则重新进入“待接单”池；

7️⃣ 所有交互动作均调用后端接口 /api/task/update。

设计风格

主色：#5A8DEE 校园蓝 + #F8F9FB 暖灰；
状态色：
- 待接单：浅蓝；
- 进行中：橙色；
- 已完成：绿色；
整体采用卡片式模块分布，清晰区分任务状态与来源。

设计意图

通过结构化的信息呈现与AI推荐机制，实现代拿类任务的高效撮合与可信交易。系统强化“校园共享互助”理念，提供真实、可靠、低门槛的服务体验。

4.校园动态聚合页（帖子集合页）

页面功能说明

校园动态聚合页（Dynamic Feed Page）是 AetherNet 的主要内容展示中心，汇集了来自不同用户、组织与社团的实时动态。该模块承担平台的“校园墙”职能，让用户能够自由发布学习、生活、活动等主题的帖子，实现信息的公开流通与话题互动。

界面结构

顶部横幅 Banner：
- 动态提示：“迎新晚会即将开始！”
- 支持轮播切换，展示校园公告与重点活动。
- 背景为渐变蓝紫色（#5A8DEE → #A26BFF），增强视觉层次感。
标签导航栏：
- 标签包括：「全部」「热门」「关注」「校园公告」「社团活动」「学习分享」
- 用户可根据兴趣筛选动态内容。当前选中标签高亮显示。
帖子流展示区：
- 动态卡片结构：
- 1️⃣ 发布者信息：包含头像、姓名、学院与发布时间。
- 2️⃣ 正文内容：文本 + 可选图片/视频模块。
- 3️⃣ 话题标签：如 #学习分享 #好书推荐 #校园歌手大赛。
- 4️⃣ 交互区：显示点赞数 ❤️、评论数 💬、分享按钮。
- 示例：
  - 王小明（计算机学院）：推荐机器学习入门书籍；
  - 校学生会：发布校园歌手大赛通知及活动海报。
右下角悬浮按钮（+）：
- 点击进入【发帖页】，支持图文或文字发布。

交互逻辑

1️⃣ 用户进入页面 → 默认加载「全部」标签下动态；

2️⃣ 点击其他标签 → 触发筛选请求（API: /api/post/filter?tag=）；

3️⃣ 点击用户名 → 跳转至个人主页；

4️⃣ 点击帖子正文 → 进入【帖子详情页】；

5️⃣ 点赞、评论、分享实时刷新计数；

6️⃣ 点击右下角“+”按钮 → 进入发帖流程。

设计风格

主色调：蓝紫渐变 (#5A8DEE → #A26BFF)
帖子卡片背景：白色圆角阴影
字体层次：标题 > 内容 > 标签
交互反馈：点击高亮、阴影浮动动画

设计意图

该页面体现了校园信息生态的开放性与包容性，是学生自由表达与社团宣传的主要空间。通过多标签导航与AI内容排序机制，平台实现了“信息高效聚合 + 用户兴趣引导”的双重目标。此模块与“智能审核系统”联动，确保言论安全与校园文化正向发展。

5.帖子详情页（Post Detail Page）

页面功能说明

帖子详情页是展示单条动态内容的详细页面，用户可查看帖子全部内容、互动（评论、点赞、分享）及用户信息。此页面是平台互动的核心入口，支持用户对发布的内容进行更深层次的交流。

界面结构

顶部导航栏：
- 左侧返回按钮 ← 返回帖子列表页；
- 中间显示帖子标题：例如“张明明的帖子”；
- 右侧用户关注按钮。
用户信息展示区：
- 发布者头像、用户名、所属学院及发布时间。
- 点击用户名跳转至个人主页。
- 用户头像采用圆形，突出用户个人身份。
帖子内容展示区：
- 帖子正文：包括用户发布的文字内容、图片、视频等。
- 支持文本编辑样式（加粗、斜体、超链接等）。
- 显示帖子相关标签（如 #校园互助 #代拿互助）。
互动区：
- 点赞数显示：例如 2.3k；
- 评论区：评论展示与最新回复按时间倒序排列，支持“回复”与“@”功能；
- 分享按钮：允许用户将帖子分享至外部平台。
- 用户可对评论进行点赞、回复和举报。
底部悬浮操作栏：
- “评论”按钮：展开评论区域；
- “举报”按钮：举报违规内容；
- “返回顶部”按钮。

交互逻辑

1️⃣ 用户进入帖子详情页后，自动加载帖子内容与互动；

2️⃣ 用户点击“评论”按钮，弹出评论输入框，输入完成后可直接发送；

3️⃣ 点赞按钮点击后状态变为已点赞，计数器更新；

4️⃣ 点击评论中的“回复”按钮，展开二级评论输入框；

5️⃣ 点击“返回顶部”按钮，页面滚动到顶部，便于用户快速导航；

6️⃣ 用户通过举报按钮可举报违规帖子或评论，触发后台处理逻辑。

设计风格

主色调：#5A8DEE 校园蓝，#F8F9FB 暖白，#FFC875 柔橙；
评论区背景：浅灰色背景，文字与背景对比鲜明；
操作按钮：蓝色圆形按钮，增强可点击感；
帖子内容：纯净白色背景与精简排版。

设计意图

帖子详情页旨在增强用户互动性与参与感，使用户可以专注于内容查看与讨论，增强社区氛围。通过清晰的操作区与简洁的设计风格，提高用户体验，鼓励更多参与讨论。同时，使用明显的举报功能，保持平台内容的健康性与安全性。

6.发帖页（Post Creation Page）

页面功能说明

发帖页是 AetherNet 系统中用于创建新的动态或任务帖子的核心页面。用户可在此页面填写标题与内容，选择适合的分类，上传图片，并发布内容至平台。该页面为内容创建的起始点，帮助用户快速发布和分享信息。

界面结构

顶部导航栏：
- 左侧返回按钮 ← 返回动态主页；
- 中间标题：发布新内容；
- 右侧“×”按钮：关闭页面并返回。
标题输入区：
- 输入框提示：请输入标题（30字以内）；
- 用户可根据帖子类型输入简短的主题。
- 输入框下方有字符数限制提示。
内容输入区：
- 输入框提示：请描述详细信息；
- 支持多行文本，允许用户详细描述任务、动态或需求；
- 内容框支持智能推荐与生成（自动分类、主题推荐）。
自动生成分类区：
- 提示：自动生成分类；
- 根据内容分析自动填充标签或任务分类（如：二手物品、代拿、校园动态等）。
- 用户可手动修改或选择已有分类。
图片上传区：
- “上传图片（最多4张）”：支持图片拖拽或点击上传；
- 图片格式支持：JPG / PNG；
- 图片大小限制：单张不超过 4MB。
- 上传图片后，预览小图显示。
发布按钮：
- 按钮文字：“立即发布”；
- 用户确认填写内容无误后，点击发布按钮提交，内容自动上传至平台；
- 发布后，页面跳转至“帖子详情页”或“校园动态页”。

交互逻辑

1️⃣ 用户进入页面，输入帖子标题与详细内容；

2️⃣ 用户根据内容自动生成分类，也可手动修改；

3️⃣ 用户选择上传最多 4 张图片，点击“上传”按钮；

4️⃣ 用户点击“立即发布”按钮 → 内容上传至服务器，待审核；

5️⃣ 发布成功后页面跳转至帖子详情页，内容会展示在首页动态流中。

设计风格

主色调：#5A8DEE 校园蓝 + #F8F9FB 暖白；
按钮颜色：主操作按钮采用蓝色（#5A8DEE）；
输入框背景：白色，略带圆角，确保舒适的输入体验；
图片上传框：浅灰色背景，上传提示清晰。

设计意图

发帖页旨在提供简洁高效的发布流程，降低用户操作门槛，确保内容创建的流畅性和高效性。通过自动生成分类与智能推荐，增强内容的相关性和质量，提升社区活跃度。

7.个人中心页（Profile Page）

页面功能说明

个人中心页展示用户的基本信息、发布记录、互动情况等，是用户管理个人资料、查看历史动态与进行系统设置的入口。该页面功能集中、信息清晰，支持个性化设置与用户行为记录查看。

界面结构

顶部导航栏：
- 左侧显示页面标题：个人中心；
- 右侧设置按钮：点击进入账号设置或登出。
个人信息展示区：
- 显示头像、用户名、所属学院、学号及账户信息。
- 用户头像采用圆形展示，带有编辑按钮可更换头像。
- 显示用户统计数据（如发帖量、获赞数、评论数）。
功能模块区：
- 我的发布：展示用户发布的所有帖子，支持查看发布记录、状态（审核中、已通过）。
- 我的收藏：展示用户收藏的帖子或任务。
- 消息通知：展示系统消息、通知与提醒。
- 账户设置：包括修改账号信息、密码等设置。
- 帮助中心：常见问题解答与客服支持。
- 关于我们：平台介绍与联系方式。
我的发布记录：
- 显示用户所有发布的帖子，按时间排序；
- 每条发布记录包括：
  - 标题，简短描述，标签，发布时间；
  - 状态（如已通过、审核中）。
- 用户可点击每条记录跳转至对应帖子详情页。

交互逻辑

1️⃣ 用户进入个人中心页后，系统自动加载并显示基本信息与数据；

2️⃣ 用户可以点击编辑按钮更新头像、用户名等；

3️⃣ 点击「我的发布」跳转至发布的帖子列表页面；

4️⃣ 点击「消息通知」查看收到的通知消息；

5️⃣ 点击「账户设置」进入账户相关设置界面；

6️⃣ 点击「帮助中心」浏览常见问题，或直接联系支持；

7️⃣ 用户可通过点击「退出登录」安全退出账户。

设计风格

主色调：#5A8DEE 校园蓝 + #F8F9FB 暖白；
字体与图标：简洁清晰，使用统一的圆角风格；
信息框与操作按钮：配色与图标形状保持一致性。

设计意图 通过清晰的模块分隔与数据展示，提升用户体验，使其能快速访问并管理个人信息，操作便捷且直观。个人中心页让用户能够有效管理个人数据、参与平台互动、进行账户设置，增强平台的粘性。

8.内容审核页（Content Review Page）

页面功能说明

内容审核页为平台的管理人员提供一个智能审核中心，用于审核平台上用户发布的帖子或任务。通过风险评估与AI审核，管理者可快速识别、管理和处理潜在违规内容，确保平台内容的安全性与合规性。

界面结构

顶部导航栏：
- 左侧返回按钮 ← 返回管理后台首页；
- 中间标题：“内容审核”；
- 右侧筛选框：支持按标签（如“低风险”“中风险”“高风险”）筛选内容。
帖子列表展示区：
- 表格式布局，包含以下字段：
- 1️⃣ 选择框：多选支持批量操作（批量通过/批量驳回）。
- 2️⃣ 内容：简短显示帖子的标题，点击可展开查看详细内容。
- 3️⃣ 用户ID：显示发帖用户的唯一ID。
- 4️⃣ 风险等级：通过颜色标识风险程度（绿色：低风险，黄色：中风险，红色：高风险）。
- 5️⃣ 操作按钮：针对每条内容提供处理操作（如“通过”“驳回”“建议复核”）。
- 6️⃣ 审核状态：显示内容的当前审核状态（如“待审”，“已通过”，“建议复核”）。
批量操作区：
- “批量通过”按钮：审核通过选中的帖子；
- “批量驳回”按钮：对选中的帖子进行驳回操作；
- “刷新列表”按钮：刷新当前列表内容。
底部操作区：
- 提供单独审核操作按钮（通过或驳回）；
- 可以跳转至更详细的管理页面进行深入审核。

交互逻辑

1️⃣ 管理员在内容审核页查看待审核帖子列表；

2️⃣ 可以单独点击“通过”或“驳回”操作按钮对单个帖子进行审核；

3️⃣ 若需要复核，点击“建议复核”进入复审流程；

4️⃣ 管理员可以勾选多个帖子后，点击“批量通过”或“批量驳回”进行批量处理；

5️⃣ 系统自动根据帖子的内容与风险标识生成风险等级（低、中、高）；

6️⃣ 列表可根据风险等级进行排序与筛选，帮助管理员高效处理高风险内容；

7️⃣ 每次审核完成后，操作记录会自动保存，确保审查过程可追溯。

设计风格

主色调：#5A8DEE 校园蓝 + #FFFFFF 白色；
表格设计：简洁直观，采用阴影分隔区块，提高可读性；
按钮颜色：绿色表示通过，红色表示驳回，黄色用于复核操作。

设计意图 通过简洁的审核界面与清晰的操作逻辑，帮助管理员高效处理内容审核，确保平台内容符合规定并及时排查风险。批量操作的引入提高了审核效率，使得平台的内容管理更具可操作性和灵活性。

风格与设计细节

4.1 视觉风格

主色调：#5A8DEE（校园蓝）、#F8F9FB（暖白）、#FFC875（柔橙）；
字体：思源黑体、微软雅黑，确保字体清晰易读；
按钮与输入框：使用圆角设计，按钮采用蓝色（#5A8DEE），确保操作的直观性与点击感。

4.2 图标与按钮

图标：所有图标采用简洁的线性设计，便于用户理解。
按钮设计：主操作按钮（如发布、确认、查看）采用蓝色，次要操作（如返回、编辑）采用灰色，按钮大小适中，确保点击区域大，避免误触。

用户交互流程图

5.1 用户操作流程

用户进入平台首页后，可以选择查看热门话题或校园服务；
用户点击“发布内容”进入发帖页面，输入标题和内容后点击“立即发布”；
发布后的内容进入待审核状态，审核通过后显示在首页或个人中心页面；
用户点击帖子查看详情，参与评论或点赞互动。

5.2 系统反馈

用户点击按钮后，系统会立即反馈操作状态（如“发布成功”，“正在加载”等），并给出可操作提示。

二.概要设计

3.1 系统架构概述

AetherNet 系统采用典型的客户端-服务器架构（C/S架构），前端与后端分离。前端负责展示用户界面，后端处理逻辑、数据存储与业务流程，前后端通过 RESTful API 进行数据交换。数据库使用 MySQL 存储系统数据，系统具有高可扩展性和灵活性，能够根据需求进行横向扩展。

用户管理模块：负责用户认证与权限管理，确保平台的安全性。

帖子管理模块：用户可以发布、编辑、删除帖子，管理员可以进行帖子审核。

评论管理模块：用户可以对帖子进行评论，管理员可对评论进行管理。

推荐系统模块：为用户提供个性化推荐，根据用户兴趣展示相关内容。

数据统计模块：收集系统使用数据，并生成报告，便于平台优化。

后台管理模块：管理员管理用户、帖子和评论，进行审核和报告生成。

数据库模块：使用 MySQL 存储所有数据，包括用户数据、帖子数据、评论数据等。

3.2 功能模块划分

AetherNet 系统的功能模块分为以下几类，每个模块负责不同的业务逻辑和任务：

用户管理模块：
- 用户注册：用户通过邮箱或手机号注册账户。
- 用户登录：已注册用户通过邮箱/手机号和密码登录。
- 身份验证：包括注册时的验证码验证以及登录时的身份验证。
帖子管理模块：
- 发布帖子：用户可以发布帖子，内容包括标题、正文、标签、图片等。
- 删除帖子：用户或管理员可以删除帖子。
- 帖子管理：管理员可以管理帖子，包括审核、标记为热门等。
评论管理模块：
- 评论帖子：用户可以对帖子进行评论。
- 删除评论：用户或管理员可以删除评论。
- 评论审核：管理员可以审核评论内容，确保无违规内容。
推荐系统模块：
- 个性化推荐：系统根据用户历史行为、兴趣等推荐相关内容。
- 话题推荐：推荐当前热门话题或相似话题，增加用户参与度。
数据统计模块：
- 用户数据统计：统计平台的用户活跃情况，分析用户参与度。
- 帖子数据统计：统计平台上发布的帖子数量、互动情况等。
- 评论数据统计：统计平台的评论数，分析评论内容。
后台管理模块：
- 用户管理：管理员可以查看用户信息、封禁用户等。
- 帖子管理：管理员可以查看帖子内容，进行删除或审核操作。
- 评论管理：管理员可以查看和管理评论，防止垃圾评论。

3.3 UML设计

3.3.1 用例图

用例图描述了用户和系统之间的交互关系。以下是AetherNet平台的用例图，展示了用户的主要操作。

用户可以进行注册、登录、查看帖子、评论帖子等基本操作。

用户也可以发布、编辑、删除帖子，并对帖子进行点赞和举报。

3.3.2 活动图

活动图展示了用户发布帖子时的操作流程，描述了从发帖到后台审核的过程。

用户填写帖子内容并选择话题标签后，点击发布按钮。

系统存储帖子并将其传递给管理员进行审核，审核通过后帖子正式发布。

3.3.3 类图

类图描述了系统的结构，展示了用户、帖子、评论等类之间的关系。

用户类：存储用户信息。

帖子类：包含帖子的ID、标题、内容、发布者等信息。

评论类：存储评论的ID、内容、时间以及关联的帖子ID和评论者ID。

标签类：用于存储帖子标签信息，关联到特定的帖子。

3.3.4 时序图

时序图展示了用户与系统的交互过程，以下为用户发帖的时序图。

内容审核模块时序图（AI 智能体 SafetyBot）

1.1 目标 AI 智能体 SafetyBot 负责自动审核用户发布的帖子内容，判断是否包含违规信息（如敏感词、恶意内容等）。

1.2 时序图描述：

描述：

学生提交帖子：学生通过平台发布帖子，系统收到帖子的内容。
SafetyBot 开始内容审核：SafetyBot 读取帖子内容，进行敏感词过滤和违规行为检测。
数据库存储帖子：帖子存入数据库，并为后续审核做好准备。
内容分析与风险评估：SafetyBot 对帖子的文本进行分析，识别是否包含不当内容（如低俗、恶意言论、政治敏感词等）。
标记违规行为：如果检测到违规内容，系统将标记帖子并生成审查日志。
存储审计信息：审计信息（如违规行为、风险评分、处理过程等）将被记录到数据库中。
返回审核结果：SafetyBot 根据分析结果返回帖子是否通过审核。
显示审核状态：平台将显示帖子审核结果（如“通过审核”或“待修改”）。
通知****管理员：如果帖子未通过审核或存在严重问题，系统会通知管理员进行人工干预。
管理员****复核：管理员查看帖子和审核日志，决定是否通过帖子。
最终状态确定：根据管理员的复核决定，系统更新帖子状态（通过/拒绝）。
显示最终状态：平台展示最终的帖子状态。

任务匹配模块时序图（MatchBot）

2.1 目标 MatchBot 用于根据任务内容和用户偏好自动匹配合适的接单者。系统通过分析任务描述、用户历史行为和兴趣标签来推荐匹配的任务接单者。

2.2 时序图描述：

描述：

用户发布任务：学生提交一个任务，系统开始分析任务的描述内容。
MatchBot 分析任务描述：MatchBot 读取任务内容，并开始分析任务要求（例如：代拿快递、帮忙买东西等）。
数据库存储任务：任务内容被存储在数据库中，等待系统匹配。
匹配用户偏好：系统会根据用户的历史记录、兴趣标签、位置等因素来推荐任务接单者。
返回匹配结果：系统将匹配的任务接单者返回给用户，展示推荐的用户列表。
显示匹配用户：平台展示匹配的用户信息，学生可以选择接单者。
用户接单：学生选择接单，并确认接受任务。
任务状态更新：任务状态更新为“进行中”。
更新任务数据库：系统将更新后的任务状态存入数据库。
显示任务分配状态：系统通知任务发布者任务已被接单，并展示接单者信息。

推荐系统时序图

3.1 目标 推荐系统根据学生的兴趣、历史行为和互动情况，向学生推荐相关的帖子、任务和话题，增强平台的用户粘性。

3.2 时序图描述：

描述：

用户请求推荐：用户请求平台展示个性化的推荐内容。
推荐系统获取用户历史：系统根据用户的历史行为（如点赞、评论、发布任务等）获取用户兴趣数据。
获取用户偏好：从数据库中检索用户的偏好设置和行为数据。
生成推荐内容：推荐系统基于用户的偏好和历史行为生成推荐结果。
返回推荐内容：系统将推荐的内容（如任务、帖子、话题）返回给用户。
展示推荐内容：平台展示推荐内容，用户可以浏览和参与。

3.3.4 协作图

内容匹配协作图

目标

此协作图展示了用户发布任务后，系统如何通过 MatchBot 自动匹配任务接单者，并完成任务状态更新的过程。

描述：

用户发布任务：学生在平台上发布一个任务，任务信息被传递给系统。
MatchBot 分析任务内容：MatchBot 读取任务的内容，并开始分析任务需求（例如：代拿快递、跑腿服务等）。
匹配任务与接单者：根据任务描述和用户历史偏好，系统通过 MatchBot 进行任务匹配，找出合适的接单者。
返回推荐接单用户：推荐的接单者列表返回给用户。
用户选择接单：用户从推荐的接单者中选择一个接单。
更新任务状态：任务状态更新为“进行中”，并将状态同步到数据库。
更新数据库任务状态：数据库更新任务的状态为“进行中”。
显示接单状态：系统显示任务已被接单，任务状态更新为进行中。

内容审核协作图（SafetyBot）

目标此协作图展示了当学生发布帖子时，系统如何使用 SafetyBot 进行内容审核，自动识别违规内容并返回审核结果。

学生提交帖子：学生发布帖子，内容通过平台传递给系统。
SafetyBot 内容审核：SafetyBot 自动审核帖子的内容，检查是否包含敏感词、恶俗内容等。
标记违规内容：如果帖子包含违规内容，SafetyBot 将标记该内容并生成审查日志。
存储审核日志：违规信息和审核决策被存储在数据库中，以备后续查询与审计。
返回审核结果：审核结果返回给系统，如果通过审核，帖子将发布；如果存在问题，返回修改意见。
显示审核结果：平台显示审核状态，用户可以看到是否通过审核。
人工干预通知：若审核结果不明确或帖子问题严重，系统会通知管理员进行人工干预。
管理员****复核：管理员查看帖子内容及审查记录，决定是否允许帖子发布。
确认删除或修改帖子：管理员决定删除或修改违规内容，并通知学生。
最终状态返回：最终审核结果返回给用户，系统更新帖子状态。

描述：

用户请求推荐：用户请求平台展示个性化的推荐内容。
推荐系统获取用户历史：系统根据用户的历史行为（如点赞、评论、任务接单等）获取用户兴趣数据。
获取用户偏好：从数据库中检索用户的偏好设置和行为数据。
生成推荐内容：推荐系统基于用户的偏好和历史行为生成推荐结果。
返回推荐内容：系统将推荐的内容（如任务、帖子、话题）返回给用户。
展示推荐内容：平台展示推荐内容，用户可以浏览和参与。

3.3 数据库设计

数据库设计是系统设计的关键组成部分，它定义了系统中数据的存储结构、数据表之间的关系以及如何高效地存取数据。数据库设计包括实体关系图（ER 图）、关系数据模型以及对象关系映射（ORM）。以下是 AetherNet 系统的数据库设计，涵盖 ER 图、关系数据模型以及 ORM 映射。

3.3.1 ER图（实体关系图）

ER 图用于描述系统中的实体、实体之间的关系以及每个实体的属性。以下是 AetherNet 的实体关系图，展示了主要实体之间的关系。

说明：

Users（用户）：包含用户的基本信息，如 user_id、username、email、password、role 等。
Posts（帖子）：包含帖子信息，如 post_id、user_id（外键，指向 Users）、title、content、created_at、status（帖子状态）等。
Comments（评论）：包括评论信息，如 comment_id、post_id（外键，指向 Posts）、user_id（外键，指向 Users）、content、created_at 等。
Tags（标签）：每个帖子可以有多个标签，标签与帖子通过 post_id 进行关联。
ModerationLogs（审核日志）：记录帖子审核过程，包括 log_id、target_id（审核对象 ID）、target_type（审核类型）、risk_level（风险级别）、decision（审核结果）、reason（审核理由）、reviewer_id（审核者 ID）等。

3.3.2关系数据模型

基于 ER 图，我们可以创建数据库表来存储系统的所有数据。以下是 AetherNet 系统的关系数据模型，描述了各个数据表的结构和字段。

用户表（Users）

`CREATE TABLE Users ( ``

` user_id INT PRIMARY KEY AUTO_INCREMENT, ``

` username VARCHAR(255) NOT NULL, ``

` email VARCHAR(255) UNIQUE NOT NULL, ``

` password VARCHAR(255) NOT NULL, ``

role ENUM('student', 'admin') NOT NULL

);

字段说明：

user_id：用户的唯一标识符。
username：用户名。
email：用户的电子邮件地址，唯一。
password：用户密码。
role：用户角色（如学生、管理员）。

帖子表（Posts）

CREATE TABLE Posts (

``` post_id INT PRIMARY KEY AUTO_INCREMENT, ``

user_id INT,

title VARCHAR(255),

content TEXT,

created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,

status ENUM('pending', 'approved',

'rejected'),FOREIGN KEY (user_id) REFERENCES

Users(user_id) ```

);

字段说明：

post_id：帖子唯一标识符。
user_id：发布帖子的用户 ID（外键，指向 Users 表）。
title：帖子的标题。
content：帖子的内容。
created_at：帖子的创建时间。
status：帖子的审核状态（待审核、已批准、已拒绝）。

评论表（Comments）

`CREATE TABLE Comments ( ``

comment_id INT PRIMARY KEY AUTO_INCREMENT,

post_id INT,

user_id INT,

content TEXT,

created_at TIMESTAMP DEFAULT

CURRENT_TIMESTAMP,FOREIGN KEY (post_id)

REFERENCES Posts(post_id),FOREIGN KEY (user_id)

``REFERENCES Users(user_id) `

);`

字段说明：

comment_id：评论唯一标识符。
post_id：评论所属的帖子 ID（外键，指向 Posts 表）。
user_id：发表评论的用户 ID（外键，指向 Users 表）。
content：评论内容。
created_at：评论的创建时间。

标签表（Tags）

CREATE TABLE Tags (

``` tag_id INT PRIMARY KEY AUTO_INCREMENT, ``

tag_name VARCHAR(100),

post_id INT,FOREIGN KEY (post_id)

`` REFERENCES Posts(post_id) `

);`

字段说明：

tag_id：标签唯一标识符。
tag_name：标签名称（如 “代拿”、“交易”）。
post_id：标签所关联的帖子 ID（外键，指向 Posts 表）。

2.5 审核日志表（ModerationLogs）

CREATE TABLE ModerationLogs (

`` log_id INT PRIMARY KEY AUTO_INCREMENT, ``

target_id INT, ``

target_type ENUM('post', 'task'), ``

` risk_level ENUM('low', 'medium', 'high'), ```

decision ENUM('approved', 'modified', 'deleted'), ``

reason TEXT, ``

reviewer_id INT, ``

created_at TIMESTAMP DEFAULT

CURRENT_TIMESTAMP,FOREIGN KEY (reviewer_id)

REFERENCES Users(user_id)

``);

字段说明：

log_id：日志唯一标识符。
target_id：审核对象的 ID（如帖子或任务）。
target_type：审核对象类型（如帖子或任务）。
risk_level：审核风险等级（低、中、高）。
decision：审核结果（通过、修改、删除）。
reason：审核原因。
reviewer_id：审核人 ID（外键，指向 Users 表）。
created_at：日志创建时间。

对象关系映射（ORM）

对象关系映射（ORM）是数据库与对象之间的一种转换机制，便于将数据库中的数据与应用程序中的对象进行映射。以下是系统中主要实体类与数据库表的映射关系。

3.1 User 类映射

数据库表：Users
映射字段：
- user_id → user_id
- username → username
- email → email
- password → password
- role → role

3.2 Post 类映射

数据库表：Posts
映射字段：
- post_id → post_id
- user_id → user_id
- title → title
- content → content
- created_at → created_at
- status → status

3.3 Comment 类映射

数据库表：Comments
映射字段：
- comment_id → comment_id
- post_id → post_id
- user_id → user_id
- content → content
- created_at → created_at

3.4 Tag 类映射

数据库表：Tags
映射字段：
- tag_id → tag_id
- tag_name → tag_name
- post_id → post_id

3.5 ModerationLog 类映射

数据库表：ModerationLogs
映射字段：
- log_id → log_id
- target_id → target_id
- target_type → target_type
- risk_level → risk_level
- decision → decision
- reason → reason
- reviewer_id → reviewer_id
- created_at → created_at

四. 团队协作记录

4.1 项目开发计划时间安排

时间段	阶段目标	里程碑	产出
10.10 - 10.23	智能体能力预研与技术选型	- 完成智能发帖、语义搜索功能的技术方案设计 - 对接大模型 API 或本地轻量模型（如 Qwen、ChatGLM） - 验证关键词提取、意图识别可行性	成功完成智能体基础能力验证，输出《AI 智能体技术方案》
10.24 - 11.04	需求调研与场景定义	- 调研校内学生在二手、拼车、学习、旅游等场景的痛点 - 明确帖子分类体系、用户身份模型、安全机制需求 - 确定智能体交互形式（如发帖引导、搜索建议）	成功完成《选题报告》+《需求分析文档》，含用户故事地图
11.05 - 11.20	原型设计与系统概要设计	- 完成高保真原型（首页信息流、多类型发帖页、智能搜索页、个人中心） - 输出《系统设计说明书》：统一帖子模型、模块划分、API 规范、AI 接口设计	成功交付《系统设计说明书》+ 可交互原型模型
11.20 - 11.27	前后端基础框架搭建	- 前端完成主框架（Vue/React）+ 路由 + Axios 封装 - 后端完成用户系统（注册/登录/鉴权）+ 帖子基础 CRUD + 数据库连接 - 搭建 AI 服务调用中间层	前端可展示信息流骨架，后端支持用户注册与简单发帖
11.27 - 12.11	核心功能开发与智能体集成	- 完成四大模块后端：二手、拼车、学习搭子、旅游搭子（共用帖子模型 + 扩展字段） - 前端实现分类筛选、动态表单、AI 发帖辅助入口 - 集成智能搜索（支持自然语言解析）与智能推荐逻辑 - 实现消息通知与互动（评论/私信）	系统具备完整发帖-浏览-互动-智能辅助能力，可进行端到端测试
12.11 - 12.14	系统测试与上线准备	- 完成功能、接口、异常、性能测试 - 修复关键 Bug，优化响应速度与 AI 准确率 - 完成部署文档、用户手册、运维指南	输出《测试报告》《用户手册》，发布可运行正式版

4.2 团队项目的预期开发计划分工安排

根据项目任务的复杂性，我们将团队成员分为前端开发、后端开发和测试三个小组，并详细列出了每个成员的任务分配。确保每个人都能参与到项目的开发与进展中，并在GitHub上有贡献记录。

成员	分工	详细负责内容
102301227 刘琦晟	PM（项目经理）	● 统筹整体进度，组织每日站会与里程碑评审 ● 协调前后端、AI、测试人员协作 ● 主导需求变更控制与风险管理 ● 负责《需求分析文档》《系统设计说明书》整体结构审核
102301438 陈泽荣	PM（原型设计）	● 输出高保真原型图：首页信息流、发帖页（多类型）、智能搜索页、个人中心 ● 制定 UI/UX 规范（配色、组件库、动效） ● 设计 AI 交互流程（如发帖时的智能建议弹窗） ● 与前端对齐设计落地一致性
102301512 赵鑫鑫	后端开发	● 负责用户中心模块（注册、登录、JWT 鉴权、学号绑定） ● 主导统一帖子模型设计（posts 表 + category 字段 + 扩展 JSON） ● 开发通用帖子 CRUD 接口 ● 编写《系统设计说明书》：总体架构、模块划分
052201142 孙其煜	后端开发	● 负责智能体服务对接（AI 发帖建议、语义搜索解析） ● 实现消息系统（评论、私信、通知） ● 开发帖子互动接口（点赞、收藏、举报） ● 编写《系统设计说明书》：AI 接口规范、错误处理机制
102301106 李玥彤	后端开发	● 负责四大场景扩展字段逻辑（如拼车：出发地/目的地/时间；二手：价格/新旧程度） ● 实现操作日志与敏感词初筛 ● 协助 AI 数据预处理（如标签生成） ● 绘制核心业务 UML 序列图
172309011 李帅	后端开发（数据库负责人）	● 设计 MySQL 表结构：users, posts, comments, messages, reports 等 ● 优化索引（按 category + created_at + location） ● 编写视图与存储过程（如 sp_create_post_with_tags） ● 输出并维护《数据库设计说明书》
102301108 贺之梅	前端开发 / 原型落地	● 负责首页信息流、帖子详情页、AI 发帖引导页开发 ● 实现动态表单（根据分类切换字段） ● 封装 Axios 请求与错误处理 ● 确保原型设计高还原度落地
102301105 卢铃颖	后端开发	● 负责智能搜索后端（Elasticsearch 或向量检索 + 关键词匹配） ● 实现帖子筛选逻辑（按类别、时间、距离、热度） ● 制定字段命名与 API 响应规范 ● 编写搜索相关存储过程与触发器
102301303 俞欢殷	前端开发	● 负责用户中心、登录/注册、个人资料页开发 ● 实现表单验证、头像上传、学号认证流程 ● 对接用户 API，处理 Token 存储与刷新 ● 编写《系统设计说明书》前端部分：状态管理、路由设计
052204124 张君锋	前端开发	● 负责智能搜索页、筛选面板（分类/时间/地点滑块）、结果列表开发 ● 实现搜索关键词高亮、历史记录、热门推荐展示 ● 与后端联调语义搜索接口 ● 编写前端接口对接文档
102301437 丁浚哲	测试	● 编写全量测试用例（覆盖四大场景 + AI 功能） ● 执行功能测试、边界测试、并发压力测试
102301522 王心宏	测试	● 输出 Bug 清单与回归报告 ● 撰写《项目质量总结》与用户体验反馈

3 团队协作过程记录

项目过程中，团队成员将定期进行线上会议和讨论，确保各个模块的开发和进度符合预期。项目协作将使用GitHub进行版本控制，每个成员都需在GitHub上有贡献记录，确保任务的透明性与可追溯性。

协作过程记录要点：

使用 GitHub 进行版本控制：每个成员负责的模块会在GitHub上创建分支进行开发，确保代码的集成与管理。
周会与任务分配：每周定期召开线上会议，讨论进展与问题，分配新的任务，并确保开发按计划进行。
文档整理与更新：所有的设计文档（需求分析、系统设计、数据库设计等）会通过团队共享文档进行管理，确保文档的及时更新与团队成员的共同协作。
代码审查与测试：每个开发阶段结束后，团队成员进行代码审查，发现问题及时修复，并进行集成测试，保证系统的稳定性与功能实现。

使用专业的项目管理平台：

在本项目中，团队使用了飞书平台进行任务管理，每个任务都有明确的负责人、截止日期和优先级，确保任务按时完成。同时，每个成员在GitHub上提交代码，保持版本控制与代码共享的清晰。

5. 原型设计展示

https://modao.cc/proto/xVCzwVukt5vnzw63Es0KtK/sharing?view_mode=read_only #原型设计-分享

github链接	https://github.com/QishengLiu/unbeatable-grade-hunters
系统设计说明书.	链接: https://pan.baidu.com/s/1ebRU0tz8EjJujXrgdRAbAw?pwd=czqk 提取码: czqk
数据库设计说明书	链接: https://pan.baidu.com/s/1-5qqK6Wveo-wUMBhP4bYbQ?pwd=hjv6 提取码: hjv6
原型设计链接	https://modao.cc/proto/xVCzwVukt5vnzw63Es0KtK/sharing?view_mode=read_only

posted on 2025-11-21 00:00 燃犀at 阅读(5) 评论(0) 收藏举报

刷新页面返回顶部

导航

公告

就是想赚点学分有什么不队 第二次团队作业

一.原型设计

原型工具使用

引言

系统原型设计

页面结构与交互流程

1.登录页（Login Page）

2.首页设计（Home Page）

3.功能服务页（以代拿服务为例）

4.校园动态聚合页（帖子集合页）

5.帖子详情页（Post Detail Page）

6.发帖页（Post Creation Page）

7.个人中心页（Profile Page）

8.内容审核页（Content Review Page）

风格与设计细节

用户交互流程图

二.概要设计

3.1 系统架构概述

3.2 功能模块划分

3.3 UML设计

3.3.1 用例图

3.3.2 活动图

3.3.3 类图

3.3.4 时序图

内容审核模块时序图（AI 智能体 SafetyBot）

1.2 时序图描述：

描述：

任务匹配模块时序图（MatchBot）

2.2 时序图描述：

描述：

推荐系统时序图

3.2 时序图描述：

描述：

3.3.4 协作图

内容匹配协作图

描述：

内容审核协作图（SafetyBot）

推荐系统协作图

描述：

3.3 数据库设计

3.3.1 ER图（实体关系图）

说明：

3.3.2关系数据模型

用户表（Users）

帖子表（Posts）

评论表（Comments）

标签表（Tags）

2.5 审核日志表（ModerationLogs）

对象关系映射（ORM）

3.1 User 类映射

3.2 Post 类映射

3.3 Comment 类映射

3.4 Tag 类映射

3.5 ModerationLog 类映射

四. 团队协作记录

4.1 项目开发计划时间安排

4.2 团队项目的预期开发计划分工安排

3 团队协作过程记录

协作过程记录要点：

使用专业的项目管理平台：

5. 原型设计展示

就是想赚点学分有什么不队第二次团队作业