一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

腳本之家,腳本語言編程技術及教程分享平臺!
分類導航

Python|VBS|Ruby|Lua|perl|VBA|Golang|PowerShell|Erlang|autoit|Dos|bat|

服務器之家 - 腳本之家 - Python - Python Web框架Flask下網站開發入門實例

Python Web框架Flask下網站開發入門實例

2019-11-17 16:59junjie Python

這篇文章主要介紹了Python Web框架Flask下網站開發入門實例,本文實現了一個注冊頁面、登錄頁面和上傳頁面,需要的朋友可以參考下

一、Flask簡介

Flask 是一個 Python 實現的 Web 開發微框架。官網:http://flask.pocoo.org/

二、Demo

1、代碼結構

 

復制代碼代碼如下:


.
├── 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

  1. #!/usr/bin/python 
  2. #coding:utf8 
  3.  
  4.  
  5.  
  6. from flask import Flask, render_template, url_for, request,redirect,make_response,session 
  7. import os,MySQLdb 
  8.  
  9. app = Flask(__name__) 
  10. app.secret_key='afjlsjfowflajflkajfkjfkaljf' 
  11. user_list = ['jim','max','py'
  12.  
  13. imagepath = os.path.join(os.getcwd(),"static/images"
  14.  
  15. @app.route('/'
  16. def index(): 
  17.     username = request.cookies.get('username'
  18.     if not username: 
  19.         username = u'請先登錄' 
  20.     islogin = session.get('islogin'
  21.     nav_list = [u'首頁',u'經濟',u'文化',u'科技',u'娛樂'
  22.     blog = {'title':'welcome to my blog','content':'hello, welcome to my blog.'
  23.     blogtag = {'javascript':10,"python":20,"shell":5} 
  24.     img = url_for('static', filename="images/cat.jpg"
  25.     return render_template('index.html', nav_list=nav_list, username=username, blog = blog, blogtag = blogtag, img=img, islogin=islogin) 
  26.  
  27. @app.route('/reg', methods=['GET','POST']) 
  28. def regist(): 
  29.     if request.method == 'POST'
  30.         username = request.form['username'
  31.         conn = MySQLdb.connect(user='root',passwd='admin',host='127.0.0.1'
  32.         conn.select_db('blog'
  33.         curr = conn.cursor() 
  34.         sql = 'insert into `user` (`id`,`username`) values (%d,"%s")' % (1,username) 
  35.         curr.execute(sql) 
  36.         conn.commit() 
  37.         curr.close() 
  38.         conn.close() 
  39.         return "user %s regist ok!" % request.form['username'
  40.     else
  41.         #request.args['username'] 
  42.         return render_template('regist.html'
  43.  
  44. @app.route('/upload', methods=['GET','POST']) 
  45. def upload(): 
  46.     if request.method == 'POST'
  47.         username = request.form['username'
  48.         file = request.files['img'
  49.         filename = file.filename 
  50.         file.save(os.path.join(imagepath,filename)) 
  51.         return "<img src='static/images/%s' alt=''/>" % filename 
  52.     else
  53.         return render_template('upload.html'
  54.  
  55. @app.route('/login/', methods=['GET','POST']) 
  56. def login(): 
  57.     if request.method == 'POST'
  58.         username = request.form.get('username'
  59.         if username in user_list: 
  60.             response = make_response(redirect('/')) 
  61.             response.set_cookie('username', value=username, max_age=300) 
  62.             session['islogin'] = '1' 
  63.             return response 
  64.         else
  65.             session['islogin'] = '0' 
  66.             return redirect('/login/'
  67.     else
  68.         return render_template('login.html'
  69.  
  70. if __name__ == '__main__'
  71.     app.run(debug=True,host='0.0.0.0',port=5000) 

主要有首頁、注冊、登錄、上傳頁面。

blog.py主要是展示了Flask中常見功能用法:路由,數據庫操作,cookie,session,redirect,表單,文件上傳,調試,Web服務器的IP和端口,靜態文件讀取等。

3、首頁模板index.html

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.     <meta charset="utf-8"/> 
  5.     <title>Flask DEMO</title> 
  6.     <link rel="stylesheet" type="text/css" href="static/css/index.css"/> 
  7. </head> 
  8. <body> 
  9.     <div class="header"
  10.         {%if islogin == '1' %} 
  11.         <h1>Welcome ,{{username}}!</h1> 
  12.         {%else%} 
  13.         <h1>{{username}}!</h1> 
  14.         {%endif%} 
  15.         <div class="nav"
  16.             <ul> 
  17.                 {%for nav in nav_list%} 
  18.                 <li><a href="{{nav}}">{{nav}}</a></li> 
  19.                 {%endfor%} 
  20.             </ul> 
  21.         </div> 
  22.     </div> 
  23.     <div class="container"
  24.         <div class="item"
  25.             <h1>{{blog['title']}}</h1> 
  26.             <div class="content"
  27.                 <img src="/static/images/cat.jpg" alt="cat" /> 
  28.                 <p>{{blog['content']}}</p> 
  29.                 <img src="{{img}}" alt="cat" /> 
  30.             </div> 
  31.         </div> 
  32.         <div class="side"
  33.             <ul> 
  34.                 {%for key,value in blogtag.items()%} 
  35.                     <li>{{key}}({{value}})</li> 
  36.                 {%endfor%} 
  37.             </ul> 
  38.         </div> 
  39.     </div> 
  40. </body> 
  41. </html> 

這個模板主要展示了在Flask模板中如何讀取各種類型的變量。

 

4、登錄頁面login.html

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.     <meta charset="utf-8"/> 
  5.     <title>Login</title> 
  6.     <link rel="stylesheet" type="text/css" href="static/css/index.css"/> 
  7. </head> 
  8. <body> 
  9.     <div class="header"
  10.         <h1>Login</h1> 
  11.     </div> 
  12.     <div class="container"
  13.         <div class="item"
  14.             <form action="" method="post"
  15.                 <input type="text" placeholder="please input username" name="username" /><br/> 
  16.                 <input type="submit" value="Login"/> 
  17.             </form> 
  18.         </div> 
  19.     </div> 
  20. </body> 
  21. </html> 

結合blog.py主要展示表單如何提交取值,cookie和session應用。

5、注冊頁面regist.html

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.     <meta charset="utf-8"/> 
  5.     <title>Regist</title> 
  6.     <link rel="stylesheet" type="text/css" href="static/css/index.css"/> 
  7. </head> 
  8. <body> 
  9.     <div class="header"
  10.         <h1>Regist</h1> 
  11.     </div> 
  12.     <div class="container"
  13.         <div class="item"
  14.             <form action="" method="post"
  15.                 <input type="text" placeholder="please input username" name="username" /><br/> 
  16.                 <input type="submit" value="Regist"/> 
  17.             </form> 
  18.         </div> 
  19.     </div> 
  20. </body> 
  21. </html> 

結合blog.py主要展示了數據庫操作。

 

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>


結合blog.py主要展示了如何上傳文件。

 

7、運行效果

Python Web框架Flask下網站開發入門實例

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 欧美╳bbbb| 亚洲天堂网在线观看视频 | 精品无人区乱码1区2区3区在线 | 人人人人人看碰人人免费 | 性欧美黑人巨大喷潮xxoo | 红楼影视h38bar在线线播放 | anal22日本人视频 | 国产精品原创巨作无遮挡 | 男人边吃奶边做好爽视频免费 | 免费高清特黄a 大片 | 精品精品精品 | 俄罗斯伦理片 | 天天翘| 国产成人精品高清在线 | 日本一区二区视频在线观看 | 日韩欧美中文字幕一区二区三区 | 99热精品在线播放 | 极品91| 美国女网址www呦女 美国复古性经典xxxxx | 2020最新韩国理论三级0k | 2021国产精品露脸在线 | 欧美深夜在线 | 精品在线网站 | 国产精品日本一区二区不卡视频 | 精品国产在线观看 | 潘甜甜在线观看 | 国产在线拍 | 无限时间看片在线观看 | 国产免费精彩视频 | 国产精品久久久久久久久久久久久久 | 亚洲精品视频专区 | 国产欧美精品一区二区三区四区 | 841995论坛网站2022年 | 99在线免费观看视频 | 女女同性做爰xxoo亲吻 | 日韩毛片在线视频 | 久久爽狠狠添AV激情五月 | 日韩欧美不卡片 | 国产午夜小视频 | 婷婷sese| 久久精品嫩草影院免费看 |