flask學習筆記（七）：URL連結和載入靜態檔案
阿新 • • 發佈：2019-02-18
靜態檔案的載入，需要先新建資料夾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)
最後的效果：
