8.注册和登录功能实现（1）—— 页面设计和获取POST数据

最新推荐文章于 2023-06-01 18:12:00 发布

weixin_33885676

最新推荐文章于 2023-06-01 18:12:00 发布

阅读量934

点赞数

文章标签： javascript 后端 python ViewUI

原文链接：https://segmentfault.com/a/1190000012847569

版权

本文介绍了如何实现网站的注册和登录功能。首先，创建了处理注册的视图函数，更新导航条模板以链接到注册页面。接着，使用Bootstrap框架设计注册页面，并通过POST方法提交表单数据。在后端，接收并处理POST数据，完成注册功能。同样的方法应用到登录功能上，实现了完整的用户交互流程。

摘要由CSDN通过智能技术生成

在导航条中，右侧有登录和注册两个链接，储存用户数据的Users模型也有了，现在我们来实现登录和注册的功能。
先来看注册功能的实现，新建一个视图函数，如下:

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

在导航条模板base.html中，为注册添加链接，使用url_for函数将其href属性值修改为register.html，如下：

<li><a href="{
   { url_for('register') }}">注册</a></li>

接下来我们要去制作register.html了，这部分是基础的html/css知识，控件也是用的Bootstrap框架，最终注册页 http://127.0.0.1:5000/register/的效果图如下（结尾贴出代码）：

register.html中的表单控件，我们设置了其方法为POST，注册按钮的type为submit，这样点击提交按钮的时候，浏览器就会以POST方法去请求当前网址，但我们的视图函数默认只能接受GET方法，因此我们要为其添加POST方法，并使用fla

关注