FLASK-url链接、加载静态文件

最新推荐文章于 2024-07-14 23:32:41 发布
最新推荐文章于 2024-07-14 23:32:41 发布
阅读量1.2w 收藏 14
点赞数 5
分类专栏： python-falsk开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hellosweet1/article/details/79729861
版权
url链接

使用’url_for(视图函数名称)’可以反转成url.
使用这个链接可以实现从一个文件跳转到另外一个文件

示例：
python.py

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/login/')
def login():
    return render_template('login.html')

if __name__ == '__main__':
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="{{ url_for('login') }}">登陆</a>
</body>
</html>

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这是登陆页面</h1>
</body>
</html>
加载静态文件

语法：

‘url_for(‘static’, filename=’路径’)’

静态文件，flask会从’static’文件夹中开始寻找，不需要再写’static’这个路径。
加载css语法:

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

加载js语法：

<script src="{{ url_for('static',filename='js/index.js') }}"></script>

加载图片的语法：

<img src="{{ url_for('static',filename='images/aaa.jpg') }}" alt="">

示例:

python.py

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/login/')
def login():
    return render_template('login.html')

if __name__ == '__main__':
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}">
    <script src="{{ url_for('static',filename='js/index.js') }}"></script>
</head>
<body>
<a href="{{ url_for('login') }}">登陆</a>
<img src="{{ url_for('static',filename='images/aaa.jpg') }}" alt="">
</body>
</html>

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这是登陆页面</h1>
</body>
</html>

static/css/index.css (这里是对a标签中的内容做修饰)

a{
    background: #ff0000;
}

static/js/index.js

alert('我是警告框');

static/images(这个下面存放要加载的图片)

越努力越幸运！
关注
专栏目录
Flask 框架——Flask 视图和 URL
weixin_44864954的博客
10-20 262
Flask 视图和 URL 1.虚拟环境 为什么需要虚拟环境 到目前为止，我们所有的第三方安装都是直接通过pip install xx 的方式进行安装的，这样安装会将那个包安装到你的系统级的 Python 环境中。但是这样有一个问题，就是如果你出现在用 Django 1.10.x 写了个网站，然后你的领导跟你说，之前有一个旧项目是用 Django 0.9 开发的，让你来维护，但是 Django 1.10 不再兼容 Django 0.9 的一些语法了。这时候就会碰到一个问题，我如何在我的电脑中同时拥有 Dja
Flask-Bootstrap 分析
示例和笔记
06-01 771
Flask-Bootstrap是一个基于Bootstrap前端框架的Flask扩展，提供易用的前端组件和模板，可以快速搭建美观的Web界面。
Python Flask框架 -- 加载静态文件
lpx666168的博客
03-22 704
Python Flask框架 -- 加载静态文件 代码示例
Flask(jinja2)——如何加载static静态文件
最新发布
小陈从不熬夜
07-14 328
详细介绍flask框架下项目如何加载静态文件资源~
Python_Flask 静态加载样式 图片 url_for(‘ ‘,filename=‘ ‘)
erfan_lang的博客
08-24 2352
目录代码展示 代码 # -*- codeing = utf-8 -*- # @Time : 2021/8/23 14:09 # @Author : 二帆 # @File : app1.py # @Software : PyCharm from flask import Flask,render_template import settings app = Flask(__name__) app.config.from_object(settings) @app.route('/base') def l
Flask视图和url
qq_42385761的博客
11-27 205
Flask视图和url 1、flask介绍 flask是用python语言基于Werkzeug工具箱编写的轻量级Web开发框架 flask本身相当于一个内核，其他几乎所有的功能都需要用到扩展，包括邮件扩展(Flask-Mail)、用户认证(Flask-Login)、数据库(Flask-SQLAlchemy)，这些都需要用第三方的扩展来实现。Flask没有默认的数据库，可以使用MySql，也可以使用NoSql 其WSGI工具箱采用Werkzeug(路由模块),模板引擎采用Jinja2。这两个是Flask的核心
flask url_for 图片URL 缺少端口号
baidu_36639782的博客
01-15 877
参考：https://q.cnblogs.com/q/103812/ Flask中关于url_for()的坑：https://blog.csdn.net/yannanxiu/article/details/52287870   需要flask返回服务器上静态文件的url地址： return url_for('static', _external=True, filename='image...
flask之 url和视图
yuaicsdn的博客
10-14 222
url和视图 文章目录url和视图一、url与函数的映射1.1 @app.route()1.2 约束类型二、构造url2.1 url_for2.2 指定url后面的斜杠('/')2.2 指定HTTP的方法2.3 重定向2.4 Response响应2.4.1 Response()2.4.2 make_response() 一、url与函数的映射 1.1 @app.route() route是一个视图函数，通过该装饰器装饰的函数，可以将括号后的url映射到装饰的函数，使url和函数产生关系。当访问该url时，可
Flask的URL与视图
weixin_45889347的博客
03-03 527
Flask的URL与视图
Flask-加载静态文件
qq_27110607的博客
07-02 1808
静态文件：css文件,js文件，图片等1，加载静态文件使用的是'url_for'函数，然后第一个参数是‘static’，第二个参数需要为一个关键字参数‘filename=‘路径’。示例：&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;知了课堂&lt;/title&gt; &lt;link rel="stylesh...
Flask缓存静态文件的具体方法
09-16
Flask默认会缓存这些静态文件以提高页面加载速度，但这也可能导致开发过程中更新的静态文件无法立即生效，因为浏览器可能会继续使用旧的缓存版本。本文将详细介绍如何在Flask中有效地缓存和管理静态文件，以便在开发...
flask-versioned:Flask 插件重写文件路径以添加版本信息
07-01
`flask-versioned` 插件实现了这个机制，它能够自动在静态文件路径后面附加一个版本号，确保每次文件更改后，URL都会发生变化。安装插件后，只需简单配置即可启用： ```bash pip install flask-versioned ``` 在 ...
flask--flask-bootstrap与表单
WanYu_Lss的博客
08-22 1886
1.flask-bootstrap (1)安装flask-bootstrap pip install flask-bootstrap (2)flask-bootstrap简单使用 创建bootstrap对象并初始化，构造简单的路由跟视图函数 from flask import Flask,render_template from flask_bootstrap import Boots...
python flask框架url与识图的映射
菜鸟学安全的博客
04-17 132
python flask框架入门之url与识图的映射。第一个python web的demo。
Flask展示静态文件
热门推荐
TCatTime的博客
07-11 1万+
Flask获取静态文件功能的使用方法介绍。
第二章 Flask的视图和URL
qq_42385761的博客
02-05 1178
flask基础视图和URL
flask框架html文件引用找不到指定路径
m0_54984152的博客
08-04 819
两种方法可以尝试： 1. app = Flask(__name__,template_folder="./templates",static_folder="./static", static_url_path="") static_url_path的默认路径是 ./static 2. <link href="{{ url_for('static', filename='/js/font.js') }}" rel="stylesheet"> ...
flask入门（三）静态文件
julac的博客
11-11 6584
静态文件（static files）和模板的概念相反，指的是内容不需要动态生成的文件，比如图片、CSS 文件和 JavaScript 脚本等。 在 Flask 中，我们需要创建一个 static 文件夹来保存静态文件，它应该和程序模块、templates 文件夹在同一目录层级。 生成静态文件 URL 在 HTML 文件里，引入这些静态文件需要给出资源所在的 URL，这些文件的 URL 可以通过 Flask 提供的 url_for() 函数来生成。 url_for() 函数的用法，传入端点值（视图函数的名称
txt文件读写；js跳转页面；flask向前台js传递字符串出现默认转义的情况；flask带参传值的方法注意
joesgod的博客
04-23 410
python 中txt文件的读写： https://blog.csdn.net/sjtuxx_lee/article/details/80081136 从txt文件中读出的字符串不能直接转化为int,需要先转化为float再转化为int： a = int(value) 报错：ValueError: invalid literal for int() with base 10: ‘21.0’ 解决：...
jinja中加载静态文件失效
05-29
如果在Jinja中加载静态文件失效，可能是因为以下原因： 1. 静态文件路径不正确：在Jinja中加载静态文件时，应该使用相对路径或者使用Flask提供的url_for()函数生成URL，确保路径正确。例如： ``` <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> ``` 2. 静态文件没有被正确放置：静态文件应该放置在Flask应用程序目录下的static文件夹中，如下所示： ``` myapp/ static/ css/ style.css js/ script.js templates/ index.html app.py ``` 确保静态文件被正确地放置在static文件夹中。 3. Flask应用程序没有正确配置：确保在Flask应用程序中正确配置了static_folder和static_url_path参数。例如： ``` app = Flask(__name__, static_folder='static', static_url_path='/static') ``` 这将在Flask应用程序中设置静态文件夹的名称为static，并将静态文件的URL路径设置为/static。 如果以上方法均无法解决问题，可以尝试使用浏览器的开发者工具查看网络请求，确定静态文件是否被正确加载。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值