2027年毕业设计总结

2026-07-02 张柯论文指导

从开始进行需求分析到设计完成花费了一个多月的时间，主要的时间花费在了页面的设计和素材的收集。该毕业设计的内容是比较简单的，是对我所学内容的一次实践。我所选择的主题是濒危海洋鱼类保护网站，希望能通过这个网站来引起大家对濒危海洋鱼类的关注，将一些目光聚焦到海洋鱼类身上。

该网站前端使用的主要框架是vue，后端使用的是springboot。由于我主要学习的是前端，所以网站的后端部分与前端部分相比较为的粗糙。我本人有一定的java和数据库基础，对这方面的内容很容易上手，同时springboot框架的特点也是上手简单，所有最后选择使用了springboot框架。vue框架是目前国内最为流行的前端框架之一，使用这个框架能更为方便的进行开发，组件化能让我们更好的对网站中的页面进行维护和修改。

演示视频链接：毕业设计演示视频_哔哩哔哩_bilibili

在做毕业设计的过程中的两个问题：

（1）使用嵌套路由进行跳转后，在回到原来的页面时，页面有的元素的位置发生了变化。

原因：在组件中的样式部分没有添加scoped，样式可以对其它组件中的元素产生影响，造成了css样式污染。

解决方法：1、在该组件中加上scoped。2、如果不方便添加scoped，可以更改其中一个元素的class属性值。

（2）想要修改子组件中的元素的样式，css选择器都符合要求，但样式就是不生效。

原因：为了防止css污染，在父组件和子组件中都添加了scoped。

解决方法：1、把父组件的scoped去掉，就可以在父组件中修改子组件的样式，为了减少全局css污染，vue组件可以同时用scoped和非scoped的css。

深度作用选择器，也可以在父组件中修改子组件的样式。

深度作用选择器语法：父组件根元素选择器 >>> 子组件选择器

如果需要论文指导，可联系网站客服！