用pymysql和Flask搭建后端,响应前端POST和GET请求

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介:

用pymysql和Flask搭建后端,响应前端POST和GET请求

前言
这次作业不仅需要我建立一个数据库(详情请点击这里),还需要我基于这个数据库写后端接口(注册和登录)供前端访问,接收前端的POST和GET请求,并将登录、注册是否成功传给前端。

本文介绍如何用Flask搭建后端,其中使用了pymysql操作mysql数据库,也会做这个部分的介绍。

正文
需要为前端提供的接口有两个:注册和登录,为此我定义了四个函数,分别是

select_user(userid, password)
insert_user(userid, password, phone, email, company)
on_register()
on_login()
前两个函数是操作数据库,被后两个函数调用;后两个函数是给前端的接口。

后端说明
整个后端的代码如下:

from flask import Flask, request
import json
import pymysql
from flask_cors import CORS

定义app

app = Flask(__name__)

设置跨域

CORS(app, supports_credentials=True)

连接数据库,账号是root,密码是000,数据库名称是shopdata

db = pymysql.connect("localhost", "root", "000", "shopdata") # 连接数据库
cursor = db.cursor() # 定义游标

select a user,根据userid和password获取一个用户是否存在,即判断登录是否成功

def select_user(userid, password):

# mysql语句
select_user_sql = 'select * from userinfo where userid="%s" and password="%s";' % (userid, password)
# 执行mysql语句
result = cursor.execute(select_user_sql)
db.commit()
# 如果返回了一条数据,则登录成功,否则登录失败
if 1 == result:
    result = True
else:
    result = False
    print('there is no user where userid="%s and password="%s"!!' % (userid, password))
return result

insert a user,根据userid、password等信息,生成一个元组,将其插入数据库shopdata的userinfo表

def insert_user(userid, password, phone, email, company):

# mysql语句
insert_user_sql = 'insert into userinfo(userid, password, phone, email, company)' \
                  'values("%s", "%s", "%s", "%s", "%s");' % (userid, password, phone, email, company)
# 执行mysql语句,如果插入成功,则注册成功,否则注册失败
try:
    cursor.execute(insert_user_sql)
    db.commit()
    print('insert user where userid="%s" and password="%s"!!' % (userid, password))
    result = True
except:
    print('can not insert user where userid="%s" and password="%s"!!' % (userid, password))
    result = False
finally:
    return result

on_register,提供给前端的注册接口

@app.route("/api/register", methods=['POST']) # 路由,响应POST请求
def on_register():

# 默认的用户名和密码(该用户不存在且非法)
userid = ''
password = ''
phone = ''
email = ''
company = ''
# 判断传入的参数是否为空,并取出前端传来的参数
data = request.get_data()
# print(data)
if data is not None:
    # 将bytes类型转化为字典。对应的,前端发过来的内容应该是JSON.stringify(一个对象)
    data = json.loads(data)  # 转化为字典对象
    # print(data)
    userid = data.get('userid')
    password = data.get('password')
    phone = data.get('phone')
    email = data.get('email')
    company = data.get('company')
# 判断参数是否非法。若非法则直接判断出注册失败,若合法则尝试注册,再根据数据库操作结果判断。
if len(userid) > 0 and len(password) > 0 and len(phone) > 0 and len(email) > 0 and len(password) > 0:
    return_dict = {'success': insert_user(userid=userid, password=password, phone=phone,
                                          email=email, company=company)}
else:
    return_dict = {'success': False}
# 返回结果(结果暂时简单点,只返回成功或失败)
return json.dumps(return_dict)  # 字典转json

on_login,提供给前端的登录接口

@app.route("/api/login", methods=['GET']) # 路由,响应GET请求
def on_login():

# 默认的用户名和密码(数据库中不存在该用户)
userid = ''
password = ''
# 判断传入的参数是否为空,获取前端传来的参数
if request.args is not None:
    print(request.args)
    data = request.args.to_dict()
    userid = data.get('userid')
    password = data.get('password')
# 查询数据库
result = select_user(userid=userid, password=password)
if not result:
    print('user where userid="%s and password="%s" login!!' % (userid, password))
# 返回登录结果(暂时简单一点,成功或失败)
return_dict = {'success': result}
return json.dumps(return_dict)  # 字典转json

if name == '__main__':

# 运行app
app.run()

# 程序结束时释放数据库资源
cursor.close()
db.close()  # 关闭连接

值得注意的是,这里的两个接口分别响应POST请求和GET请求。

可以发现,两个接口获取前端传过来的参数的方式是不同的:

GET
data = request.args.to_dict() # 需from flask import request
这样拿到的data是一个python的字典对象

POST
data = request.get_data() # 需from flask import request
data = json.loads(data) # 转化为字典对象。需import json
这两行代码才拿到一个python的字典对象

接口获取前端传过来的参数的方式与其响应的请求类型(如POST、GET、POST和GET)是对应的。

对应地,前端发过来的参数类型也需要和后端进行匹配。

前端代码
这里给出前端处理用户登录和注册请求的函数。

login
function login() {

var url = "http://127.0.0.1:5000/api/login";
var userid = document.getElementById("userid");
var password = document.getElementById("password");
$.ajax({
    url: url,
    type: "GET",
    data: {
        userid: userid.value,
        password: password.value,
    },
    success: function(data) {
        var data1 = JSON.parse(data);
        // console.log(data1);
        if (data1.success) {
            window.sessionStorage.setItem("userid", userid.value);
            alert("登录成功!进入主页面!");
            window.location.href = 'index.html';
        } else {
            alert("登录失败!请输入正确的账号和密码!");
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        if (textStatus === 'timeout') {
            alert('请求超时,请重试!');
        }
    }

})

}
register
function register() {

var password1 = document.getElementById("password1").value;
var password2 = document.getElementById("password2").value;
var userid = document.getElementById("userid").value;
var phone = document.getElementById("phone").value;
var email = document.getElementById("email").value;
var company = document.getElementById("company").value;
if (password1 !== password2) {
    alert("两次输入的密码不相同,请重新输入!");
    return;
}
$.ajax({
    url: "http://127.0.0.1:5000/api/register",
    type: "POST",
    // 转成json
    data: JSON.stringify({
        userid: userid,
        password: password1,
        phone: phone,
        email: email,
        company: company
    }),
    success: function(data) {
        var data1 = JSON.parse(data);
        if (data1.success) {
            alert("注册成功,请登录!");
            window.location.href = 'login.html';
        } else {
            alert("注册失败,请检查您输入的信息是否正确!");
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        if (textStatus === 'timeout') {
            alert("请求超时!");
        }
    }
})

}
可以注意到,用ajax发送GET请求和PSOT请求时,我发的数据类型是不一样的。

login是GET请求,发送了json字符串
JSON.stringify({

userid: userid,
password: password1,
phone: phone,
email: email,
company: company

})
register是POST请求,发送了javascript的类的对象
{

userid: userid.value,
password: password.value,

}
至此,本文对这次作业中后端搭建的介绍就结束了。

这次作业算是我第一次写后端,也是我第一次接触Flask,如果我有写错的地方,请在评论区指正!

作者:@臭咸鱼

转载请注明出处:https://www.cnblogs.com/chouxianyu/

相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
6天前
|
存储 缓存 NoSQL
Redis多级缓存指南:从前端到后端全方位优化!
本文探讨了现代互联网应用中,多级缓存的重要性,特别是Redis在缓存中间件的角色。多级缓存能提升数据访问速度、系统稳定性和可扩展性,减少数据库压力,并允许灵活的缓存策略。浏览器本地内存缓存和磁盘缓存分别优化了短期数据和静态资源的存储,而服务端本地内存缓存和网络内存缓存(如Redis)则提供了高速访问和分布式系统的解决方案。服务器本地磁盘缓存因I/O性能瓶颈和复杂管理而不推荐用于缓存,强调了内存和网络缓存的优越性。
163 47
|
1天前
|
存储 人工智能 前端开发
从前端到后端,探索Web开发的奥秘
Web开发是当今最热门的技术领域之一,涉及前端、后端、数据库等多个方面。本文将介绍Web开发的基本架构和技术要点,并深入探讨前后端交互、安全性等问题,帮助读者更好地理解Web开发的奥秘。
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术演进
本文探讨了从前端到后端的技术演进,介绍了前端、后端以及多种编程语言,如Java、Python、C、PHP和Go,以及数据库在构建现代化Web应用中的应用。通过深入剖析各个技术领域的发展和应用,读者将对构建高效、可扩展、安全的Web应用有更深入的理解。
|
4天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术实践
本文将介绍如何通过前端和后端技术相结合,构建现代化Web应用的技术实践。我们将探讨前端开发、后端架构以及多种编程语言(如Java、Python、C、PHP、Go)在构建高效、可扩展的Web应用中的应用。
|
5天前
|
前端开发 JavaScript Java
npm与Maven:前端与后端构建工具深度对比学习
npm与Maven:前端与后端构建工具深度对比学习
|
5天前
|
前端开发 JavaScript NoSQL
从前端到后端:构建全栈开发者的必备技能
随着互联网技术的不断发展,全栈开发者的需求日益增长。本文将介绍如何从前端到后端,掌握全栈开发所需的关键技能,包括前端框架的选择、后端语言的学习以及数据库的应用,帮助读者构建成为全面的技术专家。
|
6天前
|
前端开发 测试技术 持续交付
《跨界合作:前端与后端如何优化协作效率》
在当今软件开发领域,前端和后端开发团队通常是分开工作的,但他们的协作质量直接影响着项目的成功与否。本文将探讨如何通过优化前端与后端的协作方式,提高开发效率和项目质量,从而实现更好的跨界合作。
|
6天前
|
JSON JavaScript 前端开发
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
|
6天前
|
前端开发 小程序 测试技术
前端后端测试接口mork神器,Apifox使用一分钟入门
前端后端测试接口mork神器,Apifox使用一分钟入门
14 0
|
6天前
|
存储 安全 前端开发
PHP医院安全不良事件管理系统源码(AEMS)前端vue2+element+后端laravel8不良事件上报与闭环管理
医院不良事件上报与管理系统结合现代医院管理思路,遵照PDCA全面质量循环管理方法而设计,并在多家大型三甲医院成熟运用。系统从事件上报、基于人、机、料、法 、环的RCA分析、事件整改、效果评估实现了结构化、标准化、智能化的管理和分析,满足医院可追溯化、全流程闭环管理要求,满足等级医院评审细则要求,大力提高医院不良事件上报的效率,保障事件分析的准确性,促进医疗安全的提高,避免同类事件再次发生,改善整个医院医疗安全,从而实现医院安全医疗的目标。
27 3