對應《Flask?Web開發:基于Python的Web應用開發實戰?》

P30 例3-10

hello.py

#-*- encoding:utf-8 -*- import sys reload(sys) sys.setdefaultencoding('utf-8') from flask import Flask,render_template from flask.ext.bootstrap import Bootstrap app=Flask(__name__) bootstrap=Bootstrap(app) @app.route('/test') def index():return render_template('base.html') if __name__ == '__main__':app.run(debug=True,host='127.0.0.1',port=5002)

自己找個.ico文件放在static文件夾中

templates文件夾中放base.html,用的作者的github上的

{% extends "bootstrap/base.html" %}{% block title %}Flasky{% endblock %}{% block head %} {{ super() }} <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"> <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"> {% endblock %}{% block navbar %} <div class="navbar navbar-inverse" role="navigation"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="/">Flasky</a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav"><li><a href="/">Home</a></li></ul></div></div> </div> {% endblock %}{% block content %} <div class="container">{% block page_content %}{% endblock %} </div> {% endblock %}

總體而言，各個文件的放置結構如下：

最終運行效果如下：

所以靜態文件.ico就是為了最終打開瀏覽器的時候，標簽欄上有個小圖片，然后書上卻翻譯成：

這個圖標會顯示在瀏覽器的地址欄中。

總結

以上是生活随笔為你收集整理的基于flask让图标显示在浏览器的标签中（例3-10）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。