python基礎flask——bootstrap模板
阿新 • • 發佈:2021-01-16
困於下衡於慮而後作
今天的學習目標是bootstrap模板的使用
模板能減少很多工作量,想搭建網站,模板必不可少,可以節約時間來研究邏輯部分
首先是官方文件,boostrap文件
開啟網頁後,先下載例項
1.使用bootstrap模板
下載完成之後,開啟第一個示例的html,將這個html複製到專案資料夾的templates中
輸入如下程式碼:
from flask_bootstrap import Bootstrap
from flask import Flask
from flask import render_template
from datetime import datetime
app = Flask(__name__)
bootstrap = Bootstrap(app)
print(bootstrap)
@app.route('/')
def hello():
return render_template('index.html')
app.run(debug=True)
開啟連結即可看見顯示的介面
其實index頁面是可以對base裡面的html進行繼承的,繼承就相當於使用模板
{% extends "bootstrap/base.html" %} {% block title %}Flask{% endblock %}
當然,可以定義塊的內容
2.自定義錯誤頁面
from flask import Flask
from flask import render_template
app = Flask(__name__)
@app.errorhandler(404)
def page_not_found(e):
print(e)
return render_template('404.html'), 404
@app.errorhandler(500)
def page_not_found(e):
print(e)
return render_template('404.html') , 500
app.run(debug=True)
3.使用flask-moment本地化時間和日期
安裝:
pip install flask-moment
程式碼:
from date import datetime
@app.route('/')
def hello():
return render_template('index.html',current_time=datetime.utcnow())
app.run()
index.html中的程式碼
<h1>hello word</h1>
<p>本地資料時間{{moment(current_time).format('LLL')}}</p>
<p>時間{{moment(current_time).fromNow(refresh=True)}}</p>
書中給的這段html程式碼時間顯示不出來,不知道是怎麼回事,找不到答案,暫時先留下這個問題
下節準備學習flask的web表單