仿牛客论坛的一些细节改进

私信列表的会话头像链接到个人主页

原来的不足

点击私信列表的会话头像应该要能跳转到该目标对象的个人主页。

原来的代码：

<a href="profile.html">
	<img th:src="${map.target.headerUrl}" class="mr-4 rounded-circle user-header" alt="用户头像" >
</a>

原来的效果：
可以看到左下角的路径是这样的。
从头像点进去是404。

改进

1.个人主页的路径是{user/profile/{userId}}，所以需要知道target的userId
2.通过debug知道target的userId是map.target.id

改进后的代码：

<a th:href="@{|/user/profile/${map.target.id}|}">
	<img th:src="${map.target.headerUrl}" class="mr-4 rounded-circle user-header" alt="用户头像" >
</a>

改进后的效果：

光标放在会话头像上，左下角路径会动态改变了。

点击头像，成功链接到个人主页。