项目 内容
作业所属课程 软件工程
作业要求 作业要求
作业目标 完成项目原型设计与概要设计,形成交互原型、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)

1280X1280

页面功能说明

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

界面结构

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

交互逻辑

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

2️⃣ 点击“登录”→ 触发验证请求(API 接口 /api/login);

3️⃣ 若信息正确,系统识别角色(学生/教师/管理员)并跳转对应首页;

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

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

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

设计风格

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

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

2.首页设计(Home Page)

e66e901a-a32d-4ab9-a9aa-e800419466dc

页面功能说明

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

界面结构

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

交互逻辑

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

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

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

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

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

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

设计风格

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

设计意图

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

3.功能服务页(以代拿服务为例)

5ca66adf-10ef-4732-9a75-af30d2ad7dec

页面功能说明

此页面展示 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.校园动态聚合页(帖子集合页)

8845597c-0e0b-4167-bcf8-ab42cf26f4f4

页面功能说明

校园动态聚合页(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)

c478a362-5a01-4586-b556-7f4de3f49db3

页面功能说明

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

界面结构

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

交互逻辑

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

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

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

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

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

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

设计风格

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

设计意图

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

6.发帖页(Post Creation Page)

53fa63b4-7eab-4414-969c-17f0ee93d7c9

页面功能说明

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

界面结构

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

交互逻辑

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

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

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

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

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

设计风格

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

设计意图

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

7.个人中心页(Profile Page)

455ac0b8-eb33-4b7c-a9a5-02c6d23139cc

页面功能说明

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

界面结构

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

交互逻辑

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

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

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

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

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

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

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

设计风格

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

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

8.内容审核页(Content Review Page)

54972eb8-22d3-4815-b2d4-f9a510c4cd35

页面功能说明

内容审核页为平台的管理人员提供一个智能审核中心,用于审核平台上用户发布的帖子或任务。通过风险评估与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 系统的功能模块分为以下几类,每个模块负责不同的业务逻辑和任务:

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

3.3 UML设计

3.3.1 用例图

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

FACD5246304363F621BC4C793267051F

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

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

3.3.2 活动图

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

D948A7D846A0D9347F03010F77077166

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

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

3.3.3 类图

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

{CFD60BA8-FBEE-6CDF-DC21-3C1B65CE54C9}

用户类:存储用户信息。

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

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

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

3.3.4 时序图

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

内容审核模块时序图(AI 智能体 SafetyBot)

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

1.2 时序图描述:

{A462C466-9E11-387F-0970-C2A7818F2BE4}

描述

  1. 学生提交帖子:学生通过平台发布帖子,系统收到帖子的内容。

  2. SafetyBot 开始内容审核:SafetyBot 读取帖子内容,进行敏感词过滤和违规行为检测。

  3. 数据库存储帖子:帖子存入数据库,并为后续审核做好准备。

  4. 内容分析与风险评估:SafetyBot 对帖子的文本进行分析,识别是否包含不当内容(如低俗、恶意言论、政治敏感词等)。

  5. 标记违规行为:如果检测到违规内容,系统将标记帖子并生成审查日志。

  6. 存储审计信息:审计信息(如违规行为、风险评分、处理过程等)将被记录到数据库中。

  7. 返回审核结果:SafetyBot 根据分析结果返回帖子是否通过审核。

  8. 显示审核状态:平台将显示帖子审核结果(如“通过审核”或“待修改”)。

  9. 通知****管理员:如果帖子未通过审核或存在严重问题,系统会通知管理员进行人工干预。

  10. 管理员****复核:管理员查看帖子和审核日志,决定是否通过帖子。

  11. 最终状态确定:根据管理员的复核决定,系统更新帖子状态(通过/拒绝)。

  12. 显示最终状态:平台展示最终的帖子状态。

    任务匹配模块时序图(MatchBot)

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

    2.2 时序图描述:

{A429D842-AE90-8A01-3485-825DEAD6B88C}

描述

  1. 用户发布任务:学生提交一个任务,系统开始分析任务的描述内容。

  2. MatchBot 分析任务描述:MatchBot 读取任务内容,并开始分析任务要求(例如:代拿快递、帮忙买东西等)。

  3. 数据库存储任务:任务内容被存储在数据库中,等待系统匹配。

  4. 匹配用户偏好:系统会根据用户的历史记录、兴趣标签、位置等因素来推荐任务接单者。

  5. 返回匹配结果:系统将匹配的任务接单者返回给用户,展示推荐的用户列表。

  6. 显示匹配用户:平台展示匹配的用户信息,学生可以选择接单者。

  7. 用户接单:学生选择接单,并确认接受任务。

  8. 任务状态更新:任务状态更新为“进行中”。

  9. 更新任务数据库:系统将更新后的任务状态存入数据库。

  10. 显示任务分配状态:系统通知任务发布者任务已被接单,并展示接单者信息。

    推荐系统时序图

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

3.2 时序图描述:

{67BDC44F-BD7B-6763-7761-A200C67F620E}

描述

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

3.3.4 协作图

内容匹配协作图

目标

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

B7066216052A1B8063A5DCD1AFB116EB

描述

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

内容审核协作图(SafetyBot)

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

AE90BB8015D7D32A9C779D461A10114F

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

推荐系统协作图

目标 推荐系统根据用户行为和偏好为用户推荐相关的任务、帖子和话题。以下是推荐系统的协作图,展示了系统如何根据用户的兴趣提供个性化的推荐内容。

175AB4A8CEAA998F863D183C9412091D

描述

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

3.3 数据库设计

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

3.3.1 ER图(实体关系图)

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

11486B62F266B58CC467634F7FA40FF7

说明

  1. Users(用户):包含用户的基本信息,如 user_idusernameemailpasswordrole 等。
  2. Posts(帖子):包含帖子信息,如 post_iduser_id(外键,指向 Users)、titlecontentcreated_atstatus(帖子状态)等。
  3. Comments(评论):包括评论信息,如 comment_idpost_id(外键,指向 Posts)、user_id(外键,指向 Users)、contentcreated_at 等。
  4. Tags(标签):每个帖子可以有多个标签,标签与帖子通过 post_id 进行关联。
  5. ModerationLogs(审核日志):记录帖子审核过程,包括 log_idtarget_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_iduser_id
    • usernameusername
    • emailemail
    • passwordpassword
    • rolerole

3.2 Post 类映射

  • 数据库表Posts
  • 映射字段
    • post_idpost_id
    • user_iduser_id
    • titletitle
    • contentcontent
    • created_atcreated_at
    • statusstatus

3.3 Comment 类映射

  • 数据库表Comments
  • 映射字段
    • comment_idcomment_id
    • post_idpost_id
    • user_iduser_id
    • contentcontent
    • created_atcreated_at

3.4 Tag 类映射

  • 数据库表Tags
  • 映射字段
    • tag_idtag_id
    • tag_nametag_name
    • post_idpost_id

3.5 ModerationLog 类映射

  • 数据库表ModerationLogs
  • 映射字段
    • log_idlog_id
    • target_idtarget_id
    • target_typetarget_type
    • risk_levelrisk_level
    • decisiondecision
    • reasonreason
    • reviewer_idreviewer_id
    • created_atcreated_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上有贡献记录,确保任务的透明性与可追溯性。

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

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

image-20251120234105657

image-20251120234132913

image-20251120234201890

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/971538.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!