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

软件测试君2023-11-19 14:46

写在前面

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

为什么这么说？

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

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

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

Flask的Api

1、Flask 静态文件

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

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文件代码：示例代码如下：

js 复制代码 
function callJs() {
  alert('hello testJs!')
}

逻辑代码如下：

python 复制代码 
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这种文件
  • 模版文件引入静态文件固定写法：
js 复制代码 
<script type = "text/javascript" src = "{{ url_for('static', filename = 'testjs.js') }}" ></script>

2、Request的使用

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

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，示例代码如下：

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>

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

逻辑代码，示例如下：

python 复制代码 
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)

效果：

知识点：

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

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

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

3、Cookie的使用

示例代码如下：

python 复制代码 
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效果：

获取cookie效果：

删除cookie效果：

知识点：

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

4、Session的使用

示例代码如下：

python 复制代码 
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)

效果：

知识点：

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

5、重定向的使用

示例代码如下：

python 复制代码 
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、上传文件的使用

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

模版文件代码：

html 复制代码 
<!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>

逻辑代码如下：

python 复制代码 
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)

效果：

知识点：

  • 在模版文件中加入：enctype 属性设置为"multipart/form-data"，表示在url中处理文件上传
  • 使用 secure_filename(filename) 函数，获取文件的安全版本
  • request.files[file] 这个函数用于获取提交文件，其中filename属性就是文件名，使用
  • upload 前面不能加"/"。会报错的

写在最后

看到这，你是不是感觉，我靠，这东西不就是jsp吗?

好过时的技术呀，哈哈，是不是心中的鄙视链和碎碎念就出来了！

没关系，感觉不要停，也不要欺骗自己，毕竟这感觉是真的呢。

但我想会，即便过时我也写 ，毕竟还是会有人看得，至少我看到公号上有四个小伙伴收藏了我的文章。

换个角度，现实看，你会了怎么也比啥也写不出来强吧，所以尊重技术，好好的把"招数"拿出来就好了，至于什么招式这东西，完全趋于百炼成精，一种本能罢了。

我曾看过这样一个故事：

一个学者问老和尚说：师傅您在得道之前，每天都做什么呀？

老和尚说：砍柴、挑水、做饭。

学者有问：那得道后呢？

老和尚说：砍柴、挑水、做饭。

那何谓得道？

老和尚说：得道前，砍柴时惦记着挑水，挑水时惦记着做饭；得道后，砍柴就是砍柴，挑水就是挑水，做饭就是做饭。

所以学东西也一样，不如踏实的把一件事做好，啥都想干，倒是啥也干不好，不是吗！

好啦，今天好开心呢，因为比昨天又多会了几个知识点！

相关推荐
waicsdn_haha5 分钟前
Java/JDK下载、安装及环境配置超详细教程【Windows10、macOS和Linux图文详解】
java·运维·服务器·开发语言·windows·后端·jdk
Q_192849990616 分钟前
基于Spring Boot的摄影器材租赁回收系统
java·spring boot·后端
良许Linux20 分钟前
0.96寸OLED显示屏详解
linux·服务器·后端·互联网
求知若饥32 分钟前
NestJS 项目实战-权限管理系统开发（六）
后端·node.js·nestjs
gb42152871 小时前
springboot中Jackson库和jsonpath库的区别和联系。
java·spring boot·后端
程序猿进阶1 小时前
深入解析 Spring WebFlux：原理与应用
java·开发语言·后端·spring·面试·架构·springboot
颜淡慕潇2 小时前
【K8S问题系列 |19 】如何解决 Pod 无法挂载 PVC问题
后端·云原生·容器·kubernetes
向前看-9 小时前
验证码机制
前端·后端
超爱吃士力架11 小时前
邀请逻辑
java·linux·后端
热门推荐
01〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇02ARM学习（31）编译器对overlay方式的支持03玄机平台应急响应—webshell查杀04DisplayPort AltMode On Type-c协议_Ver2.0(学习笔记)05校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站06Docker 夺命连环 15 问076个主流的工业3D管道设计软件08基于大语言模型（LLM）的合成数据生成、策展和评估的综述09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10红米手机使用google play