jinja2-加载静态文件

最新推荐文章于 2023-03-05 12:58:17 发布
最新推荐文章于 2023-03-05 12:58:17 发布
阅读量2.2k 收藏 4
点赞数
分类专栏： flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44737646/article/details/104357983
版权
本文介绍了如何在Jinja2模板中加载静态文件，包括CSS、JS和图片。加载静态文件时，需要使用特定函数，指定路径以当前项目目录为根。例如，加载CSS、JS文件和图片，并提供了相应的加载实例。
摘要由CSDN通过智能技术生成

静态文件

  • css js img 都是属于静态文件
  • 加载静态文件使用的是: url_for函数, 第一个参数需要为static, 第二个参数需要为一个关键字参数filename=路径, 路径要以当前项目的static目录作为根目录
  • 格式: { { url_for("static", filename="静态文件路径") }}

加载css文件实例

  • 项目的static目录下 创建css文件夹和css样式
    在这里插入图片描述

  • 加载css样式
    在这里插入图片描述

加载js文件

  • 在static目录下创建js文件夹和js文件
    在这里插入图片描述

  • 加载js文件

 <script src
最低0.47元/天 解锁文章
five-four-one
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Flask jinja2模板加载静态文件
weixin_44415561的博客
06-06 880
静态文件： 加载静态文件使用的是url_for函数。然后第一个参数需要为static，第二个参数需要为一个关键字参数filename='路径'。示例： html {{ url_for("static",filename='xxx') }} 路径查找，要以当前项目的static目录作为根目录。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>捡
jinja2加载静态文件
最新发布
m0_54382779的博客
08-23 158
/</</</
【Jinja2】静态文件的加载（九）
hold_on_qlc的博客
12-05 747
一个网页中，除了HTML代码之外，还要CSS、JavaScript和图片文件才能更加美观和实用。静态文件默认是存放到当前项目的static文件夹中，如果想要修改静态文件存放路径，可以在创建Flask对象的时候，设置static_folder参数，例如：
7.静态文件、模版、消息闪现与Jinja2
weixin_41207499的博客
06-19 1013
一. 静态文件访问原理举例：新建文件夹 app/static, 并在该文件夹下放入图片文件。 运行flask， 访问http://localhost:5000/static/图片名。 发现可以访问文件flask是如何做到访问静态文件的呢？ 我查看app/init.py的create_app中 app=Flask(name)，Flask的源码:def __init__( self,...
Python库 | jinja2-dev-server-0.0.2b17.tar.gz
03-06
3. **环境（Environment）**：环境是Jinja2的一个核心概念，它包含了模板加载器、配置信息以及全局变量等，用于管理模板的解析和渲染。 4. **表达式（Expressions）**：Jinja2支持Python的大部分表达式，如变量引用...
Python库 | muffin_jinja2-1.2.0-py3-none-any.whl
03-22
3. **模板加载**：`muffin_jinja2`可以自动发现并加载模板文件，通常从指定的目录结构中查找。 4. **错误处理**：在模板渲染过程中遇到错误时，`muffin_jinja2`会提供相应的错误处理机制，帮助开发者定位和解决问题...
Python-py静态网站生成器简单快捷
08-10
- **可部署性**：可以轻松地部署到任何提供静态文件托管的服务，如GitHub Pages、Netlify或AWS S3。 - **离线浏览**：生成的HTML文件可以被浏览器缓存，允许用户在离线状态下查看内容。 总的来说，Python-py静态...
Python的Flask框架中的Jinja2模板引擎学习教程
09-21
在Python的Flask框架中，Jinja2模板引擎是一个强大的工具，用于将动态数据与静态HTML结构结合，生成最终的网页内容。Jinja2是Flask的默认模板语言，它的语法简洁且直观，深受开发者喜爱。本教程将深入探讨Jinja2模板...
Python-jinjaassetscompressor一个Jinja扩展用来编译和压缩你的资源
08-11
其中一个优秀的解决方案是"jinja-assets-compressor"，这是一个针对Jinja2模板引擎的扩展，用于编译和压缩静态资源，如CSS、JavaScript等，从而提升网页加载速度和降低服务器负担。 "jinja-assets-compressor"的...
Django——模板—静态资源配置+jinja2模板引擎配置
piduocheng0577的博客
03-20 439
静态资源配置 settings.py中注册 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ] 在模板中使用静态资源 {% load static %} #放置到模板开头 <img src="/static/img/img.jpeg" alt=""> #硬编...
使用jinja2生成配置文件
我的总结积累与分享
10-29 4686
经常会遇到开新服的时候需要修改好多配置文件的情况，刚开始做运维的时候只知道傻傻地手动修改，很痛苦不说还经常会出错误。后来学Django的时候就想到，要是像模板生成页面一样生成配置文件不就好了么，于是我找到了jinja 。
python - flask 之 jinja2渲染模块详细介绍
开码河粉
04-06 3486
目录 1.jinja2基础 (1)jinja2作用简介 (2)jinja2渲染模板 (3)jinja2变量与变量过滤器 (4)jinja2控制语句 (5)jinja2宏操作 (6)jinja2 block块 (7)jinja2 include语句 1.jinja2基础 (1)jinja2作用简介 jinja2主要任务是实现html页面的渲染。在flask项目中，业务逻辑由视图函数来完成，而页面逻辑由jinja2渲染模板来完成。 jinja2渲染模板通过接收来自视图函数的数据，生.
Python Flask Jinja2上传图片 并预览
qq_41843228的博客
03-16 1733
前端上传图片 enctype="multipart/form-data"加载form中， 多种形式上传文件 html： <form method="POST" action="{{ }}" enctype="multipart/form-data"> <div class="modal-body"> <div class="form-group"...
Jinja2----------模板继承、加载静态文件
要银河 不要迎合
03-05 794
以上父模板中，编写好了网页的整体结构，并且把所有子模板都需要用到的样式文件base.css也提前引用好了。然后针对子模板需要重写的地方，则定义成了block，比如以上定义了title、head、body、footer这几个block，子模板在继承了父模板后，重写对应block的代码，即可完成子模板的渲染。一个网站中，大部分网页的模块是重复的，比如顶部的导航栏，底部的备案信息。比较好的做法是，通过模板继承，把一些重复性的代码写在父模板中，子模板继承父模板后，再分别实现自己页面的代码。我们首先来看一个父模板。
有故事，带项目的flask教程（3）---flask的jinja2模板（1）
热门推荐
毕老的python教室
06-05 1万+
快到下班时间了，老项来到小王的座位前，问道：“怎么样，上午给你讲的路由熟悉了吗？你这个项目的路由系统构建的如何了？” 小王兴奋的说：“算是比较熟悉了吧，老铁你还别说，flask的路由还是挺容易上手的，我利用中午的休息时间就把我这个小项目的路由做的差不多了。不过我还有个大问题，网站不是都有网页吗？我们在什么地方，如何展示网页呀？网页上的动态数据又是怎么来的呢？” ...
模板引擎Jinja2的基本用法
weixin_30666401的博客
06-23 253
Flask提供的模板引擎为Jinja2，易于使用，功能强大。模板仅仅是文本文件，它可以生成任何基于文本的格式（HTML、XML、CSV、LaTex 等等）。 它并没有特定的扩展名， .html 或 .xml 都是可以的。模板包含 变量 或 表达式 ，这两者在模板求值的时候会被替换为值。模板中还有标签，控制模板的逻辑。Jinja2文档：http://docs.jinkan.org/docs/jinj...
关于flask使用jinja2渲染模板静态文件处理的问题
野草说技术
06-17 474
记录技术，分享技术——阿青 静态文件一般指css和js文件，flask使用jinja2渲染模板使用的静态文件一般放在项目文件夹下的static文件夹，html文件放在项目文件夹下的templates文件夹。 在渲染的模板中，js和css的引入路径要采用如下写法（以css为例） <link rel="stylesheet" type="text/css" href="css/index.css"/> <link rel="stylesheet" type="text/css" href="{
jinja中加载静态文件失效
05-29
如果在Jinja中加载静态文件失效，可能是因为以下原因： 1. 静态文件路径不正确：在Jinja中加载静态文件时，应该使用相对路径或者使用Flask提供的url_for()函数生成URL，确保路径正确。例如： ``` ('static', ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值