软工实践——GitCode团队实战总结

[流光悦影]

这个作业属于哪个课程	软件工程实践-2023学年-W班
这个作业要求在哪里	软工实践——GitCode团队实战总结
这个作业的目标	团队实战
其他参考文献	...

目录

• 一、项目地址
• 二、功能设计与实现
• 1. 思路描述
• 1.1 框架使用
• 1.2 数据库设计
• 1.3 核心功能实现思路
• 1.4 思考并解决
• 1.4.1 用户如何快速知道有投票功能并参与投票？
• 1.4.2 投票结果如何告知用户？
• 1.4.3 如何保证一人一号？防止用户多次注册账号参与投票。
• 2. 功能需求建模分析
• 三、程序展示
• 1. 程序运行环境
• 1.1 部署环境
• 1.2 实验运行环境
• 2. GitCode 的提交日志截图
• 3. 各组员的commit次数统计
• 4. 程序运行截图及说明
• （1）用户模块
• 1）用户登录界面
• 2）用户注册界面
• （2）投票模块
• 1）投票界面
• 2）进行投票
• （3）排名模块
• 排名界面
• 四、合作分工
• 1. 组员职责分工
• 2. 合作中遇到的困难及解决方法
• 2.1 和队友交接的不顺利
• 2.2 任务完成效率低
• 3. PSP表格
• 五、附加功能实现
• 5.1 附加功能一
• 5.2 附加功能二
• 5.3 附加功能三

一、项目地址

仓库地址
项目部署地址

二、功能设计与实现

1. 思路描述

1.1 框架使用

前端：React，TailWind CSS，antd，Less，React Route，Vite
后端：Springboot，MySql，Redis

1.2 数据库设计

1.3 核心功能实现思路

投票功能：使用Redis缓存机制和异步写入来应对在一定程度上高并发的请求

1.4 思考并解决

1.4.1 用户如何快速知道有投票功能并参与投票？

投票功能在首页的中心位置，用户访问域名即可第一时间看到并发现投票功能。

1.4.2 投票结果如何告知用户？

弹出一个通知框通知用户投票结果，并且用户可以在下方的排行表中可以查看投票结果。

1.4.3 如何保证一人一号？防止用户多次注册账号参与投票。

用户要使用邮箱进行账号的注册。

2. 功能需求建模分析

N-需求
开发一个世锦赛投票平台，为广大体育迷和游泳爱好者提供一个在线体育投票平台，能给喜欢的运动员投票并能实时查看运动员投票数排名。
A-做法
前台界面：设计响应式网页，提升用户体验。
数据安全：加强数据加密，采用HTTPS协议传输数据，确保用户信息和投票数据安全。
B-好处
提升用户体验：简化操作流程，促进用户活跃度。
保证公平性：使用邮箱注册，一定程度上防止刷票。
C-竞争
安全性优势：强化的数据保护措施为用户信息筑起坚固防线，增强用户信任。
用户体验优化：持续迭代产品，确保操作简便、响应迅速，超越竞争对手。
D-推广
利用QQ、微信等社交平台增加曝光度。

三、程序展示

1. 程序运行环境

1.1 部署环境

1. 负载均衡服务器
   服务器商：阿里云
   地域：新加坡
   配置：20Mbps, 2 vCPU, 1 GB Memory, Nginx
2. 主服务器
   服务器商：阿里云
   地域：杭州
   配置：100Mbps, 2 vCPU, 4 GB Memory
3. 静态资源服务器
   服务器商：Vercel
   地域：中国香港
   配置: 0.6 vCPU, 1 GB Memory

1.2 实验运行环境

操作系统: Windows 11 企业版 23H2
浏览器环境: Chrome 124.0.0.1
CPU: i7 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz

2. GitCode 的提交日志截图

3. 各组员的commit次数统计

学号	commit次数
222100423	31
222100414	10
222100416	3
222100415	3
222100406	4
222100113	0
222100130	0
222100428	0

4. 程序运行截图及说明

（1）用户模块

1）用户登录界面

（用户登录后可进行投票操作）

2）用户注册界面

（用户填写基本信息进行注册）

（2）投票模块

1）投票界面

（左上角显示目前剩余的投票数，用户可从运动员右侧对应文本框进行投票）

2）进行投票

（点击投票按钮后进行投票，显示投票成功）

（3）排名模块

排名界面

（显示运动员目前票数并进行排序）

四、合作分工

1. 组员职责分工

学号	工作内容	贡献度
222100414	前端实现	23%
222100416	协助前端实现	13%
222100428	博客编写	11%
222100113	收集数据	3%
222100415	测试	13%
222100423	数据库设计，后端实现	22%
222100130	收集数据	3%
222100406	数据源获取，协助登录注册功能实现	12%

2. 合作中遇到的困难及解决方法

2.1 和队友交接的不顺利

完善接口文档，当面交流，确认具体实现。

2.2 任务完成效率低

加强沟通，提高学习效率。

3. PSP表格

222100423

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	20	20
• Analysis	• 需求分析	20	20
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	20
• Coding	• 具体编码	600	600
• Code Review	• 代码复审	30	30
• Test	• 测试	30	30
• Repor	• 写报告	60	50
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	30
	合计	810	810
222100416

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	30	20
• Analysis	• 需求分析	20	20
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	20	20
• Coding	• 具体编码	600	630
• Code Review	• 代码复审	30	30
• Test	• 测试	30	30
• Repor	• 写报告	60	50
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	30
	合计	830	840
222100415

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	60	20
• Analysis	• 需求分析	20	20
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	20
• Coding	• 具体编码	200	150
• Code Review	• 代码复审	20	20
• Test	• 测试	90	100
• Repor	• 写报告	30	30
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	10	20
	合计	450	390
222100414

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	10	5
• Analysis	• 需求分析	10	10
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	20	20
• Coding	• 具体编码	500	600
• Code Review	• 代码复审	30	30
• Test	• 测试	30	30
• Repor	• 写报告	30	50
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	30
	合计	670	785
222100428

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	15	20
• Analysis	• 需求分析	20	20
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	20
• Coding	• 具体编码	100	100
• Code Review	• 代码复审	30	30
• Test	• 测试	30	30
• Repor	• 写报告	80	80
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	30
	合计	325	340
222100406

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	20	20
• Analysis	• 需求分析	10	20
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	20
• Coding	• 具体编码	600	660
• Code Review	• 代码复审	30	30
• Test	• 测试	30	30
• Repor	• 写报告	30	20
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	30
	合计	770	840
222100130

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	10	10
• Analysis	• 需求分析	10	10
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	10
• Coding	• 具体编码	100	60
• Code Review	• 代码复审	20	20
• Test	• 测试	20	20
• Repor	• 写报告	20	20
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	20	20
	合计	220	180
222100113

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
• Estimate	• 估计这个任务需要多少时间	10	10
• Analysis	• 需求分析	10	10
• Design Spec	• 生成设计文档	10	10
• Design	• 具体设计	10	10
• Coding	• 具体编码	100	50
• Code Review	• 代码复审	20	20
• Test	• 测试	20	20
• Repor	• 写报告	30	20
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	20	20
	合计	230	170

五、附加功能实现

5.1 附加功能一

使用策略模式，进行了功能实现。

5.2 附加功能二

后端提供了接口，实现了部分功能。

5.3 附加功能三

由于设备限制,单台机器无法生成百万级别的并发用户，以及注册需要验证，不能实现模拟百万级别用户同时投票。
先设置好HTTP信息头管理器与HTTP请求默认值，
再写用户登录与进行投票的HTTP请求
再设置好查看结果树与聚合报告
设置好线程数与循环次数后进行测试
具体结果如下，其中用户登录的异常一般为连接超时，同时该用户登录的进行的投票也会异常以及用户可投票数不足时。

[助教鲍仁俊]

界面布局合理，配色统一，就是个人觉得蓝色还是偏淡了一点点，提供了验证码注册功能并且实现了出来，很赞~