背景介绍:研究生期间的项目,对于三维模型进行CRUD并进行分组管理然后将分好组的三维模型上传到服务器进行神经网络训练。因为没做过前端项目,走了一些弯路,将问题以及解决方式记录下来以便后续学习。
实现方式:vue2.9.6 + springboot + mysql8.0
整个设计的思路是,使用vue写界面,主要用来上传三维模型,并对于三维模型进行分组,使用springboot写后台程序,处理上传文件和操作数据库,mysql数据库主要存储数据,包括系统中该用户下的当前的模型信息,以及该用户下分组信息。
其中前端程序与后台程序通过axios进行交互
实现中遇到的问题记录:
1、前端的需求想在登录跳转后的右侧显示内容,不是空白,如图所示的右侧区域:
因为对于redirect的错误理解导致花了一段时间实现,解决方法,在路由位置中加入redirect,进入界面之后直接定位到该界面。如图红色部分所示:
2、前端的需求需要将两个表格竖向重叠放置,需要使用分隔线将两个表格分开。
在两个el-table之间插入分隔线el-divider,在这之中使用span对于分隔线上的字体进行设定,如图红色部分所示。
最后页面的呈现效果如下图所示