FLASK-url連結、載入靜態檔案
阿新 • • 發佈:2019-01-05
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(這個下面存放要載入的圖片)