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

95 阅读 0 评论 63 点赞

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

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

复制代码

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

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

复制代码

1
2
3
4
5
if request.method == 'POST':
username = request.form.get('username')
pwd1 = request.form.get('pwd1')
pwd2 = request.form.get('pwd2')

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

复制代码

1
2
flag = True

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

复制代码

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

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

第二个判断 username长度太长了

复制代码

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

这个也看一下效果

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

复制代码

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

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

复制代码

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

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

复制代码

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

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

复制代码

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

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

复制代码

1
2
3
user = User(username=username, password=pwd1)
user.save()

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

复制代码

1
2
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">

<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="注   册" style="background: none;border: none;color: white">
</button>
</a>
</div>
</div>
</div>
</form>


<div class="logFoot">
<p class="p1">2018</p>
<p class="p2">版权©</p>
</div>

</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!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>