一组flask小练习，前端页面+Python后端程序

最新推荐文章于 2022-04-02 15:24:07 发布

**kwargs

最新推荐文章于 2022-04-02 15:24:07 发布

阅读量362

点赞数

本文链接：https://blog.csdn.net/liuxingxing_star/article/details/103880425

版权

第三阶段专栏收录该内容

20 篇文章 0 订阅

订阅专栏

简单写一个用户注册的页面：用户名、密码，输入后用户点提交，然后服务器返回“欢迎XXX”登录

后端程序：

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


app = Flask(__name__)

@app.route('/')
def index_view():
    # return "这是一个响应的字符串"
    return render_template('index.html')

@app.route('/user/login')
def login_view():
    # 接收form表单get提交的数据
    print(request.args)

    # 从前端获取input name = ‘uname’的值
    uname = request.args.get('uname')
    pwd = request.args.get('pwd')
    
    # 登录验证。。。
    return "欢迎%s登录"%uname
    
@app.route('/xhr')
def xhr_view():
    return render_template('xhr.html')

@app.route('/getServer')
def getServer_view():
    if request.args.get('uname'):
        return "欢迎%s" % request.args.get('uname')
    else:
        return "接收AJAX get请求成功！"

@app.route('/01get')
def get_01():
    return render_template('ajax_get.html')

@app.route('/calcServer')
def get_02():
    # 如果是get请求：
        # 有数据：处理get请求提交的数据
        # 如果没有数据，显示页面calc.html
    if request.method == 'GET':
        num1 = request.args.get('num1')
        num2 = request.args.get('num2')
        opt = request.args.get('opt')
        if request.args:
            if opt == '0':
                return "%s+%s=%s"%(num1, num2, str(int(num1)+int(num2)))
            else:
                return  "%s-%s=%s"%(num1, num2, str(int(num1)-int(num2)))
        else:
            return render_template('calc.html')

@app.route('/postServer', methods=['get', 'post'])
def server_post():
    # 如果是get请求：显示页面ajax_post.html
    if request.method == 'GET':
        return render_template('ajax_post.html')
    elif request.method == 'POST':
        uname = request.form.get('uname')
        age = request.form.get('age')
        email = request.form.get('email')
        print(uname, age, email)
        return '接收post数据成功'

if __name__ == '__main__':
    app.run(debug=True)

前段页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
</head>
<body>
    <h1>这是应用的首页</h1>

    <!-- action是后端处理表单数据功能的地址, -->
    <!-- <form action="http://127.0.0.1:5000/user/login"> -->
    <form action="/user/login">
    
        <div>
            姓名：<input type="text" name="uname">
        </div>

        <div>
            密码：<input type="password" name="pwd">
        </div>
        <!-- 提交按钮必须写在form中才能生效 -->
        <input type="submit">
        <!-- form中的button默认带有提交功能 -->
        <button>提交</button>

    </form>
</body>
</html>

**kwargs

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
一组flask小练习，前端页面+Python后端程序

简单写一个用户注册的页面：用户名、密码，输入后用户点提交，然后服务器返回“欢迎XXX”登录后端程序：from flask import Flaskfrom flask import render_templatefrom flask import requestapp = Flask(__name__)@app.route('/')def index_view(): #...
复制链接

扫一扫

专栏目录