如何将CSS文件添加到Spring Boot应用程序（Thymeleaf）分页
埃尔塔克·希克赛多夫（Eltac Shikhsaidov）
我尝试在我的网站上进行分页。
我的PostController.java文件包含：
@GetMapping("/")
public String index(Model model) {
return findPaginated(0, model);
}
@GetMapping("/page/{pageNo}")
public String findPaginated(
@PathVariable("pageNo") int pageNo,
Model model
) {
int pageSize = 3;
Page<Post> page = postService.findPaginated(pageNo, pageSize);
List<Post> listPosts = page.getContent();
model.addAttribute("currentPage", pageNo);
model.addAttribute("totalPages", page.getTotalPages());
model.addAttribute("totalItems", page.getTotalElements());
model.addAttribute("page", page);
int totalPages = page.getTotalPages();
if (totalPages > 0) {
List<Integer> pageNumbers = IntStream.rangeClosed(1, totalPages).boxed().collect(Collectors.toList());
model.addAttribute("pageNumbers", pageNumbers);
}
model.addAttribute("listPosts", listPosts);
return "index";
}
和index.html文件包含：
<head xmlna:th="http://www.thymeleaf.org">
--snip--
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
--snip--
</head>
<body>
--snip--
<!-- ADDING PAGINATION-->
<nav aria-label="...">
<ul class="pagination">
<li class="page-item">
<a class="page-link"
th:href="@{'/page/' + ${currentPage - 1}}"
th:if="${currentPage < totalPages + 1 and currentPage > 1}">Previous</a>
</li>
<li th:class="${pageNumber == page.getNumber() + 1} ? 'page-item active': 'page-item'"
th:each="pageNumber: ${pageNumbers}" th:if="${page.getTotalPages() > 0}">
<a class="page-link"
th:href="@{'/page/' + ${pageNumber}}"
th:text="${pageNumber}">
</a>
</li>
<li class="page-item">
<a class="page-link"
th:href="@{'/page/' + ${currentPage + 1}}"
th:if="${currentPage < totalPages and currentPage >= 1}">Next</a>
</li>
</ul>
</nav>
<!-- /ADDING PAGINATION-->
--snip--
</body>
程序第一次运行时，一切看起来都正确。因此，我添加了一些帖子（此应用程序是关于写帖子并将其显示在index.html文件中的），例如，当我想去时：localhost:8080/page/1 css，js和img文件未上传。我检查并检查了网络，结果显示我localhost:8080/page/assets/css/font-awesome.min.css 没有上传localhost:8080/assets/css/font-awesome.min.css 。实际上，它必须是。但是，为什么这条路向我展示了呢？
我该如何解决？
如果您没有疑问，那么我上传了一些额外的图片以更好地理解：
提前致谢。希望您能理解。
石川义
尝试在资产之前在此处开始添加其他/
<link href="/assets/css/font-awesome.min.css" rel="stylesheet">
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
UITableView的项目向下滚动后更改颜色，然后快速备份
- 2
Linux的官方Adobe Flash存储库是否已过时？
- 3
用日期数据透视表和日期顺序查询
- 4
应用发明者仅从列表中选择一个随机项一次
- 5
Mac OS X更新后的GRUB 2问题
- 6
验证REST API参数
- 7
Java Eclipse中的错误13，如何解决？
- 8
带有错误“ where”条件的查询如何返回结果？
- 9
ggplot：对齐多个分面图-所有大小不同的分面
- 10
尝试反复更改屏幕上按钮的位置 - kotlin android studio
- 11
如何从视图一次更新多行（ASP.NET - Core）
- 12
计算数据帧中每行的NA
- 13
蓝屏死机没有修复解决方案
- 14
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 15
离子动态工具栏背景色
- 16
VB.net将2条特定行导出到DataGridView
- 17
通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException
- 18
在Windows 7中无法删除文件（2）
- 19
python中的boto3文件上传
- 20
当我尝试下载 StanfordNLP en 模型时，出现错误
- 21
Node.js中未捕获的异常错误，发生调用
我来说两句