一、Flask简介

Flask 是一个 Python 实现的 Web 开发微框架。官网：http://flask.pocoo.org/

二、Demo

1、代码结构

  1. .
  2. ├── blog.py
  3. ├── static
  4. │   ├── css
  5. │   │   └── index.css
  6. │   ├── images
  7. │   │   ├── cat.jpg
  8. │   │   └── sheying1229.jpg
  9. │   └── js
  10. └── templates
  11.     ├── index.html
  12.     ├── login.html
  13.     ├── regist.html
  14.     └── upload.html
  15.  
  16.  directories,  files

2、主程序blog.py

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

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

结合blog.py主要展示了如何上传文件。

7、运行效果

三、参考资料

1、Flask快速入门

python学习笔记十三：Flask demo的更多相关文章

  1. python 学习笔记十三 JQuery(进阶篇)

    jQuery 是一个 JavaScript 库. jQuery 极大地简化了 JavaScript 编程. 安装jQuery 有两个版本的 jQuery 可供下载: Production versio ...

  2. python学习笔记(十三)接口开发

    一.开发接口的作用 1.mock接口,模拟一些接口,在别的接口没有开发好的时候,需要开发一些模拟接口进行调试和测试. 2.查看数据,比如,获取所有学员信息的接口,就不需要提供数据库的查看信息. 二.接 ...

  3. python学习笔记十三 JS，Dom（进阶篇）

    JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用:JavaScript 是因特网上最流 ...

  4. python学习笔记(十三): 多线程多进程

    一.线程&进程 对于操作系统来说,一个任务就是一个进程(Process),比如打开一个浏览器就是启动一个浏览器进程,打开一个记事本就启动了一个记事本进程,打开两个记事本就启动了两个记事本进程, ...

  5. python学习笔记(十三)-python对Excel进行读写修改操作

    日常工作中会遇到Excel的读写问题.我们可以使用xlwt 模块将数据写入Excel表格,使用xlrd 模块从Excel读取数据,使用xlutils模块和xlrd模块结合对Excel数据进行修改.下面 ...

  6. Python学习笔记（十三）

    Python学习笔记(十三): 模块 包 if name == main 软件目录结构规范 作业-ATM+购物商城程序 1. 模块 1. 模块导入方法 import 语句 import module1 ...

  7. python3.4学习笔记(十三) 网络爬虫实例代码，使用pyspider抓取多牛投资吧里面的文章信息，抓取政府网新闻内容

    python3.4学习笔记(十三) 网络爬虫实例代码,使用pyspider抓取多牛投资吧里面的文章信息PySpider:一个国人编写的强大的网络爬虫系统并带有强大的WebUI,采用Python语言编写 ...

  8. OpenCV之Python学习笔记

    OpenCV之Python学习笔记 直都在用Python+OpenCV做一些算法的原型.本来想留下发布一些文章的,可是整理一下就有点无奈了,都是写零散不成系统的小片段.现在看 到一本国外的新书< ...

  9. Deep learning with Python 学习笔记（10）

    生成式深度学习 机器学习模型能够对图像.音乐和故事的统计潜在空间(latent space)进行学习,然后从这个空间中采样(sample),创造出与模型在训练数据中所见到的艺术作品具有相似特征的新作品 ...

随机推荐

  1. SAP成都研究院飞机哥: SAP C4C中国本地化之微信聊天机器人的集成

    今天的文章仍然来自Jerry的老同事,SAP成都研究院的张航(Zhang Harry).关于他的背景介绍,请参考张航之前的文章:SAP成都研究院飞机哥:程序猿和飞机的不解之缘.下面是他的正文. 大家好 ...

  2. 修改hosts工具推荐SwitchHosts

    推荐一个修改hosts的工具.适合平时工作中经常修改hosts的开发测试. 下载地址:https://oldj.github.io/SwitchHosts/ 可以按各种环境或者项目添加,用的时候打开或 ...

  3. .net core 2.0下的容器注册方法

    https://www.cnblogs.com/Wddpct/p/5764511.html 自带的容器注册方法真的很好用

  4. ssh-copy-id: INFO: attempting to log in with the new key(s), to filter out any that are already installed /usr/bin/ssh-copy-id

    远程删除key ssh-keygen -f "~/.ssh/known_hosts" -R 192.168.0.34 如果还是不可以,通过 ssh-keygen 重新生成key

  5. 1.5配置NetBackup数据库备份策略（nbu策略catalog）

    1.5配置NetBackup数据库备份策略 建议定期备份NetBackup的索引数据库Catalog,以确保故障时的有效恢复.从Javaconsole可以进入备份NetBackup内部数据库配置窗口, ...

  6. 问题 B: 投简历

    题目描述 小华历经12寒窗苦读,又经历4年大学磨砺,终于毕业了,随着毕业季的到来,找工作也日益紧张起来.由于要面试不同的公司,因此小华需要准备不同的简历.当然最基本的信息是必不可少的,基本信息:姓名. ...

  7. 问题 C: P4 游戏中的Human角色

    题目描述 在一个平面打斗游戏中,任何的角色(Role)都有血量(blood)和位置loc(此处loc是Location类的实例)属性.有了Role类,可以派生出不同的角色,如人.神仙.怪兽等.如下程序 ...

  8. 五、@property的参数

    格式:@property(参数1,参数2)类型 名字: 参数可有可无 如:@property int age; @property (nonatomic,retain) UIButton* btn; ...

  9. MVAPICH

    from:https://developer.nvidia.com/mvapich MVAPICH2 is an open source implementation of Message Passi ...

  10. 修改与遍历MAP

    package com.*; import java.util.*; /** * Created by HP on 2018/8/2. */ public class Test { //定义一个用于转 ...