Python Web框架Flask下網(wǎng)站開發(fā)入門實例
一、Flask簡介
Flask 是一個 Python 實現(xiàn)的 Web 開發(fā)微框架。官網(wǎng)：http://flask.pocoo.org/
二、Demo
1、代碼結(jié)構(gòu)
.
├── blog.py
├── static
│ ├── css
│ │ └── index.css
│ ├── images
│ │ ├── cat.jpg
│ │ └── sheying1229.jpg
│ └── js
└── templates
├── index.html
├── login.html
├── regist.html
└── upload.html
5 directories, 8 files
2、主程序blog.py
#!/usr/bin/python
#coding:utf8
from flask import Flask, render_template, url_for, request,redirect,make_response,session
import os,MySQLdb
app = Flask(__name__)
app.secret_key='afjlsjfowflajflkajfkjfkaljf'
user_list = ['jim','max','py']
imagepath = os.path.join(os.getcwd(),"static/images")
@app.route('/')
def index():
username = request.cookies.get('username')
if not username:
username = u'請先登錄'
islogin = session.get('islogin')
nav_list = [u'首頁',u'經(jīng)濟',u'文化',u'科技',u'娛樂']
blog = {'title':'welcome to my blog','content':'hello, welcome to my blog.'}
blogtag = {'javascript':10,"python":20,"shell":5}
img = url_for('static', filename="images/cat.jpg")
return render_template('index.html', nav_list=nav_list, username=username, blog = blog, blogtag = blogtag, img=img, islogin=islogin)
@app.route('/reg', methods=['GET','POST'])
def regist():
if request.method == 'POST':
username = request.form['username']
conn = MySQLdb.connect(user='root',passwd='admin',host='127.0.0.1')
conn.select_db('blog')
curr = conn.cursor()
sql = 'insert into `user` (`id`,`username`) values (%d,"%s")' % (1,username)
curr.execute(sql)
conn.commit()
curr.close()
conn.close()
return "user %s regist ok!" % request.form['username']
else:
#request.args['username']
return render_template('regist.html')
@app.route('/upload', methods=['GET','POST'])
def upload():
if request.method == 'POST':
username = request.form['username']
file = request.files['img']
filename = file.filename
file.save(os.path.join(imagepath,filename))
return "<img src='static/images/%s' alt=''/>" % filename
else:
return render_template('upload.html')
@app.route('/login/', methods=['GET','POST'])
def login():
if request.method == 'POST':
username = request.form.get('username')
if username in user_list:
response = make_response(redirect('/'))
response.set_cookie('username', value=username, max_age=300)
session['islogin'] = '1'
return response
else:
session['islogin'] = '0'
return redirect('/login/')
else:
return render_template('login.html')
if __name__ == '__main__':
app.run(debug=True,host='0.0.0.0',port=5000)
主要有首頁、注冊、登錄、上傳頁面。
blog.py主要是展示了Flask中常見功能用法：路由，數(shù)據(jù)庫操作，cookie，session，redirect，表單，文件上傳，調(diào)試，Web服務器的IP和端口，靜態(tài)文件讀取等。
3、首頁模板index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Flask DEMO</title>
<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
</head>
<body>
<div class="header">
{%if islogin == '1' %}
<h1>Welcome ,{{username}}!</h1>
{%else%}
<h1>{{username}}!</h1>
{%endif%}
<div class="nav">
<ul>
{%for nav in nav_list%}
<li><a href="{{nav}}">{{nav}}</a></li>
{%endfor%}
</ul>
</div>
</div>
<div class="container">
<div class="item">
<h1>{{blog['title']}}</h1>
<div class="content">
<img src="/static/images/cat.jpg" alt="cat" />
<p>{{blog['content']}}</p>
<img src="{{img}}" alt="cat" />
</div>
</div>
<div class="side">
<ul>
{%for key,value in blogtag.items()%}
<li>{{key}}({{value}})</li>
{%endfor%}
</ul>
</div>
</div>
</body>
</html>
這個模板主要展示了在Flask模板中如何讀取各種類型的變量。
4、登錄頁面login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
</head>
<body>
<div class="header">
<h1>Login</h1>
</div>
<div class="container">
<div class="item">
<form action="" method="post">
<input type="text" placeholder="please input username" name="username" /><br/>
<input type="submit" value="Login"/>
</form>
</div>
</div>
</body>
</html>
結(jié)合blog.py主要展示表單如何提交取值，cookie和session應用。
5、注冊頁面regist.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Regist</title>
<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
</head>
<body>
<div class="header">
<h1>Regist</h1>
</div>
<div class="container">
<div class="item">
<form action="" method="post">
<input type="text" placeholder="please input username" name="username" /><br/>
<input type="submit" value="Regist"/>
</form>
</div>
</div>
</body>
</html>
結(jié)合blog.py主要展示了數(shù)據(jù)庫操作。
6、上傳頁面upload.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Upload</title>
<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
</head>
<body>
<div class="header">
<h1>Upload</h1>
</div>
<div class="container">
<div class="item">
<form action="" method="post" enctype="multipart/form-data">
<input type="text" name="username" /><br/>
<input type="file" name="img" /><br/>
<input type="submit" value="Upload"/>
</form>
</div>
</div>
</body>
</html>
結(jié)合blog.py主要展示了如何上傳文件。
7、運行效果
相關(guān)文章
np.mean?是 NumPy 庫中的一個函數(shù),用于計算給定數(shù)組或數(shù)組元素的算術(shù)平均值,本文主要介紹了NumPy庫中np.mean的具體使用,具有一定的參考價值,感興趣的可以了解一下2025-04-04
Requests是用Python語言編寫，基于urllib，采用Apache2 Licensed開源協(xié)議的HTTP庫。它比urllib更加方便，可以節(jié)約我們大量的工作，完全滿足HTTP測試需求。Requests的哲學是以PEP 20 的習語為中心開發(fā)的，所以它比urllib更加Pythoner。更重要的一點是它支持Python3哦！2017-08-08
這篇文章主要為大家詳細介紹了python相似模塊用例，感興趣的小伙伴們可以參考一下2016-03-03
Python基本數(shù)據(jù)結(jié)構(gòu)與用法詳解【列表、元組、集合、字典】
這篇文章主要介紹了Python基本數(shù)據(jù)結(jié)構(gòu)與用法,結(jié)合實例形式分析了Python基本數(shù)據(jù)結(jié)構(gòu)中的列表、元組、集合、字典相關(guān)概念、使用方法及推導式、遍歷等相關(guān)使用技巧,需要的朋友可以參考下2019-03-03
如何判定此次測試是否達標,代碼覆蓋率是衡量的標準之一,利用fastapi框架重寫了覆蓋率統(tǒng)計服務,然后通過diff操作統(tǒng)計增量代碼覆蓋率,當然要使用diff操作,避免不了與git打交道,那python如何操作gi t呢,本文將詳細介紹了Python腳本化Git的操作2024-03-03
在本篇文章里小編給大家整理的是一篇關(guān)于python中pdb模塊實例用法的相關(guān)內(nèi)容，有興趣點朋友們可以學習下。2021-01-01
Python爬蟲逆向分析某云音樂加密參數(shù)的實例分析
這篇文章主要介紹了Python爬蟲逆向分析某云音樂加密參數(shù),本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
python實現(xiàn)的一只從百度開始不斷搜索的小爬蟲
這是我第三天學python了， 想寫一個東西紀念一下吧，于是寫了一直爬蟲，但是不是好的蟲，只能講網(wǎng)頁的關(guān)鍵詞存到本地， 但是我覺得基本上算是一只小蟲了2013-08-08
pytorch實現(xiàn)從本地加載 .pth 格式模型
今天小編就為大家分享一篇pytorch實現(xiàn)從本地加載 .pth 格式模型，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-02-02
Python常用列表數(shù)據(jù)結(jié)構(gòu)小結(jié)
這篇文章主要介紹了Python常用列表數(shù)據(jù)結(jié)構(gòu)小結(jié),很有參考借鑒價值,需要的朋友可以參考下2014-08-08