使用flask框架实现一个简单的网页加法运算器

最新推荐文章于 2024-04-26 03:32:45 发布
最新推荐文章于 2024-04-26 03:32:45 发布
阅读量8.2k 收藏 16
点赞数 1
分类专栏： python html flask 文章标签： python web框架 flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhyh1435589631/article/details/51532407
版权
python 同时被 3 个专栏收录
47 篇文章 1 订阅
订阅专栏
flask
9 篇文章 0 订阅
订阅专栏
html
5 篇文章 0 订阅
订阅专栏

1. 前言

最近在看Python web 开发的一些内容， 正好看到了flask， 这里做一些记录

2. flask框架简要说明

  1. flask 是一个微型的web框架， 相比于 Django 集成了各种模块功能， flask 只是使用了简单的核心， 相关功能可以根据需要进行扩展

3. 一些注意事项

  1. html 模板文件需要放置在templates文件夹下， 图片文件放在static文件夹下
  2. 当遇到各种莫名其妙的问题的时候， 其实重新启动一下服务就可以了2333
    • 我们之前遇到一个 500 内部错误， 找了好久都没找出来是什么原因， 后来重启了一下， 好了。。。。
  3. 从form 表单中提取数据， 注意是使用 post 方式

4. 实现效果

这里写图片描述

5. 实现代码

main.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Author: zhyh2010
# @Date:   2016-05-29 14:44:56
# @Last Modified by:   anchen
# @Last Modified time: 2016-05-29 15:40:49

from flask import Flask
from flask import render_template
from flask import url_for
from flask import request

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == "POST":
        a = request.form['left']
        b = request.form['right']
        c = int(a) + int(b)        
        return render_template('index.html', RESULT = str(c))
    return render_template('index.html')

if __name__ == "__main__":
    app.run(port = 8881)

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Calculator</title>
    </head>
    <body>
        <div align="center" style="margin-top:80px">
            <!-- <img src="../static/yurisa.jpg" alt="yurisa" height = "400px" /> -->
            <img src=" {{url_for('static', filename='yurisa.jpg') }} " alt="yurisa" height = "400px" />
        </div>

        <div align="center" style="margin-top:30px">
            <form method="POST" name = "form1">
                <input type="text" name = "left" placeholder = "left"/>+
                <input type="text" name = "right" placeholder = "right"/>=
                <input type="text" name = "result" placeholder = "result" readonly="readonly" value = "{{ RESULT }}"/>

                <input type="submit" value = "submit"/>
            </form>
        </div>

    </body>
</html>
枯萎的海风
关注
  • 1
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Python Flask框架实现简单加法工具过程解析
12-17
主程序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['
【Flask】Web启程与实现一个基于Flask的最小应用程序
让算法融入生活，改变生活！
07-01 1053
虽然是一名算法工程师，但是实际情况是不仅要懂算法，还要懂工程。算法实现后，算法效果展示，算法落地等就需要一些工程化的内容。算法工程化的一个简单方式就是将落地的算法包装成服务，供他人调用。 那么问题来了，我们需要了解一下服务相关的内容。对外提供服务的方式也有多种方式，例如基于GRPC的服务，基于Restful的api接口服务等。当然，我个人感觉使用基于restful的api接口方式是使用比较多的。于是在了解Python web的相关框架，如Django，Flask， FastAPI等，综合考虑使用Flask去
python Web 开发 Flask 介绍_python flask web开发
最新发布
m0_57472099的博客
04-26 697
检查一下是否安装正确 在命令行下输入python进入命令行模式 引入flask模块 回车如果没有错误提醒，就说明安装成功了。
4.用Flask搭起最小的web应用
轻笑再轻叹的博客
09-25 301
flask 的页面导航由装饰器函数`@app.route()`完成，输入不同的网址由对应的函数监听到并进入函数内部处理逻辑并返回结果。
基于flask的web计算器设计与实现 设计报告+答辩PPT+项目源码+使用说明
毕业作品网站
02-18 906
基于flask的web计算器 目录 《软件工程》课程设计 1 一、课程设计概述 - 1 - 1.1目的 - 1 - 1.2 任务及分工情况 - 1 - 1.3开发环境 - 1 - 1.4 参考资料 - 2 - 二、项目的需求分析过程及需求模型 - 2 - 2.1系统元素模型 - 2 - 2.2 E-R图 - 3 - 2.3数据流图 - 3 - 2.4数据字典 - 5 - 三、项目设计模型（包括总体设计和详细设计），重点阐述采用的主要方法与技术 - 7 - 3.1总体概要 - 7 - 3.2 架构总业务流程图
用AJAX和flask写成的网页版计算器
**kwargs的博客
01-07 403
小后台： from flask import Flask from flask import render_template from flask import request app = Flask(__name__) @app.route('/calcServer') def get_02(): # 如果是get请求： # 有数据：处理get请求提交的数据 ...
Python的Flask框架中的Jinja2模板引擎学习教程
09-21
在Python的Flask框架中，Jinja2模板引擎是一个强大的工具，用于将动态数据与静态HTML结构结合，生成最终的网页内容。Jinja2是Flask的默认模板语言，它的语法简洁且直观，深受开发者喜爱。本教程将深入探讨Jinja2模板...
Flask 之 Jinjia2 模板引擎必知必会
01-29
Flask 是一个轻量级的 Python Web 开发框架，它的灵活性和简洁性使得开发者能够快速构建应用程序。在 Flask 中，我们通常会结合使用 Jinja2 模板引擎来处理视图渲染，实现动态网页内容的生成。Jinja2 是一个功能强大...
jinja2简单示例
12-25
**Jinja2**是Python中一个强大的模板引擎，被广泛应用于Web开发中，尤其是与Flask和Django等框架结合使用。它提供了丰富的语法结构，允许开发者以清晰、简洁的方式编写模板，用于生成动态HTML或其他格式的文档。下面...
Python-Python程式設計入門一書的投影片
08-10
**Python编程基础** 《Python程式設計入門》是一本针对初学者的教程，旨在帮助读者快速掌握Python编程语言的基础...无论你是要成为一名数据科学家、Web开发者还是自动化工程师，Python都是一个值得学习的强大工具。
Interest-Calculator:这是一个使用flask用python制作的简单兴趣计算器
03-06
利息计算器 这是一个使用flask用python制作的简单兴趣计算器
网页可编程计算器
04-20
实现了网页可编程计算器，包括普通的数值计算、函数定义等功能 前端由python flask实习 后端由flex、bison实现词法、语法分析 需要安装flex、bison、python的flask包以及vs（需要用到vs的cl）
基于flask的web计算器设计与实现.zip
06-22
资源包含文件：设计报告word+答辩PPT+项目源码+使用说明+项目截图 注意: 1. 全部源代码在code文件夹中 2. 全部报告在报告文件夹中，其中最重要的报告文档是“详细设计报告” 环境要求：python 3.x * 如何查看本地python环境： 1. 进入cmd 2. 输入 python --version 3. 如出现如 "Python 3.6.5 :: Anaconda, Inc." ，其他python3以上版本皆可 使用步骤: 1. 进入cmd 2. 路径进入SoftwareEngDesign_Calculate/code下（win是\） 3. 输入 python calculate.py python app.py 4. 如果没有报错，按照命令行提示，在浏览器中网址栏输入http://127.0.0.1:5000/ 5. 即可使用计算器 详细介绍参考：https://biyezuopin.blog.csdn.net/article/details/122996773
Flask学习_4_加法器
Coder的博客
07-10 507
from flask import Flask, render_template, request, redirect, url_for app = Flask(__name__) ''' 加法器 ''' @app.route('/', methods=['GET', 'POST']) def index(): return redirect(url_for('hello_wor...
2022.11.25 flask项目开发 截止日期计算器
m0_56366541的博客
11-25 641
2022.11.25 flask项目开发 截止日期计算器
flask html 得到文本框 input的内容_Flask实践：计算器
weixin_39787089的博客
10-26 233
功能相同但使用JS实现的版本：https://greyli.github.io/calculator/源码：https://github.com/helloflask/calculator什么是单页应用（SPA）？照字面理解，单页应用（Single Page Application）就是只有一个页面的应用，这意味着所有的操作和交互都要在单页里实现。借助上一篇文章介绍的AJAX技术，这种应用可以很容...
javascript + html 入门之实现一个网页计算器
zhyh1435589631的专栏
05-29 5028
1. 前言最近学习javascript， 正好看到一个网页计算器的列子， 于是顺手实现了一下， 这里做一些记录2. 实现效果3. 实现代码<!-- index.html --> <html> <head> <title>Calculator</title> <script src = "calc.js" type = "text/javascript"></s
Python 全栈系列91 - 使用Flask+DataTables+Mongo搭建交互式表格2 - 动态创建表格
yukai08008的博客
04-05 897
说明 稍微修正、梳理一下之前的的做法。 目标：可以快速的重复使用，基本上前后端的表格交互我就用这一套了。 内容 1 三部分功能 前后端设计到三部分： 1 H5 元素: 前端页面的展示效果 2 Javascript：前后端的交互桥梁 3 View(Flask)：使用python基本对象和DataFrame与JS通信。 假设现在是要做某个页面(view.html), 梳理一下前后端的代码，Flask的view函数产生内容，然后render_template填充内容。 2 view.html 某个功能的页面从
使用flask框架实现一个web计算器
10-16
使用Flask框架实现一个Web计算器可以按照以下步骤进行： 1. 首先，导入Flask模块和相关依赖库： ```python from flask import Flask, render_template, request ``` 2. 创建一个Flask应用： ```python app = Flask(__name__) ``` 3. 定义一个路由和对应的视图函数来处理GET和POST请求： ```python @app.route('/', methods=['GET', 'POST']) def calculator(): if request.method == 'POST': # 处理计算逻辑 pass return render_template('calculator.html') ``` 4. 创建一个calculator.html模板文件，用于显示计算器界面和接收用户输入。在模板中添加一个表单，以便用户输入计算表达式： ```html <form action="" method="post"> <input type="text" name="expression" placeholder="请输入计算表达式" required> <input type="submit" value="计算"> </form> ``` 5. 在视图函数中处理用户提交的计算表达式，并返回计算结果： ```python @app.route('/', methods=['GET', 'POST']) def calculator(): if request.method == 'POST': expression = request.form.get('expression') result = eval(expression) # 使用eval函数计算表达式结果 return render_template('calculator.html', result=result) return render_template('calculator.html') ``` 6. 修改calculator.html模板文件，以便显示计算结果： ```html <h3>计算结果：{{ result }}</h3> ``` 7. 在main函数中运行Flask应用： ```python if __name__ == '__main__': app.run() ``` 通过以上步骤，我们就可以使用Flask框架实现一个简单的Web计算器。用户可以通过浏览器访问应用的首页，输入计算表达式并提交，然后应用将计算表达式的结果返回并显示在页面上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值