Flask-url加载静态文件-CSDN博客

实现从index通过链接进入到登录页面

#############Python#########################

# encoding: 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)
####################index.html#####################

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="{{ url_for("static",filename='index.css') }}">  {#加载css#}

    <script src="{{ url_for("static",filename='js/index.js')}}"></script>   {#加载js#}
</head>
<body>
{#    <a href="/login/">登录</a>#}
    <a href="{{ url_for('login') }}">登录</a>   {#####主要使用了url_for#}


    <img src="{{ url_for('static',filename='images/niu.jpg') }}">   {#####加载图片#}
</body>
</html>


####################login.html######################

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这是登录界面</h1>
</body>
</html>
======================index.css=====================

a{
    background:red;
}
=====================index.js=======================

alert("祝大家新年快乐！")
=====================结构图==========================

转载于:https://www.cnblogs.com/wangyafeng/p/8135370.html