• Flask框架中Jinja2模板配置静态文件（url_for）

            在项目开发过程中会用到大量的静态文件来使得网页更加生动美观。如CSS样式文件、JavaScript脚本文件、图片文件、字体文件等静态资源。

            使用Jinja加载静态文件只需要通过url_for全局函数就可以实现。

    <link href="{{ url_for('static',filename='base.css') }}">

            url_for函数默认会在项目根目录下的static文件夹中寻找base.css文件，如果找到了，会生成一个相对于项目根目录下的/static/base.css路径。这个静态文件的路径也不是固定不能变的，也可以自己来指定的。

    1. # 当访问静态文件的时候，将自动到/static/路径下去寻找文件
    2. app = Flask(__name__, static_folder="C:\static")

    简单实现示例代码：

    index.html

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. {#    <link rel="stylesheet" href="../static/css/index.css">#}
    7.     <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
    8. head>
    9. <body>
    10. <div class="detail">
    11.     您好，我是红色字体
    12. div>
    13. <div>
    14.     您好，我是黑色字体
    15. div>
    16. body>
    17. html>

    index.css

    1. .detail {
    2.     color: red;
    3. }

    main.py

    1. from flask import Flask, render_template
    2.  
    3. app = Flask(__name__)
    4.  
    5.  
    6. @app.route('/')
    7. def index():
    8.     return render_template('index.html')
    9.  
    10.  
    11. if __name__ == '__main__':
    12.     app.run()

    运行效果：

  • 相关阅读:
    【入门篇】UML-FlowChat流程图
    【PG】PostgreSQL客户端认证pg_hba.conf文件
    Auto.js中的悬浮窗
    HDFS机架感知
    Dubbo深度解析
    Java冲突
    Linux搭建C++开发环境
    OpenHarmony中Element类是什么？
    实现SSM项目在服务器的自动化部署（包括jdk安装，入门级教程简单易懂）
    IDEA代码重构技巧--拆分类
  • 原文地址：https://blog.csdn.net/weixin_44799217/article/details/126330887