基于flask+mysql的学生管理系统简单开发（2）-注册

53 阅读 0 评论 35 点赞

我是靠谱客的博主仁爱滑板，最近开发中收集的这篇文章主要介绍基于flask+mysql的学生管理系统简单开发（2）-注册，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天来讲一下基于flask的学生管理系统简单开发系列之注册
我们这次实现的注册比较简单甚至简单到写完就发现就没啥内容了
毕竟呢这个不是主要的功能 O(∩_∩)O哈哈~
好了现在我们来实现一下吧
首先我们要在views.py实现登录这个接口咯
当请求方式为GET的时候我们就返回到登录的前端页面啦

@bp.route('/register/', methods=['GET', 'POST'])
def register():
if request.method == 'GET':
return render_template('register.html')

还是熟悉的蓝图bp 还是熟悉的味道有了GET 那肯定还有POST
我要获取了username 注册么我肯定还要获取有两个密码
第一个是已经在你心中想好的第二个呢就是把这个密码再写一遍哦

if request.method == 'POST':
username = request.form.get('username')
pwd1 = request.form.get('pwd1')
pwd2 = request.form.get('pwd2')

好了现在我要来做username和password之间的校验咯
我设置个标志位flag 后面会派到用处

flag = True

第一个判断如果两个其中有一个或者都没有填来个提示

if not all([username, pwd1, pwd2]):
msg, flag = '请填写完整信息', False

来个截图看一下效果
在这里插入图片描述

第二个判断 username长度太长了

if len(username) > 50:
msg, flag = '用户名太长', False

这个也看一下效果

第三个判断两次password填写的不一致

if pwd1 != pwd2:
msg, flag = '两次密码不一致', False

最后这个也看一下效果哦
在这里插入图片描述
校验到这边就大功告成了最后我把这msg传给前端

if not flag:
return render_template('register.html', msg=msg)

嗯嗯我觉得这个还是不完美于是再加个校验 username要唯一如何
那我就在数据库里面查一下这个username已经有没有呢

u = User.query.filter_by(username=username).first()

很好我发现有了一个已经在数据库里那我就不让他注册成功咯

if u:
msg = '用户已存在'
return render_template('register.html', msg=msg)

当然没图的话我加个需求干啥呢
在这里插入图片描述
最后 username和password经过层层判断总算它注册成功了
我就保存它进入到数据库里面

user = User(username=username, password=pwd1)
user.save()

注册成功了那就乖乖的跳到登录页面去吧

return redirect(url_for('user.login'))

附上前端的代码 register.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册</title>
<link rel="stylesheet" type="text/css" href="/static/css/public.css" />
<link rel="stylesheet" type="text/css" href="/static/css/page.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
</head>
<body>
<form action="{{ url_for('user.register') }}" method="post">
<!-- 登录body -->
<div class="logDiv">
<img class="logBanner" src="/static/img/logBanner.png" />
<div class="logGet">
<!-- 头部提示信息 -->
<div class="logD logDtip">
<p class="p1">注册</p>
<span style="color: red">{{msg}}</span>
</div>
<!-- 输入框 -->
<div class="lgD">
<img class="img1" src="/static/img/logName.png" />
<input type="text" placeholder="输入用户名" name="username" />
</div>
<div class="lgD">
<img class="img1" src="/static/img/logPwd.png" />
<input type="password" placeholder="输入用户密码" name="pwd1" />
</div>
<div class="lgD">
<img class="img1" src="/static/img/logPwd.png" />
<input type="password" placeholder="输入用户密码" name="pwd2" />
</div>
<div class="logC">
<a href="#" target="_self">
<button>
<input type="submit" value="注 &nbsp;&nbsp;册" style="background: none;border: none;color: white">
</button>
</a>
</div>
</div>
</div>
</form>
<!-- 登录body
end -->
<!-- 登录页面底部 -->
<div class="logFoot">
<p class="p1">2018</p>
<p class="p2">版权©</p>
</div>
<!-- 登录页面底部end -->
</body>
</html>