1. 自己创建的vue项目发现跳转路由没有显示组件内容
解决方案:找了半天是因为我把默认的APPvue组件删了,因为默认初始显示的组件是APP组件,但是因为用不到,所以我把他删掉了,结果发现其实之前最开始练习创建vue项目之前APP组件中添加了基于该页面实现路由转换的标签。添加之后就好了。
2.前端点击登录时报错
刚开始一直以为是前端的问题,因为在登录的服务器类上设置了断点,点击登录时后端没有反应。所以认为是前端请求没有发送过去,但实际上是后端的问题,点击网络发现报错401,判断是令牌问题,所以在令牌过滤器里加上断点,再次点击登录,后端有反应。因为服务器其需要先进过滤器,过滤器都没通过自然不可能进到服务器里面,所以在服务器类里加断点也就没用。
随后在后端里调试找到了出问题的地方:
最后经过检查发现是过滤器配置地址错误,直接设置成了全部:
在其前面加上一级再次重启服务器,在页面点击登录,登录成功。
3.新增保存时提示系统忙
查看是因为student表的num键重复,因为在创建学生表时将num设置为了unique即唯一,因为当时中间出了其他差错,修复好后没有注意到已经添加进去,新增时仍用同一组数据,因为学号和已经添加进去的相同,所以报错。
4.点击编辑时前端报错
看前面的提示说v-on并且与弹出的对话框有关,随后检查导入的update组件
发现上图ref的首字母的大写,下图中update的首字母为小写,相当于两个关联,所以报错。修改成一样的格式后解决问题。
5.点击编辑后弹出的对话框一些下拉框选择
如下图:需要让其显示楼栋号的名字
这里主要是option的三部分含义
label 用户可视化的下拉框的值
value 用户点击某个label(option)之后,将对应的值给v-model绑定的值model
key 相当于身份令牌,防止出错。
所以主要修改里面的label,改为bname, value就是楼栋的id。
6.选择所在楼栋,所在楼层时报错
查找原因是因为在dao文件里面我没有给roomlist获取id,所以roomlist里面的id是空的。
进行上面的修改后,修改正确
7.新增入住登记时报错
查看后端说我的sid的值不对,如下图
于是在网络中查看负载,发现sid没传过去。如下图
前端中我的sid值是通过输入学号,进行验证学生表里是否有该学生存在后输入的,于是我给后面加了一个控制台输出。如下图
发现没有收到sid。那么应该是后端的响应sid时出现了问题。如下图
查看后端的检查学生学号方法我发现我将之前的学生类直接改成了一个int类型的变量,如下图
那么前端接收应该是resp.data.data。进行更改。如下图
再次测试,发现成功拿到sid。如下图
最后输入信息点击登记,增加成功。
8.入住登记编辑出现问题
我在更换楼层时,发现宿舍下拉框选项不变。然后在网络发现,更换楼层时甚至都没有调用更新宿舍下拉框选项的方法。
查看前端调用事件的代码:首先格式没有什么问题,那就有可能调用的位置写错,随后发现onchange写到表单里面去了,应该写在select选项框里面。
随后进行修改,如下图:
总结:这个问题出现只能说明自己太粗心了,而且这种越简单的错误在后面越不容易发现,因为任何人都会想着不会是低级错误。所以以后一个是写代码的时候就要认真,保证不发生这种低级错误,其次真正出错的时候不能放过每个可能出错的原因。