index.html 9.9 KB
Newer Older
梦想橡皮擦's avatar
梦想橡皮擦 已提交
1 2 3
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
梦想橡皮擦's avatar
梦想橡皮擦 已提交
4

梦想橡皮擦's avatar
梦想橡皮擦 已提交
5
<div class="container pt-5">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
6
    <h3 class="text-success">普通爬虫</h3>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
7 8
    <hr>
    <div class="row align-items-stretch">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
9
        <div class="col mt-2">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
10
            <div class="card  border-info rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
11
                <div class="card-header text-center">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
12 13 14
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
15 16 17 18 19 20 21 22
                    <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>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
23
                </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
24 25 26
                <div class="card-footer text-end">

                    <a href="#" class="btn btn-primary card-link ">学习博客</a>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
27 28 29 30

                </div>
            </div>
        </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
31
        <div class="col mt-2">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
32
           <div class="card border-info rounded-5 shadow-sm" style="min-height:268px;min-width:300px;">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
33
                <div class="card-header text-center">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
34 35
                    <h4 class="card-title">分页爬虫</h4>
                    <div class="bg-danger text-white rounded p-1" style="transform: rotate(20deg); position:absolute;right:0;top:0.5rem;">最新更新</div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
36 37
                </div>
                <div class="card-body">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
38
                    <p class="card-text">本案例是由 2760 条数据组成的分页爬虫,数据为国内学校清单,主要用于练习分页数据采集。</p>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
39 40 41
                    <p class="card-text text-left">难度:⭐</p>
                    <p class="card-text">
                        案例:
梦想橡皮擦's avatar
梦想橡皮擦 已提交
42
                        <a href="/ss/list" class="card-link text-success">学校分页数据</a>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
43
                    </p>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
44
                </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
45
                <div class="card-footer text-end">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
46
                     <a href="#" class="btn btn-primary card-link ">学习博客</a>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
47 48 49
                </div>
            </div>
        </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
50 51 52
        <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">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
53 54 55
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
56 57 58 59 60 61 62 63
                    <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>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
64
                </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
65 66 67
                <div class="card-footer text-end">

                    <a href="#" class="btn btn-primary card-link ">学习博客</a>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
68 69 70 71

                </div>
            </div>
        </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
72 73 74
        <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">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
75 76 77
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
梦想橡皮擦's avatar
梦想橡皮擦 已提交
78 79 80 81 82 83 84 85
                    <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>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
86
                </div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
87 88 89
                <div class="card-footer text-end">

                    <a href="#" class="btn btn-primary card-link ">学习博客</a>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
90 91 92 93 94 95

                </div>
            </div>
        </div>
    </div>

梦想橡皮擦's avatar
梦想橡皮擦 已提交
96
</div>
梦想橡皮擦's avatar
梦想橡皮擦 已提交
97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223
<div class="container pt-5">
    <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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="card-link">案例详情</a>

                </div>
            </div>
        </div>
    </div>
    <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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="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">
                    <h4 class="card-title">单页爬虫</h4>
                </div>
                <div class="card-body">
                    <p class="card-text">单独一个网页数据展示,可直接采集,单独一个网页数据展示,可直接采集</p>

                </div>
                <div class="card-footer">
                    <a href="#" class="card-link">学习博客</a>
                    <a href="#" class="card-link">案例详情</a>

                </div>
            </div>

        </div>
    </div>
</div>

梦想橡皮擦's avatar
梦想橡皮擦 已提交
224 225
{% include 'common/footer.html'%}
{% endblock %}