这次要从一个贴图论坛下载赛马娘tag的所有色图，预计要下载6700张图片。 查看网页结构 从网站在查询时的url可以看出网站是PHP搭建的。经过测试发现，页面的每张图片的缩略图链接，稍微修改一下就是完整的图片链接。 查看了分页逻辑的，看到JS代码是手动计算分页。每页显示42张图片，将总数除以42得到页数。可以解析每一页分页的图片链接，点击进去帖子里面。然后获取到图片地址。 使用公开的API 要处理近6700张图片，每页有42张图，就要处理160页面，解析帖子链接。然后从6700个帖子链接中获取图片地址。 这恐怕是个…
我使用了Vditor这个Markdown编辑器组件作为我的文章编辑器。 src/components/comments.vue 我将Vidtor的项目代码放在本地/public路径下，使用本地资源，加载更快。给出的代码注释掉了，将会使用在线CDN。 <template> <!-- 指定一个容器 --> <div id="vditor" style="margin-top: 10px;"></div> </template> <script setup…
查看网页结构 找到了一个公网的网盘，他有存我原来关注过的微博博主的相片。我想把这些图片全部下载下来。 首先来看一下图片的路径放在哪里了。右键检查，看到了这是个有序列表元素。里面<a>标签就是图片的链接了，点一下列表就会跳转到图片。这个列表显示的<img>是图片的缩略图。 实际查看了网页的Html结构，发现实际列表元素并不是ul无序列表或者li有序列表。而是td表格。 图片链接在a标签里，而a标签是td标签里。我们先找出全部的td标签，然后再从中找出a标签。然后打印出a标签的href属性，获得…
文章显示 文章显示页面需要文章的完整的所有信息，不能用文章列表实现获取一个文章。因为那个实现是专门列表显示的，为了大数据传输，文章内容只有前500字。我们需要一个新的实现。这个非常简单，重点是是评论功能的设计。 DTO package com.ingker.blogvue.dto; import com.fasterxml.jackson.annotation.JsonIgnore; import com.fasterxml.jackson.annotation.JsonProperty; import com.f…
首先要列出所有的文章，我们需要列出文章的基本信息：标题、内容摘要、分类和标签、发布状态、发布和更新时间、文章数据等等。 控制层 Controller @GetMapping("/articles") public ResponseEntity<Page<ArticleListDTO>> getPublish( @RequestParam(value="page", defaultValue = "0") Integer page, @RequestParam(value="limit", d…