5. 链接辅助函数 与 使用静态文件

12.tornado操作之使用Bootstrap美化项目(Bootstrap的使用及font- awesome插件的使用)+ 静态文件的处理 12.tornado操作之使用 Bootstrap 前端框架美化项目(Bootstrap的使用及font- awesome插件的使用)+ 静态文件的处理 阅读详情

1、链接辅助函数url_for()
为什么要有这个函数?待会再说,先用起来。
首先,在hello.py中from flask import Flask, render_template后面加上url_for,然后在定义的index()函数中定义变量

img=url_for('static', filename='favicon.ico')     
# url_for的参数,'static'表示文件类型,filename用来存文件在static文件夹中的路径
return render_template('index.html', img=img)     #末尾加上img=img

接着,去模板文件index.html中设置图片显示,在内容块({% block page_content %})中添加

<img src="{{img}}" />

然后重启服务器,在浏览器中就可以看到图片了(就是那个小辣椒)。
这里写图片描述
再来看为什么的问题,树上这么写的:
”在模板中直接编写简单路由的URL链接不难,但对于包含可变部分的动态路由,在模板中构建正确的URL就很困难。而且,直接编写URL会对代码中定义的路由产生不必要的依赖关系。如果重新定义路由,模板中的链接可能会失效。为了避免这些问题,Flask提供了url_for()辅助函数。“
对这段话并不理解,可能是因为我定义URL过程中没遇到那些问题。存疑,以后再回来理解。


再补充点url_for()的用法:
1. 直接以视图函数作参数,返回对应的URL。
比如当前的hello.py中调用url_for(‘index’)则返回/。
调用url_for(‘index’, _external=True)返回的则是绝对地址,http://localhost:5000/。
2. 使用url_for()生成动态地址时,将动态部分作为关键字参数传入。
如:url_for(‘user’, name=’john’, _external=True)的返回结果是http://localhost:5000/user/john。
3. 添加额外参数到查询字符串中。
如:url_for(‘index’, page=2)的返回结果是/?page=2。


2、使用静态文件
静态文件,指不含变量、不会被脚本或浏览器改动的文件,比如图片/HTML文件/CSS文件/javascript源码等。

Flask处理静态文件要注意两点:
一是静态文件位置,要存放在Python脚本同级的static文件夹中,如果需要,可以建立子文件夹;
二是处理方法,既可以在脚本中编码涉及,也可以在模板文件中涉及。

用法就是简单的文件调用,可以直接通过文件路径访问,也可以用url_for()函数访问。

【天气雷达】双偏振产品-差分传播相移KDP详解 双偏振产品-差分传播相移KDP详解。 阅读详情

相关推荐

特征提取 Features Extraction

介绍了特征提取的基本概念,从分类变量,文本信息和图片信息中进行特征提取的方法,以及实现特征提取的类库

JasonH2021的博客 1万+

url链接(url_for)与加载静态文件(static文件夹下的js、css、image)

url链接和加载静态文件 url链接: 1、语法:url_for('static',filename='路径') 2、静态文件,flask会从static文件夹中开始寻找,所以不需要再写static这个路径 3、可以加载CSS/js/image 静态文件 &lt;link rel="stylesheet" href="{{url_for('static',filename='css/ind...

qq_39974381的博客 1万+

零信任架构实战:“持续验证+动态授权”全流程解析(附策略引擎联动图)

《零信任实战指南:7图拆解核心流程与行业案例》摘要:本文通过7张架构图系统解析零信任五大核心流程:强身份认证、设备检查、动态授权、持续监控和自动降权。对比金融(重数据审计)与制造业(重物理绑定)的落地差异,指出三大常见误区及解决方案。数据显示,零信任可使安全响应提速60%,泄露成本降低45%。文章提供6个月实施路线图,强调零信任是"智能信任"体系,建议企业分阶段改造,优先保护核心系统。附赠金融/制造行业策略模板及甘特图示例。(149字)

sara_han的博客 773

url_for('static', filename='style.css')

About Python Url

weixin_43936728的博客 1457

YOLOv11垃圾检测实战:从零搭建带GUI的智能分类系统(附完整数据集)

本文详细介绍了如何从零开始构建一个基于YOLOv11的智能垃圾检测系统,并集成图形化界面。内容涵盖数据集构建与增强、模型选型与轻量化改进(如引入注意力机制),以及使用PyQt5开发稳定GUI的完整流程,旨在解决实际部署中精度与速度的平衡问题,为环保科技等应用场景提供可落地的解决方案。

646

PT32F030与MT6826S SPI通讯实战:从硬件连接到数据交互全流程解析

本文详细解析了PT32F030与MT6826S通过SPI通讯的全流程,包括硬件连接、电路设计、SPI外设初始化配置以及数据交互协议实现。通过实战案例和代码示例,帮助开发者快速掌握PT32F030与MT6826S的SPI通讯技术,实现精准的角度和速度数据采集。

weixin_29189373的博客 420

Python Web开发,Flask学习——第三篇 静态文件

静态文件(static files)和我们的模板概念相反,指的是内容不需要动态生成的文件。比如图片、CSS 文件和 JavaScript 脚本等。

白话机器学习 1678

51单片机+L298驱动步进电机+L297测速+LCD1602显示+按键调试+Proteus仿真

51单片机+L298驱动步进电机+L297测速+LCD1602显示+按键调试+Proteus仿真 *Proteus仿真 L298N是双H桥式驱动器。 L297是步进电机控制集成芯片(包括环形分配器),可产生四相驱动信号,应用于微处理机控制两相双极性和四相单极性步进电机。电动机可由半阶梯、正常和斩波驱动模式驱动,同时设于晶片内的PWM斩波线路容许以开关形式控制线路的电流。此器件只需要时钟、方向和模式输入信号。相位是由内部产生的,因此可减轻微处理机和程序设计的负担。 实例代码 /************

perseverance51博客 4584

Flask 使用url_for反向构建url访问静态文件

<link href="{{ url_for("static",filename="test.css")}}" rel="stylesheet">

weixin_41665106的博客 2864

基于 Qt C++ 的战术通信终端

logMessage(QString("新客户端连接来自: %1:%2").arg(incomingTcpSocket->peerAddress().toString()).arg(incomingTcpSocket->peerPort()));logMessage(QString("服务器已启动,在 [%1]:%2 监听IPv6连接...").arg(ui->lineEditAddress->text()).arg(port));

寒寒豆豆软件公司的博客 77

从码农到生态建造者:我的一人公司运作方案

华哥·OPC 运营方案 v1.0 - 第一次迭代 🚀,搭建闭环生态系统,赋能 AI 时代的超级个体,更好的做自己,同时照亮别人。

AaronZZH 的博客 994

9. Flask 中 url_for 函数

一般情况下,都是通过url,找到对应的视图函数的。而URL反转,则是根据视图函数的名称 得到当前所指向的url。 url_for() 函数最简单的用法是以视图函数名作为参数,返回对应的url,还可以用作加载静态文件: <link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}"> ...

carl95271的博客 1016

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

链接管理和静态文件

模板中的链接管理 模板中导航条可以包含不同页面的链接。虽然可以直接在模板中编写简单路由的链接,但是对于动态路由就比较麻烦,而且直接编写URL会对代码定义的路由产生不必要的依赖。 假设app.route('/')改成了app.route('index'),虽然视图函数没变,但是模板中'/'部分都要改成'inde...

weixin_34000916的博客 105

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

5.Gin 静态文件服务

5.Gin 静态文件服务静态文件服务当我们渲染的 HTML 文件中引用了静态文件时, 我们需要配置静态 web 服务。代码示例准备静态文件1696178698221h1{ color:red; }配置静态文件的加载1696178751358//定义静态文件路径 r.Static("/static","static")“前面的/static 表示路由 后面的./static 表示路径”...

DevOps海洋的渔夫@专栏 2849

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

5分钟学会使用http-server搭建本地静态文件服务器教程

想要快速搭建一个本地HTTP服务器来预览网页项目吗?http-server是一个简单易用的零配置命令行静态HTTP服务器,无需复杂的设置就能立即投入使用。这篇教程将带你从零开始,5分钟内掌握这个强大的工具。 ## 立即体验:30秒启动你的第一个服务器 如果你已经安装了Node.js,那么可以直接使用npx命令启动http-server: ``` npx http-server ``` 就是

gitblog_01045的博客 1155

(5)ASP.NET Core 中的静态文件

1.前言 当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML、CSS、IMG、JavaScript等文件,而这些文件都是Core提供给客户端使用的静态文件。但是这些静态文件需要在Core里面配置才可以对外公开访问。 2.设置静态文件目录 静态文件都存储在Core Web根目录中。默认目录是<content_root>...

weixin_30483013的博客 729

(5)ASP.NET Core2.2 中的静态文件

当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML、CSS、IMG、JavaScript等文件,而这些文件都是Core提供给客户端使用的静态文件。但是这些静态文件需要在Core里面配置才可以对外公开访问。

wzk153的博客 980

配置静态文件路径_ASP.NET Core 中的静态文件

1.前言当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML、CSS、IMG、JavaScript等文件,而这些文件都是Core提供给客户端使用的静态文件。但是这些静态文件需要在Core里面配置才可以对外公开访问。2.设置静态文件目录静态文件都存储在Core Web根目录中。默认目录是/wwwroot,但可通过 UseWebR...

weixin_42185419的博客 1186

django 配置对于静态文件访问的路径

1、准备工作 准备css文件,准备js文件,准备image文件。 在网站根目录新建目录【medias】,在【medias】目录新建目录【styles】,用来存放css文件。   2、配置对于静态文件访问的路径 2.1、在settings.py文件中添加静态文件的目录 假设mysite是网站的根目录,medias是刚才我们新建的目录  

流星雨的专栏 2057

5分钟搭建高性能静态文件服务:PocketBase实战指南

你还在为配置Nginx/Apache静态文件服务繁琐而烦恼?还在为实现HTTPS和缓存策略四处搜索教程?本文将带你5分钟搞定PocketBase静态文件服务,无需复杂配置,轻松实现高性能文件托管。读完本文你将掌握:基础配置步骤、缓存优化技巧、HTTPS部署方法及常见问题解决方案。 ## 核心优势解析 PocketBase作为开源实时后端解决方案,其静态文件服务具有三大核心优势: - **零依...

gitblog_00674的博客 497

Django(六)静态文件

Django 框架 (六)静态文件 第一步:路径配置 1.在crm同级下创建static文件夹 2.打开settings.py文件 在最下面修改如下,其中第一行代码中的static可以换为任意字符 STATIC_URL = '/static/' STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')] 第二步:写入静态文件index.css 1....

Weary_PJ的博客 559

我的Django学习笔记(5)静态文件

在模板中加载静态文件: 静态文件: 除了服务器生成的HTML外,Web应用程序通常还需要提供其他文件(如图像,JavaScript或CSS),这些文件是呈现整个Web页面所必需的。 1、确保放置静态文件夹的app已经在项目settings.py的INSTALLED_APP中激活 Django的STATICFILES_FINDERS设置包含一个查找器列表,这些查找器知道如何从各种来源发现静态文件 AppDirectoriesFinder在每个目录中查找一个“静态”子目录 INSTALLED_APPS

hide_in_darkness的博客 215

告别复杂配置:axum静态文件服务的5种实战方案

你是否还在为Web项目中的资源分发烦恼?静态文件服务作为Web应用的基础设施,直接影响用户体验与系统性能。本文将通过axum框架的静态文件服务实现,带你掌握从基础部署到高级优化的全流程方案,无需复杂配置即可构建高效资源分发系统。 ## 一、快速启动:5分钟搭建基础服务 axum提供了极简的静态文件服务实现方式,通过`ServeDir`中间件可一键托管目录资源。核心代码位于[examples/s...

gitblog_00458的博客 626

如何在5分钟内用WhiteNoise为Django应用添加静态文件服务 [特殊字符]

**WhiteNoise静态文件服务**是为Python Web应用提供静态文件服务的终极解决方案!如果你正在寻找一种简单、高效的方式来处理Django应用的CSS、JavaScript和图片文件,那么WhiteNoise正是你需要的工具。本文将为你展示如何快速集成WhiteNoise到你的Django项目中,让你在5分钟内获得专业的静态文件处理能力。 ## 为什么选择WhiteNoise?✨

gitblog_00296的博客 352

Sandpack 进阶指南:如何在沙盒环境中使用静态文件

Sandpack 作为一款强大的浏览器端代码沙盒工具,最新推出了静态文件服务的测试版功能。这项功能允许开发者在沙盒环境中直接使用 SVG、字体、图片等静态资源,极大地扩展了 Sandpack 的应用场景。 ## 功能启用方式 要启用静态文件服务功能,需要在 Sandpack 组件中设置特定的实验性选项。目前有两种配置方式: ### 通过 SandpackProvider 配置 ```jsx...

gitblog_00602的博客 441

python爬取网页链接和静态文件链接_python3 抓取网站链接

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里技术人对外发布原创技术内容的最大平台;社区覆盖了云计算、大数据、人工智能、IoT、云原生、数据库、微服务、安全、开发与运维9大技术领域。","link1":...

weixin_39678531的博客 143
上一篇: 4. 自定义错误页面
下一篇: 6. 用Flask-Moment本地化日期和时间
LEadpythON
博客等级 码龄11年 60粉丝 12原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值