软件工程第二次结对作业

校园失物招领小程序 软件工程个人作业

项目内容
这个作业属于哪个课程	202601 软件工程
这个作业要求在哪里	2026 秋软件工程第二次结对作业之程序实现
这个作业的目标	基于第一次结对作业的原型设计，完成核心功能，使 “发布信息 — 浏览或搜索 — 查看详情 — 联系发布者、更新状态” 的流程清晰、可用
学号	162501110
GitHub 仓库	https://github.com/jsr806/162501110-162501110.git

一、需求分析

1. 项目概述

本项目为校园失物招领网页系统，面向在校师生，用于发布寻物、招领信息，支持物品信息检索与详情查看，方便在校同学找回遗失物品。

2. 用户需求

1. 用户可以发布寻物或者招领信息，填写物品名称、联系方式、物品描述。
2. 支持根据物品名称关键词搜索物品信息。
3. 能够按寻物 / 招领类别筛选信息。
4. 点击物品卡片查看物品详细信息，可标记物品认领完成。
5. 信息本地保存，刷新页面数据不会丢失。

3. 功能需求

• 失物招领信息发布表单
• 物品卡片列表展示
• 关键词搜索功能
• 寻物 / 招领分类筛选
• 物品详情弹窗
• 物品认领状态修改

二、原型设计（墨刀）

项目开发前期，使用墨刀完成低保真原型设计，一共设计 4 个页面：首页、发布信息页面、物品详情页面，并且设置页面跳转交互，模拟用户点击操作流程。
墨刀原型作为项目的设计图纸，确定页面布局、按钮位置和业务流程。后续编写代码时，参考墨刀原型的界面布局，完成网页版本的开发实现。

三、代码实现

本项目采用 HTML、CSS、JavaScript 开发前端网页。HTML 搭建页面结构，实现页面标题、搜索框、按钮、表单、物品卡片等界面元素；CSS 设置页面样式，调整元素位置、配色，还原墨刀原型布局；JavaScript 实现交互逻辑，完成发布信息、搜索筛选、查看详情、修改物品状态、本地数据存储等功能。项目使用浏览器本地存储保存数据，不需要后端服务器。

四、单元测试

在浏览器控制台对项目核心函数开展单元测试，测试表单校验、关键词搜索、分类筛选、物品状态修改等功能，所有核心函数运行正常，达到预期效果。

五、PSP

任务阶段	任务内容	预估时间	实际耗时
计划、分析与设计（合并）	planning,estmate,design	160	120
代码	coding	100	130
测试	test	10	15
报告	reporting	50	40
总结	postmortem	20	5

六、个人总结

本次软件工程个人作业，我独立完成校园失物招领系统从需求分析、墨刀原型设计，再到前端代码实现、单元测试的完整开发流程。
原型设计阶段，学习使用墨刀搭建页面，配置页面跳转交互；编码阶段，利用 HTML、CSS、JavaScript 实现网页功能。调试过程中遇到页面样式、浏览器控制台权限等问题，逐一排查解决。
通过本次项目，我完整体验软件开发的全流程，认识到需求分析、原型设计、编码和测试各个环节的作用，同时也发现自身代码基础仍存在不足。后续我会继续练习程序开发相关知识，提升动手实践能力。