大白话说Python+Flask入门（二）-Toy模板网

这篇具有很好参考价值的文章主要介绍了大白话说Python+Flask入门（二）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

写在前面

笔者技术真的很一般，也许只靠着笨鸟先飞的这种傻瓜坚持，才能在互联网行业侥幸的生存下来吧！

为什么这么说？

我曾不止一次在某群，看到说我写的东西一点技术含量都没有，而且很没营养，换作一年前的我，也许会怼回去，现在的话，我只是看到了，完事忘记了。

QQ截图20231118135309.png

早期写文章是为了当笔记用，不会随时查阅，当然也因为这个习惯，也结交了一些不嫌弃我的笨的朋友，真的很开心。

哈哈，回来别走神哈，来我们继续学习，老规矩，先上代码，拆知识点。

Flask的Api

1、Flask 静态文件

模版文件testJs.html,示例代码：

<!DOCTYPE html>
<head>
  <title>testJs</title>
  <script type = "text/javascript" src = "{{ url_for('static', filename = 'testjs.js') }}" ></script>

</head>
<body>
  JS测试 : <input type="button" value="点一下按钮" onclick="callJs()">
</body>
</html>

testjs.js文件代码：示例代码如下：

function callJs() {
  alert('hello testJs!')
}

逻辑代码如下：

from flask import Flask,render_template
app=Flask(__name__)
@app.route("/")
def index():
    return render_template("testJs.html")

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

知识点：

在项目下创建一个static文件，这个文件就是放testjs.js的位置，如JS、CSS这种文件
模版文件引入静态文件固定写法：

<script type = "text/javascript" src = "{{ url_for('static', filename = 'testjs.js') }}" ></script>

2、Request的使用

模版代码MarriageInformation.html，示例代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Marriage Information</title>
  </head>
  <body>
    <h3>基本信息</h3>
    <form action="http://localhost:8888/userinfo" method="post">
      <p>Name: <input type="text" name="name" ></p>
      <p>Height: <input type="text" name="height" ></p>
      <p>Age: <input type="text" name="age" ></p>
      <p>Sex: <input type="text" name="sex" ></p>
      <p>Education: <input type="text" name="education" ></p>
      <p>Hobby: <input type="text" name="hobby" ></p>
      <p><input type="submit" value="submit"></p>
    </form>
  </body>
</html>

作用： 主要用于前端数据录入，是不是直接联想到常见的问卷啥的？

模版代码userinfo.html，示例代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>user Info</title>
  </head>
  <body>
    <h3>user Info</h3>
    <table border="0.5">
      {% for key ,value in userinfo.items() %}
      <tr>
        <th>{{key}}</th>
        <td>{{value}}</td>
      </tr>
      {% endfor %}
    </table>
  </body>
</html>

作用： 主要用于展示你刚才你录入的信息。

逻辑代码，示例如下：

from flask import Flask, render_template, request

app = Flask(__name__)


@app.route("/")
def marryInfo():
    return render_template("MarriageInformation.html")


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


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果：

大白话说Python+Flask入门（二）

知识点：

1、Request主要用于接收和处理客户端你提交的数据，Request对象的重要属性如下所列：

Form - 它是一个字典对象，包含表单参数及其值的键和值对。
args ****- 解析查询字符串的内容，它是问号（？）之后的URL的一部分。
Cookies - 保存Cookie名称和值的字典对象。
files - 与上传文件有关的数据。
method - 当前请求方法。

2、 {% for key ,value in userinfo.items() %}这个就是遍历属性， {% endfor %}就是结束遍历的意思。不会写怎么办？照着抄，抄完再改。

3、Cookie的使用

示例代码如下：

from flask import Flask, make_response, request

app = Flask(__name__)


@app.route('/setCookie')
def setCookie():
    res = make_response('Success!')
    res.set_cookie('login', 'true', max_age=3600)
    return res


@app.route('/getCookie')
def getCookie():
    cookies = request.cookies
    return cookies


@app.route('/deleteCookie')
def deleteCookie():
    res = make_response('deleteCookie, Success!')
    res.delete_cookie('login')
    return res


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

设置cookie效果：

大白话说Python+Flask入门（二）

获取cookie效果：

大白话说Python+Flask入门（二）

删除cookie效果：

大白话说Python+Flask入门（二）

知识点：

设置cookie：默认有效期是临时，浏览器关闭就失效，可以通过 max_age 设置有效期时间，单位是秒
获取cookie：通过request.cookies的方式，返回的是一个字典
删除cookie：通过delete_cookie('cookie名字')的方式，删除只是让cookie过期，而不是直接删除cookie
cookie只存在客户端

4、Session的使用

示例代码如下：

from flask import Flask, request, session, url_for, redirect

app = Flask(__name__)
# 为每个客户端的会话分配会话ID,会话数据存储在cookie的顶部
app.secret_key = 'nkladhnjldasjhnlksdnjklasdn'

@app.route('/')
def index():
    if 'usersession' in session:
        usersession = session['usersession']
        return usersession + ',已经登录了！' + '<br><a href="/logout" >请点击退出！</a>'
    return '您还没登录，<a href="/login" >请点击登录</a>'


@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        session['usersession'] = request.form['usersession']
        return redirect(url_for('index'))
    return '''
   <form action = "" method = "post">
      <p><input type="text" name="usersession"/></p>
      <p><input type="submit" value="Login"/></p>
   </form>

   '''


@app.route('/logout')
def logout():
    session.pop('usersession', None)
    return redirect(url_for('index'))


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果：

大白话说Python+Flask入门（二）

知识点：

Session即会话，会话数据会存储在服务器上的临时目录中
Session是字典，成对存在
Session['username'] = 'admin'：为'username'会话变量
session.pop('username', None)：使用pop()方法，释放会话变量。
app.secret_key：为每个客户端的会话分配会话ID,会话数据存储在cookie的顶部

5、重定向的使用

示例代码如下：

from flask import Flask, request, session, url_for, redirect, render_template, abort

app = Flask(__name__)
app.secret_key = 'nkladhnjldasjhnlksdnjklasdn'


@app.route('/')
def index():
    return render_template('login.html')


@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        if username == 'admin':
            return redirect(url_for('welcome'))
        else:
            abort(401)
    else:
        return redirect(url_for('index'))


@app.route('/welcome')
def welcome():
    return 'login Successs!'


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

知识点：

1、redirect(location, statuscode, response)： 用于跳转到指定位置

location：重定向的url路径
statuscode：状态码，默认为302。
response： 用于实例化响应。

2、abort(code)： 错误码的函数，和HTTP协议的code码几乎一样，可自行了解。

6、上传文件的使用

可以理解为就是一个文件上传的功能。

模版文件代码：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
               <title>upload demo</title>
               </head>
               <body>
               <h2>upload demo</h2>
               <form action="http://localhost:8888/upload" method="POST" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="upload">
</form>
</body>
</html>

逻辑代码如下：

import os.path

from flask import Flask, request, url_for, redirect, render_template

basedir = os.path.dirname(__file__)
parentpath = os.path.dirname(basedir)
app = Flask(__name__)

@app.route('/')
def index():
    return render_template('upload.html')


@app.route('/upload', methods=['POST'])
def upload():
    file = request.files['file']
    if file:
        filename = file.filename
        file.save(os.path.join(parentpath+'\upload', secure_filename(filename)))
        return 'upload Success!'
    else:
        return redirect(url_for('index'))


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果：

大白话说Python+Flask入门（二）