1. 程式人生 > 其它 >python基礎flask——bootstrap模板

python基礎flask——bootstrap模板

技術標籤:pythonpython

困於下衡於慮而後作
今天的學習目標是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表單