python学习笔记十三:Flask demo

一、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

#!/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‘经济‘,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中常见功能用法:路由,数据库操作,cookie,session,redirect,表单,文件上传,调试,Web服务器的IP和端口,静态文件读取等。

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>

结合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>

结合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、运行效果

三、参考资料

1、Flask快速入门

时间: 2024-11-03 05:32:32

python学习笔记十三:Flask demo的相关文章

python学习笔记十三 JS,Dom,JQuery(进阶篇)

JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用:JavaScript 是因特网上最流行的脚本语言. JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上. Java(由 Sun 发明)是更复杂的编程语言. ECMA-262 是 JavaScript 标准的官方名称. JavaScript 由 Brendan Eich 发明.它于 1995 年出现在 Net

python 学习笔记十三 jQuery案例(进阶篇)

1.选择器和筛选器 案例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> //定义css样式,自定义 .hide{ display: none; } .coating{ z-index: 1; opacity: 0.5; position: fix

OpenCV之Python学习笔记

OpenCV之Python学习笔记 直都在用Python+OpenCV做一些算法的原型.本来想留下发布一些文章的,可是整理一下就有点无奈了,都是写零散不成系统的小片段.现在看 到一本国外的新书<OpenCV Computer Vision with Python>,于是就看一遍,顺便把自己掌握的东西整合一下,写成学习笔记了.更需要的朋友参考. 阅读须知: 本文不是纯粹的译文,只是比较贴近原文的笔记:         请设法购买到出版社出版的书,支持正版. 从书名就能看出来本书是介绍在Pytho

python学习笔记目录

人生苦短,我学python学习笔记目录:week1 python入门 week2 python基础week3 python进阶week4 python高阶week5 python数据结构与算法week6 网络编程week7 数据库技术之入门week8 数据库技术之MySQL和redis和mongodbweek9 前端技术之HTML和CSSweek10 前端技术之JavaScript和DOMweek11 前端框架之jQueryweek12 前端框架之bootstrapweek13 网络框架之入门w

Go语言学习笔记十三: Map集合

Go语言学习笔记十三: Map集合 Map在每种语言中基本都有,Java中是属于集合类Map,其包括HashMap, TreeMap等.而Python语言直接就属于一种类型,写法上比Java还简单. Go语言中Map的写法比Java简单些,比Python繁琐. 定义Map var x map[string]string x : = make(map[string]string) 写法上有些奇怪,map为关键字,右侧中括号内部为key的类型,中括号外部为value的类型.一般情况下使用逗号或者冒号

python学习笔记12-模块使用

python学习笔记12-模块使用 模块os,sys 什么是模块? 模块os,sys 模块是Python组织代码的一种基本方式 一个Python脚本可以单独运行,也可以导入到另外一个脚本运行,用import hello语句来导入,不用加入.py 什么是Python的 包? Python的模块可以按照目录组织为包 创建一个包的步骤: 创建一个名字为包名的目录 在改目录下创建一个__init__.py文件 根据需要,在该目录下存放脚本文件或已编译的扩展及子包 import pack.m1,pack.

python学习笔记2—python文件类型、变量、数值、字符串、元组、列表、字典

python学习笔记2--python文件类型.变量.数值.字符串.元组.列表.字典 一.Python文件类型 1.源代码 python源代码文件以.py为扩展名,由pyton程序解释,不需要编译 [[email protected] day01]# vim 1.py #!/usr/bin/python        print 'hello world!' [[email protected] day01]# python 1.py hello world! 2.字节代码 Python源码文件

Python学习笔记--未经排版

Python 学习笔记 Python中如何做到Print() 不换行 答:Print("输出内容",end='不换行的分隔内容'),其中end=后面为2个单引号 注:在Python 2.x中,Print "输出内容", 即在输出内容后加一逗号 Python中 is 和 == 的区别 答:Python中的对象包含三要素:id.type.value 其中id用来唯一标识一个对象,type标识对象的类型,value是对象的值 is判断的是a对象是否就是b对象,是通过id来

Python学习笔记_Python对象

Python学习笔记_Python对象 Python对象 标准类型 其他内建类型 类型对象和type类型对象 Python的Null对象None 标准类型操作符 对象值的比较 对象身份比较 布尔类型 标准类型的内建函数 typeObj cmpobj1 obj2 strobj reprobj typeobj isinstanceobj 标准类型的分类 存储模型 更新模型 访问模型 不支持的类型 Python学习笔记_Python对象 首先来理解一个通俗的含义,什么是对象?其实对象无论在什么语言里面