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

最新推荐文章于 2025-05-20 12:02:07 发布

原创最新推荐文章于 2025-05-20 12:02:07 发布 · 8.6k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#python #web框架 #flask

python 同时被 3 个专栏收录

47 篇文章

订阅专栏

flask

9 篇文章

订阅专栏

html

5 篇文章

订阅专栏

本文介绍了一个基于Flask框架的简易计算器应用，通过HTML表单接收输入，并在服务器端计算两个数值的和，最后将结果显示在网页上。文章包含了完整的Python代码及HTML模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 前言

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

2. flask框架简要说明

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

3. 一些注意事项

html 模板文件需要放置在templates文件夹下，图片文件放在static文件夹下
当遇到各种莫名其妙的问题的时候，其实重新启动一下服务就可以了2333
- 我们之前遇到一个 500 内部错误，找了好久都没找出来是什么原因，后来重启了一下，好了。。。。
从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>