0406个人总结四

总结四

近期工作

调整整体架构

在本周的整体开发过程中，我改善了前端的架构、后端的框架布局。

前端架构

首先前端调整了整体的架构，原先vue界面是放在components中，经过这周的vue学习，了解到components主要是负责存放自定义组件的，于是乎我对于整体架构进行了初步调整，增加了views文件夹负责存放vue组件

其次使用element-plus的container组件设计了上中下三层结构并且中层使用侧边栏点缀，最初的container组件的架构是没有铺满整个屏幕的，我通过在博客园和csdn中寻找解决方法，最终找到了通过修改css文件实现了container组件的全屏显示

最后在之前前端没有涉及路由和存储，我在这次开发中加入了router和vuex增加了路由和存储功能，路由主要是进行页面跳转和嵌套，存储是为了下一步整体开发做准备，负责存储用户信息。

大致工作如下：

修正前端架构，view文件夹下放页面，components文件夹下放组件，router文件夹下放路由，store文件夹下放数据存储（后续未使用）

vue3中路由的设置

vue3关于vuex的实现

后端框架

后端整体上来看我通过channels实现了websocket的连接。首先是继承WebsocketConsumer类实现他的receive方法，这个方法主要功能就是去接受前端发过来的数据并进行相应的处理，在这个方法里面便是我们模型训练和与聚合端通讯的主要操作。

整体逻辑是：接收前端发送过来的参数 -> 进行模型训练 -> 将训练好的模型参数发送给聚合端 -> 接收聚合端返回的模型参数 -> 进行准确度的测试 -> 将准确度返还给前端进行可视化展示。

整体架构如下：

以上便是我的近期工作。

下步工作

1. 完善整体通讯逻辑
2. 结合每个人的擅长分配工作