一：注册功能

　　1：前端准备表单

# 前端代码

<!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">

    <script src="/static/jquery-1.12.4.min.js"></script>

    <script>

        $(function(){

            $("#username").blur(function(){      # 通过id获取username这个标签，添加光标失去后，增加函数功能。

                var vals = $("#username").val(); # 通过一个标量接收输入框输入的值

                $.ajax({  # 发起阿贾克斯请求

                    url:"http://127.0.0.1:5000/check?username=" + vals,   # 请求的url

                    type:"get", # 请求的方式

                    success:function(resp){  # 请求成功后的处理

                        $("#usernameresult").html(resp)

                        }

                    })

            })

        })

    </script>

    <title>Document</title>

</head>

<body>

    <h1>这是一个注册界面</h1>

    <form action="" method="post">

        用户名：<input type="text" id="username" placeholder="用户名" name="username"> <span id="usernameresult"></span><br>

        密码：<input type="password" id="passsword" placeholder="密码"> <br>

        注册：<input type="submit" id="submit" value="提交"> <br>

    </form>

</body>

</html>

　　2：后端准备对应的视图函数

# 是为了让用户的光标离开输入框后，将输入的值传递过来,从数据库中检查，判断用户名是否存在

# 127.0.0.1:5000/check?username=zhangsanfeng

@app.route("/check")

def check_username():

    """视图函数的作用就是取值判断"""

    username = request.args.get("username") # 这种方式获取查询字符串

    coon = pymysql.connect(host="localhost",port=3306,user="root",password="mysql",database="flaskmysqltest")

    cs = coon.cursor()

    cs.execute("select * from users where username=%s",[username])

    username = cs.fetchall()

    cs.close()

    coon.close()

    if username:

        return "exists"

    else:

        return " no exists"

if __name__ == "__main__":

    app.run(debug=True)

# 1. 先看数据库

# 2.看给前端返回的数据

后端的register函数

@app.route("/register")
def register():
　　return render_template("register.html")

总的效果

2019-10-26

flask之注册功能的更多相关文章

  1. 使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（五）——实现注册功能

    使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用 使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化 使用 Flask 框架写用 ...

  2. Flask实战第44天：完成前台注册功能

    注册功能后端逻辑 用户注册要把注册的表单提交上来,因此,我要先对表单进行验证,编辑front.forms from apps.forms import BaseForm from wtforms im ...

  3. flask 开发用户登录注册功能

    flask 开发用户登录注册功能 flask开发过程议案需要四个模块:html页面模板.form表单.db数据库操作.app视图函数 1.主程序 # app.py # Auther: hhh5460 ...

  4. day101:MoFang:模型构造器ModelSchema&注册功能之手机号唯一验证/保存用户注册信息/发送短信验证码

    目录 1.模型构造器:ModelSchema 1.SQLAlchemySchema 2.SQLAlchemyAutoSchema 2.注册功能基本实现 1.关于手机号码的唯一性验证 2.保存用户注册信 ...

  5. python实现软件的注册功能（机器码+注册码机制）

    http://www.cnblogs.com/cquptzzq/p/5940583.html 一.前言: 目的:完成已有python图像处理工具的注册功能 功能:用户运行程序后,通过文件自动检测认证状 ...

  6. Winform 注册机通用软件注册功能之建立有效的软件保护机制

    本文转载:http://www.cnblogs.com/umplatform/archive/2013/01/23/2873001.html 众所周知,一些共享软件往往提供给使用者的是一个功能不受限制 ...

  7. springMVC+Java验证码完善注册功能

    这篇文章简单的写了一个java验证码,为之前写过的springMVC注册功能加上验证码,验证码的作用就不多说了,防止机器人程序恶意注册什么的.. 其中User.java,加上了password和cod ...

  8. gitlab 取消注册功能

    gitlab 默认安装完成以后是允许用户注册,公司内部使用所以准备禁用了注册功能,只允许管理员从后台开通权限: 1.进入"Admin Area" 2.在左边菜单栏最低下点击&quo ...

  9. 7、ABPZero系列教程之拼多多卖家工具 修改注册功能

    本篇开始进入重头戏,之前的几篇文章都是为了现在的功能作准备.前面教程已经讲到修改User表结构,接下来就需要修改注册逻辑代码. 注册页面 修改Register.cshtml,备注如下代码: 文件路径: ...

随机推荐

  1. 冲刺周—The First Day

    一.FirstDay照片 二.项目分工 三.今日份燃尽图 四.项目进展 码云团队协同环境构建完毕 利用Leangoo制作任务分工及生成燃尽图 完成AES加解密部分代码 五.问题与困难 1.AES加解密 ...

  2. 从Mybatis中#和$的区别到SQL预编译

    #和$的区别 Mybatis中参数传递可以通过#和$设置.它们的区别是什么呢? # Mybatis在解析SQL语句时,sql语句中的参数会被预编译为占位符问号? $ Mybatis在解析SQL语句时, ...

  3. Java的参数传递是值传递？

    引用传递和值传递的区别.(不先说定义的都是在耍流氓!) 按值调用(call by value) : 在参数传递过程中,形参和实参占用了两个完全不同的内存空间.形参所存储的内容是实参存储内容的一份拷贝. ...

  4. C# 防火墙操作之创建规则

    对于某些程序,我们只允许它使用某些特定端口.网络类型或者特定IP类型等信息.这时候,需要使用到防火墙里面的“高级设置”,创建某些特定的入站或者出栈规则,以规避其程序使用允许端口等意外的信息. 下面以创 ...

  5. axios 获取不到数据错误

    1.问题: 打算学习下vue,但是vue-resource作者已经不更新了,并且大家都建议用axios来进行前后端交互,所以就从学习axios开始. 但是在使用 axios 的过程中,自己写的接口竟然 ...

  6. PHP上传文件到阿里云OSS,nginx代理访问

    1. 阿里云OSS创建存储空间Bucket(读写权限为:公共读) 2. 拿到相关配置 accessKeyId:********* accessKeySecret:********* endpoint: ...

  7. vue组件父子间通信之综合练习--假的聊天室

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. vue封装element中table组件

    后台系统,table被用的次数比较多,所以决定提出来作为组件 1.新建一个Table.vue文件 <!--region 封装的分页 table--> <template>  & ...

  9. 练习4-python+selenium+pandas

    最近对于python的第三方库pandas比较有兴趣,在学习的过程中也简单的结合selenium做了一个简单的小工具 最新公司用一个外部系统来记录,追踪BUG,可是这个系统并不是专业的BUG管理系统, ...

  10. zend studio远程自动上传代码并执行

    http://devzc.com/archives/382/zend_studio_sftp_upload_and_exec/ 最近要做服务的接口测试,公司原有的ide测试工具对于数组的参数化很弱.由 ...