• 自定义错误页面

    如果你在浏览器的地址栏中输入了不可用的路由，那么会显示一个状态码为 404 的错误页面。现在这个错误页面太简陋、平庸，而且样式和使用了 Bootstrap 的页面不一致。

    像常规路由一样，Flask 允许程序使用基于模板的自定义错误页面。最常见的错误代码有两个：404，客户端请求未知页面或路由时显示；500，有未处理的异常时显示。为这两个错误代码指定自定义处理程序的方式如下所示：

    1. @app.errorhandler(404)
    2. def page_not_found(e):
    3.     return render_template("404.html"), 404
    4.  
    5. @app.errorhandler(500)
    6. def internal_server_error(e):
    7.     return render_template("500.html"), 500
    其中的404.html和500.html可以自己定义。
    比如我的404.html如下所示： 
    1. {% extends "base.html" %}
    2.  
    3. {% block title %}Flask - Page Not Found{% endblock %}
    4.  
    5. {% block page_content %}
    6. <div class="page-header">
    7.     <h1>Not Foundh1>
    8. div>
    9.  
    10. {% endblock %}

    其继承了一个base.html如下所示：

    1. {% extends "bootstrap/base.html" %}
    2. {% block title %}Flasky{% endblock %}
    3.  
    4. {% block navbar %}
    5. <div class="navbar navbar-inverse" role="navigation">
    6.     <div class="container">
    7.         <div class="navbar-header">
    8.             <button type="button" class="navbar-toggle"
    9.              data-toggle="collapse" data-target=".navbar-collapse">
    10.                 <span class="sr-only">Toggle navigationspan>
    11.                 <span class="icon-bar">span>
    12.                 <span class="icon-bar">span>
    13.                 <span class="icon-bar">span>
    14.             button>
    15.             <a class="navbar-brand" href="/">Flaskya>
    16.         div>
    17.         <div class="navbar-collapse collapse">
    18.             <ul class="nav navbar-nav">
    19.                 <li><a href="/">Homea>li>
    20.             ul>
    21.         div>
    22.     div>
    23. div>
    24. {% endblock %}
    25.  
    26. {% block content %}
    27. <div class="container">
    28.     {% block page_content %}{% endblock %}
    29. div>
    30. {% endblock %}

    于是当我输入一个无效的url时，页面上会出现我定义的报错：

     并且当我打开控制台检查时，发现状态码为404：

     

    参考资料：

    Flask Web开发：基于Python的Web应用开发实战 ([美] Miguel Grinberg)

  • 相关阅读:
    十四、垃圾回收概述
    React Three Fiber快速入门
    java spring cloud 工程企业管理软件-综合型项目管理软件-工程系统源码
    简单神经网络算法原理,最简单的神经网络算法
    FullCalendarDemo5 控件的实例讲解—拖拽实现值班排班（二）
    Mysql数据库 2.SQL语言 数据类型与字段约束
    Vue核心 内置指令 自定义指令
    sqlplus set参数大区
    【好玩】如何在github主页放一条贪吃蛇
    2021.06 编程题 36【Python二级题目解析】
  • 原文地址：https://blog.csdn.net/qq_55621259/article/details/126723655