springboot+thymeleaf 东软医疗项目 开发错误记录

学校的一个实训要求用springboot 开发，作为第一次接触该框架的前端人儿来说，是个挑战。
也做了半个月了，项目还有一半大概。笔者决定再此记录开发中遇到的错误，同大伙分享的同时，也告诫自己不要再犯。

后端我之前用nodejs 做过一次，所以在这次用springboot的时候，感觉没有那么困难，常有似曾相识的感觉。那么话不多说，直接进入正题。

一.开发前的准备

匹配版本，配置环境费了不少时间，但不得不这么做。为了防止莫名其妙地bug，甚至也为了能跑起来项目。

二.连接数据库

相对来说较为简单，不过由于在下的女朋友在帮我安装mysql的时候，手贱把默认端口号改了，所以我看着错误，疯狂百度，无济于事，最终在配置文件发现问题。。。

三.开发过程中的问题

这也是最多的。

1. 由于马虎，拼写错误，或者目录结构错误。

非常要避免的。这种问题，如果编译器不给面子，不明明明白白的告诉你问题所在，你是很难发现的。
名称对应不上，这种的问题最好方式就是在写的时候，直接复制粘贴，不是懒，而是为了正确性。
至于目录结构，新手才会遇到的问题，多练习就好。
所以嘛，做事一定要认真，战战兢兢，如履薄冰。

2.技术问题。

a. 比较常见的报错类型，空指针。

（1）一般在报错信息中很好发现，一定是你引用了一个不存在的量。需要耐心查找。

举例：在一个界面，我需要从数据库中读取一系列数据渲染到首页上。这时，我在进入首页的时候，获取到这些数据并渲染。那么这个部门呢，在渲染的时候是传输的id而不是名字，我又再一次进入数据库根据他们的id匹配部门的名字。

同时，首页有查询功能。当我查询之后，发现报错，空指针。为什么当时还好好的，在把部门id映射为名字之后就不行了呢？
我找了找，发现在debug信息中，有：

并且明确的告诉我是哪一行的错误，故我马上就想起来，deptList只在我进入首页的时候获取了，但是在查询页根本没有设置。添加完正常。

（2）数据库中存在脏数据。

还是以上面的例子来说，我将这个项目给朋友导入，结果他却无法访问首页，报错类型为空指针。
我在代码调试信息中，确定是在if语句这一行。

我将两个方法都输出了一遍，起初还没发现 端倪。直到我定睛一看，发现user.getDeptId()方法输出的时候，有一航输出的是null。感觉到是数据库那边起火了，我去mysql的表中看了下，发现

空指针的原因找到，修改后正确。
顺便提一下，这条数据是我在起初调试的时候加入的，没有在意，却埋下了隐患，希望大家多多注意QAQ

b. 前端发生的错误

（1）错把循环渲染的元素设置同样的id

举例：

该 a标签是根据用户列表数据循环生成的。因为提交到删除路由，故起名id=del。至此，网页没有报错，我也就没注意。
但是等到我想添加一个删除确认时，发现，阻止a标签默认行为，不论是e.preventDefault()，还是return false，都没用。
找了一会发现，有可能是这个问题，修改成class=del之后，解决。

c. 未解决的问题

使用 thymeleaf 渲染前端数据，渲染一个表格，其中有一行数据时根据id再次要映射为名字。这个基本的结构就是

<tr th:each="user : ${userList}">
			   <td th:text="${user.account}"></td>
			   <td th:text="${user.name}"></td>
			   <td th:text="${user.job}"></td>
			   <span th:each="dept : ${deptList}">
			        <td th:if="${dept.deptId eq user.deptId}" th:text="${dept.deptName}"></td>
			   </span>	
			   <td>
			    <a th:href="@{/um/toUpdate(id=${user.id})}" class="update">修改</a>
			    <a th:href="@{/um/doDelete(id=${user.id})}" class="del" data-delName="<%=user.getName() %>">删除</a>
			   </td>
			</tr>

现阶段，没有熟悉 thymeleaf 的语法时，我决定使用span标签来包裹td标签，条件遍历来实现。但是这样会有一个问题，就是会生成很多的空span标签…话说这东西的if和vue的if机制不同啊也，既然条件为false了，为啥要创建dom呢…如果有董哥知道的话，请指点下谢谢~

未完待续…