113
社区成员
发帖
与我相关
我的任务
分享| 这个作业属于哪个课程 | https://bbs.csdn.net/forums/2401_CS_SE_FZU |
|---|---|
| 这个作业要求在哪里 | https://bbs.csdn.net/topics/619397949 |
| 团队名称 | 福大创智团 |
| 这个作业的目标 | Alpha冲刺Day4 |
| 其他参考文献 | 《构建之法 现代软件工程》 |

实现了分页组件,对接了回复组件的接口



1.当前端应用尝试从不同的域名、协议或端口请求资源时,浏览器的同源策略会阻止这些请求的跨域问题。解决方案:使用代理服务器,在开发环境中,Vite 提供了一个内置的代理功能,可以将请求转发到不同的服务器,从而避免跨域问题;
2.代码无法通过 process.env.VUE_APP_API_URL 访问全局变量。解决办法:在使用 Vite 构建的 Vue 3 项目中,process.env 不再自动可用,因为 Vite 使用的是 ESM 模块,没有 process 变量。你需要通过 Vite 的 import.meta.env 来访问环境变量。
3.代码合并冲突问题 因为和其他人修改了同一个部分的代码 导致冲突。解决办法:代码审查
实现新建帖子功能 特别是图片上传(正在访问图床api)和上传附件功能(后端已经解决)
为了避免长时间的分支开发导致合并时的冲突,应该及时将主分支的最新更改合并到特性分支中;跨域问题的根源在于浏览器的同源策略,这是为了保证用户信息安全而设计的。理解这一点有助于我们更好地找到解决方案。
今天的开发主要集中在话题中文件上传模块功能的实现与优化。具体完成了以下内容:
文件上传功能实现:
TopicController.java 中修改了创建话题的方法,使其支持多文件上传。通过接收 MultipartFile[] 类型的文件数组,允许用户同时上传多个文件。TopicServiceImpl.java 中实现了文件保存逻辑。新增的 saveFile 方法负责将上传的文件保存到服务器指定目录,并返回文件的访问路径。Topic.java 和 TopicDTO.java,将文件属性从单一字符串类型改为 List<String>,以支持多文件存储。文件限制大小实现:
更新了 application.properties 文件,设置了文件上传的最大大小限制。具体配置如下:
spring.servlet.multipart.max-file-size=10MB
spring.servlet.multipart.max-request-size=50MB
在 TopicController.java 中增加了对上传文件数量的限制,最多允许上传5个文件,以防止服务器资源被滥用。
路径重定向实现:
WebConfig.java 中添加了静态资源处理配置,通过 addResourceHandlers 方法将 /files/** 路径映射到文件上传目录,确保上传的文件可以被正确访问。C:/uploads/,便于本地开发和对接服务器部署时的路径调整。拦截器解除屏蔽 /file 实现:
WebConfig.java 中的拦截器配置,排除了 /files/** 路径,使得文件访问不受登录拦截器的限制,用户可以直接访问已上传的文件资源。



在开发过程中遇到了以下几个问题和挑战:
文件上传路径的跨平台兼容性:
C:/uploads/,这在Windows环境下运行良好,但在Linux或其他操作系统上会导致路径错误。需要进一步优化配置,使其支持跨平台路径设置,建议使用相对路径或通过环境变量配置上传目录。多文件上传的性能优化:
文件类型和安全性验证:
文件删除与维护机制:
优化文件上传路径配置:
增强文件安全性验证:
实现文件删除机制:
TopicServiceImpl.java 中增加文件删除逻辑,当用户删除话题时,自动删除相关的文件资源。性能优化:
今天的开发工作让我深刻体会到文件上传功能在后端开发中的复杂性与重要性。虽然表面上看似简单的文件上传,实际涉及到文件存储、安全性、性能优化等多个方面的考量。通过此次开发,我学会了如何利用Spring Boot的配置和拦截器机制,实现灵活的文件处理流程。同时,也认识到在实际项目中,跨平台兼容性和系统安全性是不可忽视的重要因素。
优化通知部分接口,完成点赞回复部分接口。


数据库数据略微杂乱
完成点赞回复模块,优化接口。
数据库数据维护还是很重要的。
添加管理员类的异常处理

原有mapper未进行相应的对接
修改mapper,添加对应函数
设计类时候要全面考虑未来的功能
补充数据库图像数据,完善用户设置界面


组件布局还不是很熟练,效率低
数据库数据维护,再完善或设计一个页面
编码能力太弱需要加大代码量,多参考别人的编码方式和风格以提高效率
增加接口的异常处理,更新了MessageMapper


接口出现异常时,无法正确返回错误信息;接口异常时仍然返回“操作成功”,但是data[]内容为NULL.
维护已完成的接口,查缺补漏,完善接口,协作前端完成接口的对接与修改
今天的工作让我认识到,细节决定成败。即使是一个简单的异常处理,也可能对整个系统的运行产生重大影响。因此,我将继续关注每一个细节,不断优化和完善我们的接口,以提高系统的质量和性能。通过今天的学习和实践,我更加坚信,只有不断追求卓越,才能打造出真正可靠和用户友好的软件产品。
完善了各类组件,美化个人中心界面样式,初步完成他人个人中心界面。





使用elementUI会导致自定义样式操作变得困难
进一步完善各类组件,并且进行样式美化,响应式处理。
设计界面时不仅要技术知识来实现功能,还需要设计感来美化界面。这种技术与设计的结合是现代软件开发中不可或缺的。
完成了个人主页下的设置组件以及活动组件下的已读活动组件的部分工作。

已读组件中一直难以找到一个合适的ElementUI组件来作为头部,同时在何处读取返回数据并生成box组件也是困难之一。
完成活动组件下调用的各个组件。
知识储备还不够,要尽快查缺补漏相关的知识,提高开发效率
新增回顶组件,优化话题回复卡片页




渲染加载冲突,有时候组件不能正常加载
完善相关逻辑和功能,并去设计其他页面和组件。
保持代码简洁、易懂,并确保每个模块或函数只做一件事。利用清晰的命名和适量的注释,让别人能快速理解你的代码意图。


