梦想橡皮擦，专栏100例写作模式先行者，现象级专栏 《Python 爬虫 100 例》作者、《滚雪球学 Python 专栏》原创者

在该在卡片中，你也可以看到已安装模块清单，后续本页面会偶发性的被打开，一定要掌握对其基本管理，例如安装 flask 模块。前文仅对环境进行了基础测试，作为一个合格的项目，必须要做好目录分配，便于后续进行多功能研发，接下来我们进行一下相关实践。重新运行代码，得到如下内容，未来页面布局也会基于该基础进行实现，主要会使用 Bootstrap 新组建，新样式表。在开发的时候，使用该模式即可，未来项目部署到服务器端，一般叫做生产环境，需要使用。本专栏体系大纲，将在项目第一阶段完成之后，整理发布，敬请期待。

Bootstrap 提供了一整套响应式，移动设备优先的流式网格系统，页面最多允许 12 列，为完成该目标，Bootstrap 提供了 6 个类，分别如下。为了实现该效果，本篇博客会带着大家串一下 Bootstrap5 相关技术点，如果你需要本部分知识点，正好可以一起学起来。创建一个全屏幕尺寸容器，容器始终占整个屏幕宽度，如果希望设置容器内边距，可以使用。拖动浏览器，可以看到页面布局的变化，如果希望继续调整，只需要适配。两个属性，在图片后，也对该属性进行了说明。运行代码得到下图效果，在此基础上，增加。

函数，该函数是 Flask 中的一个内置函数，用于生成 URL 地址，也可以用于生成静态文件的 URL 地址，本文就是第二个用法， 第一个参数是静态资源文件夹的路径，第二个参数是资源的文件名，由于设置了路径，所以无需担心重名和优先级问题。在 Bootstrap 中，内置了非常多的表格样式，实践中首先准备一个测试用表格，代码如下。按住 Ctrl，点击 Flask 类名，可以跳转到类的构造方法中，可以看到下述内容。目录，所以在不修改配置代码的前提下，可以通过建立该目录，实现对静态资源的访问。

Bootstrap 中的徽章（badge）是一种小的、圆角的标签，可以用来向用户显示某个数值或状态。你可以使用 Bootstrap 提供的不同的颜色类来改变进度条的颜色。Bootstrap 还提供了其他的进度条样式，包括条纹进度条、动画进度条和多进度条组。类用来设置背景颜色，其取值是 Bootstrap 中的常用形式，如下所示。进度条高度默认是 1rem，即 16px，可以使用 CSS 的。这将会创建一个默认颜色的进度条，并设置它的宽度为 25%。分为一组的按钮，会自动连接到一起，也可以使用。

本篇博客为大家继续补充，爬虫训练场这一项目需要的 Bootstrap 基础知识，其内容设计加载器，分页，列表组，卡片，下拉菜单。Bootstrap 5 提供了下拉列表（dropdown）组件，可以用来在网站或应用中创建下拉菜单。Bootstrap 5 提供了列表组（list group）组件，可以用来在网站或应用中创建列表。Bootstrap 5 提供了卡片（card）组件，可以用来在网站或应用中创建卡片布局。在 Bootstrap 中，卡片是使用 .card 类来创建的。等类来设置卡片的内容。

在爬虫训练场项目中，如果你切换到小屏幕，可以隐藏导航链接，并使用一个按钮进行替换，如果想要实现该效果，需要参考下述案例。本篇博客从导航菜单开始学习，掌握本部分之后，我们的爬虫训练场就可以实现首页基础布局了。类来创建轮播图指示器，这是一个小圆点列表，表示轮播图中有多少个图像。掌握导航菜单之后，就可以学习 Bootstrap 中的导航栏了，使用。类可以更改导航栏背景颜色，这里还要补充一下，如果给导航栏添加。类，可以将导航菜单转换为导航选项卡，此时可以使用。，如果需要在导航栏中添加链接，继续添加包含。

本篇博客将带着大家实现爬虫训练场首页布局，跟进前需要 Bootstrap 相关知识，如果有遗漏，可以查看下述文章。轮播图区域我们先省略掉，后续再配置，下面实现主卡片区，默认每行展示 4 个卡片，实现代码如下所示。该卡片还缺少一些细节，例如上下边距，详情链接，角标等内容，我们依次补齐。完成到这里，首页布局已经完成，代码已经上传到 gitcode，请查阅。首页布局主要分为四大区域，分别是导航栏，轮播图，主卡片区，底部版权。然后丰富卡片内容，使其包含标题，描述，案例明细链接等内容。文件，并输入如下代码。

文件中导入 Bootstrap 包所以文件，然后编写一篇新闻内容，具体代码请去 gitcode 或者 pachong.vip 查阅，这里仅展示最终效果。在本篇博客案例编写的过程中，发现首页切换到小屏幕时，会出现下图所示样式 BUG。三个最简单的案例都已经完成，下面针对实践过程中，首页样式 BUG，进行完善。由于爬虫训练场涉及的目标案例非常多，所以需要进行统筹管理，接下来先在。增加最小高度，最小宽度样式，并且页面栅格布局修改为自动适配，代码如下。（具体看你的项目地址），得到下图内容，上述配置完毕。

网站类应用，一定离不开 MySQL ，所以本案例将带着大家学习一下，通过 Flask 调用 MySQL 数据，并实现分页呈现。类被称作蓝图，它是一个存储操作方法的容器，Flask 可以通过 Blueprint 来组织 URL 及处理请求。文件，由于需要导入路由控制器和注册蓝图，所以需要编写下述代码。方法，它用来加载配置文件，稍后将用该方法导入数据库相关配置。先不要运行项目，我们先说明一下其中涉及的知识点，第一个是。文件，用于实现路由函数逻辑，由于该文件需要使用模型。模块，由于 Python 模块导入关系，

实现 Python Flask 分页会涉及如下参数值。除了重要参数外，实现一个分页对象还需要如下参数变量。其中 和 通过外部传递， 为单页数据量，可以硬编码，也可以通过配置文件进行读取。接下来就先实现分页函数逻辑，示例代码如下。 是总页码，需要进行向下取整，所以使用 函数，获得该值之后，在将其赋值给 ，对于第一页和最后一页的逻辑，参考下述代码即可。偏移量参数为 ，其计算表达式为 ，即，如果总数量为 0，偏移量默认也设置为 0 。最后一段代码设置的是页码范围，用于后续展示页码数字Python F

上一篇博客，我们实现了分页逻辑的前后端打通，但是数据渲染还未完成，本篇博客继续补充这部分知识点。

本篇博客我们将前端模板的通用部分进行抽离，便于整理管理，使用的是 jinja2 中模板继承相关技术。

本篇博客，我们在 爬虫训练场 项目中集成文件下载案例，便于大家学习文件采集。文章分为三部分，分别是普通文件，MP4 文件，M3U8格式视频文件。

User-Agent 反爬是一种防止网站被爬虫爬取的技术。当爬虫向网站发送 HTTP 请求时，会在请求头中包含一个名为 “User-Agent” 的字段，该字段用于告知网站服务器请求来自哪种浏览器或爬虫。网站服务器可以通过检查这个字段来判断请求是由真实的浏览器发起的，还是由爬虫发起的。如果服务器发现请求中的 User-Agent 字段不是某种常见浏览器的名称，就可能认为请求来自爬虫，并返回一个错误响应或拒绝请求。这就是 User-Agent 反爬的原理。

爬虫训练场，第15篇博客。博客详细清单，参考本次案例，用定值 Cookie 实现反爬。

爬虫训练场项目第16课，异步AJAX加载学校清单。爬虫训练场，让天下没有失效的爬虫，2023年橡皮擦最新专栏。

手动数据延迟加载，真的可以反爬虫爬虫训练场项目，加速更新中，专栏清单参考本次案例需要的代码量特别小，所以咱们再 Nginx 中也进行一下相关配置。

本案例最后一个步骤时补齐JS代码，经过反复测试 ，插件的引入和使用需要在 DOM 对象之后，代码如下。

本篇博客我们实现响应加密，由于本案例是JS逆向阶段的第一个案例，所以采用最基础加密手段。爬虫训练场源码同步仓库为。

本篇博客是爬虫训练场中的基础反爬案例，核心实现通过动态 token 验证限制爬虫学习过程重点是反爬思维学习。

你也可以自己实现一个中间件来实现 IP 限制。中间件是一个可以在请求和响应之间插入的代码，通常用于实现某些功能，比如认证、IP 限制等。def ip_limiter(app) : def middleware(next) : def wrapper(* args , ** kwargs) : # 在这里处理 IP 限制逻辑 return next(* args , ** kwargs) return wrapper return middleware后续操作是在函数中实现 IP 限制逻辑即可。

本篇博客我们实现图片渲染手机号码案例，用于防止爬虫直接采集文字信息。本案例实现的效果如下所示。

登录之后，可以查看数据，是部分站点常用规则，本篇博客将在爬虫训练场中实现该需求。

本篇博客实现 CSS 偏移反爬案例，核心用到 CSS 定位样式，防止爬虫采集。案例已更新到。

本篇博客重点为大家介绍，如何禁止用户在浏览器中查看源码，禁用开发者工具调试等前端需求案例已更新到。

先说一下什么是 CSS 中的伪元素，CSS 伪元素的概念是指在 CSS 中使用的一些特殊的元素，它们不存在于 HTML 文档中，而是由浏览器生成的元素，用于提供额外的样式控制。这些伪元素在 HTML 代码中不存在，但可以在 CSS 中通过特定的语法来选择它们。

在正式学习本篇博客前，先要了解一下什么是 SVG（Scalable Vector Graphics），它是一种矢量图形格式，可以用来在网页上创建可伸缩的图形。阅读本篇博客前，需要提前了解一下如何在 Python 中生成 SVG 图片，这一点可以参考下述博客。

本篇博客实现的是最简单的字体反爬，实战中我们还可以动态生成字体文件编码，动态生成字体文件内容增强反爬。pachong📢📢📢📢📢📢💗 你正在阅读【梦想橡皮擦】的博客👍 阅读完毕，可以点点小手赞一下🌻 发现错误，直接评论区中指正吧📆 橡皮擦的第851篇原创博客全网 6000+人正在学习的 爬虫专栏 👇👇👇👇⭐️ Python 爬虫 120，点击订购 ⭐️⭐️ 爬虫 100 例教程，点击订购 ⭐️。