flask学习笔记（七）：URL链接和加载静态文件

最新推荐文章于 2024-06-17 09:12:06 发布

观月执白

最新推荐文章于 2024-06-17 09:12:06 发布

阅读量4k

点赞数

分类专栏： Flask

本文链接：https://blog.csdn.net/pianzang5201/article/details/81843382

版权

Flask 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

静态文件的加载，需要先新建文件夹static，在文件夹下再新建css、js、images文件夹，在这些文件夹中存放css、js、images。

同时也要用到url_for模块。

注意css、js、images使用的标签不同

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</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') }}">login</a>
<img src="{{ url_for('static', filename='images/20180819002220436.png') }}">
</body>
</html>

css和js文件分别是

a{
    background:red;
}

alert("Warning FBI !");

而后端的python逻辑并未修改：

#-*- coding:utf-8 -*-
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)

最后的效果：

观月执白

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
flask学习笔记（七）：URL链接和加载静态文件

静态文件的加载，需要先新建文件夹static，在文件夹下再新建css、js、images文件夹，在这些文件夹中存放css、js、images。同时也要用到url_for模块。注意css、js、images使用的标签不同&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UT...
复制链接

扫一扫

专栏目录