Python Flask框架实现简单加法工具过程解析


Posted in Python onJune 03, 2020

主程序mainaddfunc.py

from flask import Flask, render_template, request, url_for
from add import *

app = Flask(__name__)
 
@app.route('/', methods=['GET'])
def home():
  return render_template('index.html')

@app.route('/', methods=['POST'])
def add():
    a = request.form['adder1']
    b = request.form['adder2']
    try:
      a = float(a)
      b = float(b)
      result = sum_function(a, b)
      return render_template('index.html', result=result, var1=a, var2=b)
    except:
      return render_template('index.html', message='inputs false!!!', var1=a, var2=b)
    
if __name__ == '__main__':
  app.run(port=8080)

大家可以对比原作者的代码可以发现,我这里的result调用了一个python的子函数sum_function,或许有的同学可能会说,这么简单的加法调用神马子程序,不嫌麻烦,话是如此,但是一个简单的调用可以打开子函数的新大门,遇到麻烦的函数的时候,只需要想想这个模板可行,自然而然就用到函数调用了。修改的第二点加入了try语句,判断输入的加数是否是数字,当不是浮点数的时候,报错。修改的第三点可以看见加入了var1和var2两个变量,也就是两个加数作为了变量传递给了html。这么做的好处是什么,来,先看下一段代码index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>加法</title>
</head>
<body>
<div align="center" style="margin-top: 40px;">
  <form name="form1" method="POST">
    <input type="text" placeholder="adder" name="adder1" value="{{ var1 }}">+
    <input type="text" placeholder="adder-2" name="adder2" value="{{ var2 }}">=
    <input type="text" readonly="readonly" placeholder="result" name="result" value="{{ result }}">
    <input type="submit" value="计算" οnclick="">
  </form>
</div>
{% if message %}
  <p style="color:red">{{ message }}</p>
  {% endif %}
</body>

对比原作者的代码,我加入了value="{{ var1 }}和value="{{ var2 }},这么做的好处就是输入了两个加数之后,点击计算按钮之后,输入的加数仍然在框框里,不会随着刷新显示不见,原作者在最后也发现了这个问题,我做了改进,最后是运行的结果

正确输入和错误输入的情况下:

Python Flask框架实现简单加法工具过程解析

Python Flask框架实现简单加法工具过程解析

就这样了。初学的同学,小提示一下,在谷歌浏览器输入http://localhost:8080/就可以看到运行结果了,毕竟flask是用来做web的。最后贴上我的py子函数add.py

def sum_function(a, b):
  c = a + b
  return c

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python中字典和JSON互转操作实例
Jan 19 Python
Django框架中的对象列表视图使用示例
Jul 21 Python
Python对列表中的各项进行关联详解
Aug 15 Python
Python编程实现微信企业号文本消息推送功能示例
Aug 21 Python
Python矩阵常见运算操作实例总结
Sep 29 Python
Python爬虫番外篇之Cookie和Session详解
Dec 27 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
Mar 13 Python
python 简单照相机调用系统摄像头实现方法 pygame
Aug 03 Python
python实现随机漫步算法
Aug 27 Python
Python Scapy随心所欲研究TCP协议栈
Nov 20 Python
Pycharm中Python环境配置常见问题解析
Jan 16 Python
python sklearn包——混淆矩阵、分类报告等自动生成方式
Feb 28 Python
python自定义函数def的应用详解
Jun 03 #Python
Python中的整除和取模实例
Jun 03 #Python
python 负数取模运算实例
Jun 03 #Python
Python小白学习爬虫常用请求报头
Jun 03 #Python
Python新手学习函数默认参数设置
Jun 03 #Python
python seaborn heatmap可视化相关性矩阵实例
Jun 03 #Python
Python新手学习raise用法
Jun 03 #Python
You might like
PHP开发中四种查询返回结果分析
2011/01/02 PHP
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
纯JS实现弹性导航条效果
2017/03/06 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
ng-zorro-antd 入门初体验
2018/12/03 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
Python日志模块logging简介
2015/04/13 Python
Python爬虫模拟登录带验证码网站
2016/01/22 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
python语言中有算法吗
2020/06/16 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
帕克纽约:PARKER NY
2018/12/09 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
商场总经理岗位职责
2014/02/03 职场文书
高三政治教学反思
2014/02/06 职场文书
小学生新年寄语
2014/04/03 职场文书
建设投标担保书
2014/05/13 职场文书
民主生活会发言材料
2014/10/20 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python