Python-Flask框架之 - 簡易靜態網站 !

時間  2019-11-16
標籤 python flask 框架 簡易 靜態 網站 欄目 Python 简体版
原文   原文鏈接

網站截圖:html

Python源代碼以下:python

# coding=utf-8
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/",methods=["GET","POST"])
def home():
    return render_template("home.html")

@app.route("/chapter1",methods=["GET","POST"])
def chapter1():
    return render_template("chapter1.html")
@app.route("/chapter1/1.1",methods=["GET","POST"])
def chapter1_1():
    return render_template("1.1.html")
@app.route("/chapter1/1.2",methods=["GET","POST"])
def chapter1_2():
    return render_template("1.2.html")

@app.route("/chapter2",methods=["GET","POST"])
def chapter2():
    return render_template("chapter2.html")
@app.route("/chapter2/2.1",methods=["GET","POST"])
def chapter2_1():
    return render_template("2.1.html")
@app.route("/chapter2/2.2",methods=["GET","POST"])
def chapter2_2():
    return render_template("2.2.html")


if __name__ == '__main__':
    app.run(debug=True)

HTML代碼: home程序員

<!DOCTYPE html>
<html lang="en">
<head>
     <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>首頁 - 陳彬的Python教程</title>

</head>
<body>
<h1>············································章節目錄··················································</h1>
<a href=" http://127.0.0.1:5000/chapter1"><img src="/static/chapter1.jpg" width="1350" height="270" /></a> <br>
<br>
<a href=" http://127.0.0.1:5000/chapter2"><img src="/static/chapter2.jpg" width="1350" height="270" /></a> <br>

</body>
</html>

HTML代碼: chapter1數據庫

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>第一章 - 陳彬的Python教程</title>
</head>
<body>
<h1><i>第一章</i></h1>
<a href=" http://127.0.0.1:5000/chapter1/1.1">1.1 Python簡介</a> <br>
<br>
<a href="http://127.0.0.1:5000/chapter1/1.2" target="_blank">1.2 Python安裝步驟</a> <br>
<br>
<br>
<br>
<a href="http://127.0.0.1:5000/">返回上一層</a> <br>
<br>
<br>
<br>
<a href=" http://www.baidu.com/" target="_blank">百度一下,你就知道!</a> <br>
<a href=" http://www.taobao.com/">淘寶網,淘你喜歡!</a> <br>
<br>


</body>
</html>

HTML代碼: chapter2編程

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>第二章 - 陳彬的Python教程</title>
</head>
<body>
<h1><i>第二章</i></h1>
<a href="http://127.0.0.1:5000/chapter2/2.1">2.1 Python基礎</a> <br>
<br>
<a href="http://127.0.0.1:5000/chapter2/2.2">2.2 Python函數</a> <br>
<br>
<br>
<br>
<a href="http://127.0.0.1:5000/">返回上一層</a> <br>
</body>
</html>

HTML代碼: 1.1flask

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>1.1 Python簡介-陳彬的Python教程</title>
</head>
<body>
<p>1.1 Python簡介</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python是著名的「龜叔」Guido van Rossum在1989年聖誕節期間，爲了打發無聊的聖誕節而編寫的一個編程語言。 如今，全世界差很少有<br>
 <br>
  600多種編程語言，但流行的編程語言也就那麼20來種。若是你據說過TIOBE排行榜，你就能知道編程語言的大體流行程度 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;當你用一種語言開始做真正的軟件開發時，你除了編寫代碼外，還須要不少基本的已經寫好的現成的東西，來幫助你加快開發進度。好比 <br>
 <br>
       說，要編寫一個電子郵件客戶端，若是先從最底層開始編寫網絡協議相關的代碼，那估計一年半載也開發不出來。高級編程語言一般都會提供 <br>
 <br>
    一個比較完善的基礎代碼庫，讓你能直接調用，好比，針對電子郵件協議的SMTP庫，針對桌面環境的GUI庫，在這些已有的代碼庫的基礎上 <br>
 <br>
    開發，一個電子郵件客戶端幾天就能開發出來。 <br>
<img src="/static/girl3.jpg" width="500" height="300" />  <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python就爲咱們提供了很是完善的基礎代碼庫，覆蓋了網絡、文件、GUI、數據庫、文本等大量內容，被形象地稱做「內置電池（batteries <br>
 <br>
    included）」。用Python開發，許多功能沒必要從零編寫，直接使用現成的便可。 <br>
 <br>
    除了內置的庫外，Python還有大量的第三方庫，也就是別人開發的，供你直接使用的東西。固然，若是你開發的代碼經過很好的封裝，也能夠 <br>
 <br>
    做爲第三方庫給別人使用。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;許多大型網站就是用Python開發的，例如YouTube、Instagram，還有國內的豆瓣。不少大公司，包括Google、Yahoo等，甚至NASA（美國 <br>
<br>
航空航天局）都大量地使用Python。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龜叔給Python的定位是「優雅」、「明確」、「簡單」，因此Python程序看上去老是簡單易懂，初學者學Python，不但入門容易，並且未來深刻下 <br>
 <br>
    去，能夠編寫那些很是很是複雜的程序。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;總的來講，Python的哲學就是簡單優雅，儘可能寫容易看明白的代碼，儘可能寫少的代碼。若是一個資深程序員向你炫耀他寫的晦澀難懂、動不 <br>
<br>
動就幾萬行的代碼，你能夠盡情地嘲笑他。 <br>
 <br>
首選是網絡應用，包括網站、後臺服務等等； <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;其次是許多平常須要的小工具，包括系統管理員須要的腳本任務等等； <br>
 <br>
另外就是把其餘語言開發的程序再包裝起來，方便使用。 <br>
 <br>
最後說說Python的缺點。 <br>
<img src="/static/girl4.jpg" width="500" height="300" /> <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任何編程語言都有缺點，Python也不例外。優勢說過了，那Python有哪些缺點呢？ <br>
 <br>
第一個缺點就是運行速度慢，和C程序相比很是慢，由於Python是解釋型語言，你的代碼在執行時會一行一行地翻譯成CPU能理解的機器碼， <br>
 <br>
這個翻譯過程很是耗時，因此很慢。而C程序是運行前直接編譯成CPU能執行的機器碼，因此很是快。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;可是大量的應用程序不須要這麼快的運行速度，由於用戶根本感受不出來。例如開發一個下載MP3的網絡應用程序，C程序的運行時間 <br>
 <br>
須要0.001秒，而Python程序的運行時間須要0.1秒，慢了100倍，但因爲網絡更慢，須要等待1秒，你想，用戶能感受到1.001秒和1.1秒的區 <br>
<br>
別嗎？ <br>
 <br>
        這就比如F1賽車和普通的出租車在北京三環路上行駛的道理同樣，雖然F1賽車理論時速高達400千米，但因爲三環路堵車的時速只有20千米， <br>
 <br>
所以，做爲乘客，你感受的時速永遠是20千米。 <br>
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter1">返回上一層</a> <br>
<a href="http://127.0.0.1:5000/">回到首頁</a> <br>
<br>
<br>
<br>
</body>
</html>

HTML代碼: 1.2瀏覽器

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>1.2 Python安裝步驟-陳彬的Python教程</title>
</head>
<body>
<p>1.2 Python安裝步驟</p>
在Mac上安裝Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;若是你正在使用Mac，系統是OS X 10.8~10.10，那麼系統自帶的Python版本是2.7。要安裝最新的Python 3.6，有兩個方法： <br>
方法一：從Python官網下載Python 3.6的安裝程序（網速慢的同窗請移步國內鏡像），雙擊運行並安裝； <br>
方法二：若是安裝了Homebrew，直接經過命令brew install python3安裝便可。 <br>
在Linux上安裝Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;若是你正在使用Linux，那我能夠假定你有Linux系統管理經驗，自行安裝Python 3應該沒有問題，不然，請換回Windows系統。 <br>
對於大量的目前仍在使用Windows的同窗，若是短時間內沒有打算換Mac，就能夠繼續閱讀如下內容。 <br>
在Windows上安裝Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首先，根據你的Windows版本（64位仍是32位）從Python的官方網站下載Python 3.6對應的64位安裝程序或32位安裝程序（網速 <br>
慢的同窗請移步國內鏡像），而後，運行下載的EXE安裝包 <br>
<img src="/static/girl5.jpg" width="500" height="300" />
<br>
<br>
<br>


</body>
</html>

HTML代碼: 2.1網絡

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>2.1 Python基礎-陳彬的Python教程</title>
</head>
<body>
<p>2.1 Python基礎</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python是一種計算機編程語言。計算機編程語言和咱們平常使用的天然語言有所不一樣， <br>
最大的區別就是，天然語言在不一樣的語境下有不一樣的理解，而計算機要根據編程語言執行任務， <br>
就必須保證編程語言寫出的程序決不能有歧義，因此，任何一種編程語言都有本身的一套語法， <br>
編譯器或者解釋器就是負責把符合語法的程序代碼轉換成CPU可以執行的機器碼，而後執行。 <br>
Python也不例外。 <br>
<img src="/static/girl.jpg" width="200" height="300" />
&nbsp;&nbsp;&nbsp;&nbsp;<img src="/static/girl2.jpg" width="200" height="300" />
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter2">返回上一層</a> <br>
<a href="http://127.0.0.1:5000/">回到首頁</a> <br>

</body>
</html>

HTML代碼: 2.2app

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>2.2 Python函數-陳彬的Python教程</title>
</head>
<body>
<p>2.2 Python函數</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在Python中，定義一個函數要使用def語句，依次寫出函數名、括號、括號中的參數和冒號:，而後，在縮進塊中編寫函數體， <br>
函數的返回值用return語句返回。 <br>
咱們以自定義一個求絕對值的my_abs函數爲例： <br>
def my_abs(x): <br>
    if x >= 0: <br>
        return x <br>
    else: <br>
        return -x <br>
<img src="/static/girl6.jpg" width="400" height="300" />
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter2">返回上一層</a> <br>
<a href="http://127.0.0.1:5000/">回到首頁</a> <br>
</body>
</html>

 

HTML筆記:編程語言

*HTML標題: <h1>這是一個標題</h1> 最重要的(字體最大)
<h2>這是一個標題</h2> 次重要的
<h3>這是一個標題</h3> 次之
注: 瀏覽器會自動地在標題的先後添加空行。

*HTML段落: <p>這是一個段落</p>
<p>這是另一個段落</p>

*換行: <br>

*空格: &nbsp # 右鍵摺疊(folding), 摺疊全部, 再展開全部, 空格部分就會所有被摺疊起來.

*連接: <a href="http://www.runoob.com">這是一個連接</a>

*圖像: <img src="/images/logo.png" width="258" height="39" />

*音樂: <embed src="/static/music.mp3" hidden="true" autostart="true" loop="true"> # <body></body>中添加
註釋: hidden=true表明隱藏播放 , autostart=true表明自動播放 , loop=true表明循環播放

*水平線: <hr> 標籤在 HTML 頁面中建立水平線。

*註釋: {# 註釋內容 #}

*加粗: <b> 內容 </b>

*斜體: <i> 內容 </i>

*<ul></ul> : 無序列表
*<li></li> : 無序列表內的列表項

*html函數格式: {% 循環 %} {{ 內含變量 }} {# 註釋 #}

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程