基于python flask的自动化测试平台(一)--模板继承与导航栏构造

最新推荐文章于 2023-10-17 18:10:16 发布

置顶

心生make

最新推荐文章于 2023-10-17 18:10:16 发布

阅读量1.6k

点赞数 2

分类专栏：测试开发接口自动化文章标签： python flask 自动化测试

本文链接：https://blog.csdn.net/liuuil4421640/article/details/84346551

版权

本文介绍了如何使用Python Flask框架进行模板继承，以实现页面的高效复用。通过在基础模板base.html中定义{% block content %}{% endblock %}区域，其他模板可以继承并填充内容。同时，导航栏代码统一放在基础模板中，确保所有页面都能显示。通过在index.html和login.html中引用基础模板，简化了代码维护，提高了开发效率。

摘要由CSDN通过智能技术生成

模板继承使用的是flask中的模板继承，在基础模板中使用{% block content %}{% endblock %}，然后在其他模板中通过

{% extends "base.html" %}
{% block content%}

这里为页面模板区域

{% endblock %}

这样就能实现模板的继承，从而在多个页面中引用基础模板，而不需要在每个页面都写同样的代码。

这里导航栏的代码就需要写在基础模板base.html中，因为其他页面都会有导航栏，下面请看代码

先定义app/templates/base.html

<html>
    <head>
        <script type="text/javascript" src = "{
  {url_for('static', filename='jquery.js')}}"></script>
        <script type="text/javascript" src = "{
  {url_for('static', filename='bootstrap/js/bootstrap.min.js')}}"></script>
        <script type="text/javascript" src = "{
  {url_for('static', filename='bootstrap/jquery.min.js')}}"></script>
        <link rel="stylesheet" type="text/css" href="{
  {url_for('static', filename='bootstrap/css/bootstrap.min.css')}}">
        <link rel="stylesheet" type="text/css" href="{
  {url_for('static', filename='bootstrap/css/bootstrap.css')}}">
        <!--如果页面模板在后台传入了标题，那页面的标题就是（传入标题+ '- 测试平台'），否则就是'测试平台'-->
        {% if title %}
        <title>{
  { title}} - 测试平台</title>

最低0.47元/天解锁文章

心生make

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
基于python flask的自动化测试平台(一)--模板继承与导航栏构造

模板继承使用的是flask中的模板继承，在基础模板中使用{% block content %}{% endblock %}，然后在其他模板中通过{% extends "base.html" %}{% block content%}这里为页面模板区域{% endblock %}这样就能实现模板的继承，从而在多个页面中引用基础模板，而不需要在每个页面都写同样的代码。这里导航栏...
复制链接

扫一扫