私信列表的会话头像链接到个人主页
原来的不足
点击私信列表的会话头像应该要能跳转到该目标对象的个人主页。
原来的代码:
<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>
改进后的效果:
光标放在会话头像上,左下角路径会动态改变了。
点击头像,成功链接到个人主页。