flask学习笔记(七):URL链接和加载静态文件

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

同时也要用到url_for模块。

flask学习笔记(七):URL链接和加载静态文件_第1张图片

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




    
    index
    
    


login


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)

最后的效果:

 

flask学习笔记(七):URL链接和加载静态文件_第2张图片

flask学习笔记(七):URL链接和加载静态文件_第3张图片

 

你可能感兴趣的:(Flask)