提交 3b0bb5a0 编写于 作者: 梦想橡皮擦's avatar 梦想橡皮擦 💬

flask 模板继承

上级 b69dcbba
......@@ -16,4 +16,9 @@ def index():
@app.route('/bt')
def bt():
return render_template('bt.html')
\ No newline at end of file
return render_template('bt.html')
@app.route('/mac')
def mac():
return render_template('_form.html')
\ No newline at end of file
{% macro input() %}
<input type="text" name='username' value=''>
{% endmacro %}
{{ input() }}
{% macro input2(name, type='text', value='',placeholder='') %}
<input type="{{ type }}" name="{{ name }}" value="{{ value|e }}" placeholder="{{ placeholder }}">
{%- endmacro %}
{{ input2('username',placeholder="占位符") }}
\ No newline at end of file
<!DOCTYPE html>
<html>
{%include 'common/header.html' %}
<body>
{%block content%}{%endblock content%}
<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
......@@ -10,6 +10,8 @@
<body>
{% import "_form.html" as f %}
{{f.input()}}
<div class="container pt-5 pb-5">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
......
<div class="container-fluid text-center text-muted ">
<hr>
<p>爬虫训练场 Copyright © 梦想橡皮擦 冀ICP备2022009308号-1</p>
</div>
\ No newline at end of file
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% if title%}
<title>{{title}}|爬虫训练场,让天下没有失效的爬虫</title>
{% else %}
<title>爬虫训练场,让天下没有失效的爬虫</title>
{%endif%}
<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')}}">
{% include 'common/tj.html'%}
</head>
\ No newline at end of file
<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 me-2" 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>
\ No newline at end of file
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?da9d53b49ebc36aa452284a554d53e98";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
\ No newline at end of file
<!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>
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
<div class="container mt-5">
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-2 p-2">
......@@ -75,12 +44,5 @@
</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
{% include 'common/footer.html'%}
{% endblock %}
\ No newline at end of file
<!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>
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
<div class="container mt-5">
<h2 class=" mb-5">新闻:心眼好、热心肠,不贪小便宜的几大生肖</h2>
<p><strong>生肖龙</strong></p>
......@@ -53,12 +22,5 @@
<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
{% include 'common/footer.html'%}
{% endblock %}
\ No newline at end of file
<!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>
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
<div class="container mt-5">
<table class="table table-striped table-hover" cellpadding="0" cellspacing="0">
<tbody>
......@@ -689,12 +658,5 @@
</tbody>
</table>
</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
{% include 'common/footer.html'%}
{% endblock %}
\ No newline at end of file
<!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')}}">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?da9d53b49ebc36aa452284a554d53e98";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</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 me-2" 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>
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
<div class="container pt-5">
<h3 class="text-success">普通爬虫</h3>
......@@ -262,12 +221,5 @@
</div>
</div>
<div class="container-fluid text-center text-muted ">
<hr>
<p>爬虫训练场 Copyright © 梦想橡皮擦 冀ICP备2022009308号-1</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
{% include 'common/footer.html'%}
{% endblock %}
<!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>
{% extends "base.html" %}
{% block content %}
{% include 'common/nav.html'%}
<div class="container">
{% for school in pagination.data_list %}
<div class="row mt-3">
......@@ -73,12 +42,5 @@
</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
{% include 'common/footer.html'%}
{% endblock %}
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册