Skip to content

爬
爬虫训练场

梦想橡皮擦 / 爬虫训练场

通知 64
Star 7
Fork 1
爬
爬虫训练场
提交 db4d3795 编写于 作者: 梦想橡皮擦's avatar 梦想橡皮擦 💬
浏览文件
操作

普通爬虫

上级 fda6754d
展开全部 显示空白变更内容
内联 并排
Showing with 942 addition and 34 deletion
app/__init__.py
浏览文件 @ db4d3795
......@@ -3,3 +3,4 @@ from flask import Flask
app = Flask(__name__)
from app import routes
from app import general
\ No newline at end of file
app/general.py 0 → 100644
浏览文件 @ db4d3795
from flask import render_template
from app import app
"""
普通爬虫，控制器相关配置
"""
@app.route('/general/news')
def news():
return render_template('general/news.html')
@app.route('/general/imgs')
def imgs():
return render_template('general/imgs.html')
@app.route('/general/table')
def table():
return render_template('general/table.html')
app/routes.py
浏览文件 @ db4d3795
from flask import render_template
from app import app
"""
首页相关路由配置
"""
@app.route('/')
@app.route('/index')
......
app/static/css/base.css 0 → 100644
浏览文件 @ db4d3795
a{
text-decoration:none;
font-size:1rem;
}
a:hover{
text-decoration:underline;
color:red;
}
\ No newline at end of file
app/templates/general/imgs.html 0 → 100644
浏览文件 @ db4d3795
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>爬虫训练场，版权：梦想橡皮擦</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="{{url_for('static',filename='css/base.css')}}">
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<a href="/" class="navbar-brand">
<img src="/static/images/sucai.png" style="width:2rem;" class="rounded-pill" alt=""/>爬虫训练场</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">案例场</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">爬虫博客</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">社群</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/3-220P21A447-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/3-220P41F009-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/3-220P2155220-50-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/3-220P2160142-lp (1).jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/3-220P5151547-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/7-220I1094505-lp.jpg')}}" alt="">
</div>
</div>
<div class="row mt-5">
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/7-220P6095U4-50-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/7-22091PZ321-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/7-220919102913-50-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/8-220919145I2-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/045R614b-6-lp.jpg')}}" alt="">
</div>
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
<img src="{{url_for('static',filename='images/faces/22361Ga6-11-lp.jpg')}}" alt="">
</div>
</div>
</div>
<div class="container-fluid text-center text-muted ">
<hr>
<p>爬虫训练场 Copyright © 梦想橡皮擦</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
\ No newline at end of file
app/templates/general/news.html 0 → 100644
浏览文件 @ db4d3795
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>爬虫训练场，版权：梦想橡皮擦</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="{{url_for('static',filename='css/base.css')}}">
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<a href="/" class="navbar-brand">
<img src="/static/images/sucai.png" style="width:2rem;" class="rounded-pill" alt=""/>爬虫训练场</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">案例场</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">爬虫博客</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">社群</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<h2 class=" mb-5">新闻：心眼好、热心肠，不贪小便宜的几大生肖</h2>
<p><strong>生肖龙</strong></p>
<p>
属龙的女人是一个十分正直的人，而且个性有些傲慢，所以平日里待人接物，总是会有一种居高临下的感觉，所以不愿意做一些自降身价的事情，例如占他人小便宜等等。所以在日子中，属龙的女性也不喜欢欠他人的钱，一旦欠了他人的钱，心里就会一向想着，怎么也放不下，甚至或许会因此而睡不着觉，直到还清停止。
</p>
<p><strong>生肖蛇</strong></p>
<p>
不要以为属蛇女看似非常进取，渴望成功，就觉得她们将名利看待的非常重要。实际上，肖蛇女很少把金钱，权利等看待的非常重要，之所以对待事情如此细致和认真，一方面是她们的天性使然，另一方面则是生肖为蛇的人喜欢挑战自我，而那些赋予在她们身上的名利光环是其努力之后的附加的结果。
</p>
<p><strong>生肖兔</strong></p>
<p>生肖兔的朋友天生性格温和，他们待人比较实诚，从来不会贪图小便宜，做人向来正直正义。这样的生肖兔的朋友一生运势比较平稳，还能得财神关爱，不管男女，一生都是好命之人，家中也能喜事连连，财运亨通，富贵到晚年。
</p>
<p><strong>生肖羊</strong></p>
<p>生肖羊感觉十分的好说话，感觉好像很好欺负，但是生肖羊还十分的冲动，如果你欺负他，他必定分分钟跟你撕起来，生肖羊很霸气，也很喜欢为自己身边的人出头，从不喜欢占小便宜。生肖羊的人对别人很是大方，对别人也舍得花钱，可是到自己的时候就会节俭。
在与朋友的交往中也会主动付钱，觉得占便宜不好，对熟人很是真心。做人很是纯粹，没心眼。因为他们觉得占朋友的便宜是一种小人的行为，即便自己再困难，欠对方的人情他们也会主动还上，而生活当中他们更是不拘小节，所以就更不存在去主动给别人占便宜。</p>
<p><strong>生肖狗</strong></p>
<p>生肖狗的朋友们三观正，这种从小就善良的孩子通常知道，不是自己的东西不能要，所以在为人处世方面都是很有原则的。在生肖狗从小到大的经历中，都是自己吃亏更多，更少有他们占人便宜的时候。生肖狗有良知，所以就算是一点点的小事，也会一直在心里折磨他们，为了避免自己的这种痛苦，生肖狗还不如规范自己，就算自己吃亏受伤会有难过，至少行得端，不会让自己觉得好像欠下别人，对不起别人，良心不安的感觉。</p>
</div>
<div class="container-fluid text-center text-muted ">
<hr>
<p>爬虫训练场 Copyright © 梦想橡皮擦</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
\ No newline at end of file
app/templates/general/table.html 0 → 100644
浏览文件 @ db4d3795
此差异已折叠。
app/templates/index.html
浏览文件 @ db4d3795
......@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>爬虫训练场，版权：梦想橡皮擦</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="{{url_for('static',filename='css/base.css')}}">
</head>
<body>
......@@ -36,72 +37,96 @@
<h3>普通爬虫</h3>
<hr>
<div class="row align-items-stretch">
<div class="col-sm-6 col-md-3 mt-2">
<div class="card text-center border-secondary rounded-5 shadow-sm" style="height:268px;">
<div class="card-header">
<div class="col mt-2">
<div class="card border-secondary rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
<div class="card-header text-center">
<h4 class="card-title">单页爬虫</h4>
</div>
<div class="card-body">
<p class="card-text">单独一个网页数据展示，可直接采集，单独一个网页数据展示，可直接采集</p>
<p class="card-text">目标数据呈现在单一页面中，使用最简单的爬虫库可以直接采集，一般用正则表达式即可完成数据提取。</p>
<p class="card-text text-left">难度：⭐</p>
<p class="card-text">
案例：
<a href="/general/news" class="card-link text-success">新闻页</a>
<a href="/general/imgs" class="card-link text-success">图片清单</a>
<a href="/general/table" class="card-link text-success">表格</a>
</p>
</div>
<div class="card-footer ">
<a href="#" class="card-link text-decoration-none">学习博客</a>
<a href="#" class="card-link text-decoration-none">案例详情</a>
<div class="card-footer text-end">
<a href="#" class="btn btn-primary card-link ">学习博客</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 mt-2">
<div class="card text-center border-secondary rounded-5 shadow-sm" style="height:268px;">
<div class="card-header">
<div class="col mt-2">
<div class="card border-secondary rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
<div class="card-header text-center">
<h4 class="card-title">单页爬虫</h4>
</div>
<div class="card-body">
<p class="card-text">单独一个网页数据展示，可直接采集，单独一个网页数据展示，可直接采集</p>
<p class="card-text">目标数据呈现在单一页面中，使用最简单的爬虫库可以直接采集，一般用正则表达式即可完成数据提取。</p>
<p class="card-text text-left">难度：⭐</p>
<p class="card-text">
案例：
<a href="/general/news" class="card-link text-success">新闻页</a>
<a href="/general/imgs" class="card-link text-success">图片清单</a>
<a href="/general/table" class="card-link text-success">表格</a>
</p>
</div>
<div class="card-footer">
<a href="#" class="card-link text-decoration-none">学习博客</a>
<a href="#" class="card-link text-decoration-none">案例详情</a>
<div class="card-footer text-end">
<a href="#" class="btn btn-primary card-link ">学习博客</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 mt-2">
<div class="card text-center border-secondary rounded-5 shadow-sm" style="height:268px;">
<div class="card-header">
<div class="col mt-2">
<div class="card border-secondary rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
<div class="card-header text-center">
<h4 class="card-title">单页爬虫</h4>
</div>
<div class="card-body">
<p class="card-text">单独一个网页数据展示，可直接采集，单独一个网页数据展示，可直接采集</p>
<p class="card-text">目标数据呈现在单一页面中，使用最简单的爬虫库可以直接采集，一般用正则表达式即可完成数据提取。</p>
<p class="card-text text-left">难度：⭐</p>
<p class="card-text">
案例：
<a href="/general/news" class="card-link text-success">新闻页</a>
<a href="/general/imgs" class="card-link text-success">图片清单</a>
<a href="/general/table" class="card-link text-success">表格</a>
</p>
</div>
<div class="card-footer">
<a href="#" class="card-link text-decoration-none">学习博客</a>
<a href="#" class="card-link text-decoration-none">案例详情</a>
<div class="card-footer text-end">
<a href="#" class="btn btn-primary card-link ">学习博客</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 mt-2">
<div class="card text-center border-secondary rounded-5 shadow-sm" style="height:268px;">
<div class="card-header">
<div class="col mt-2">
<div class="card border-secondary rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
<div class="card-header text-center">
<h4 class="card-title">单页爬虫</h4>
</div>
<div class="card-body">
<p class="card-text">单独一个网页数据展示，可直接采集，单独一个网页数据展示，可直接采集</p>
<p class="card-text">目标数据呈现在单一页面中，使用最简单的爬虫库可以直接采集，一般用正则表达式即可完成数据提取。</p>
<p class="card-text text-left">难度：⭐</p>
<p class="card-text">
案例：
<a href="/general/news" class="card-link text-success">新闻页</a>
<a href="/general/imgs" class="card-link text-success">图片清单</a>
<a href="/general/table" class="card-link text-success">表格</a>
</p>
</div>
<div class="card-footer">
<a href="#" class="card-link text-decoration-none">学习博客</a>
<a href="#" class="card-link text-decoration-none">案例详情</a>
<div class="card-footer text-end">
<a href="#" class="btn btn-primary card-link ">学习博客</a>
</div>
</div>
</div>
</div>
<div class="row align-items-stretch">
<div class="row">
<div class="col-sm-6 col-md-3 mt-2">
<div class="card text-center border-secondary rounded-5 shadow-sm" style="height:268px;">
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或