为了更好的理解web前后端的工作业务逻辑:本笔记记录用flask框架编写的一个最初级的代码实现简单的用户注册,登录场景:

初次进入首页,提示--游客,欢迎参观,有登录和注册选项,

登录成功后的用户,会显示欢迎(比如用admin用户登录):

页面代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
{% if session.name %}
<h3>您好,欢迎{{ session.name }}!</h3>
{% else %}
<h3>游客,欢迎参观<br><a href="login">请登录</a><br><a href="signin">请注册</a></h3>
{% endif %}
</body>
</html>

点击登录进入登录页面

填写错误的用户名或密码会有错误提示

页面代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
</head>
<body>
<form action="/login" method="POST">
<table>
<tr>
<th colspan="2">用户登录</th>
</tr>
<tr>
<th>用户名</th>
<td>
<input name="username" type="text" value="">
</td>
</tr>
<tr>
<th>密码</th>
<td>
<input name="passwd" type="text" value="">
</td>
</tr>
<tr>
<th colspan="2">
<input name="login" type="submit" value="登录">
</th>
</tr>
<tr>
<th colspan="2">
没有账号点击<a href="signin">注册</a>
</th>
</tr>
没有账号点击<a href="signin">注册</a>
</table>
{{ msg }}
</form>
</body>
</html>

没有账号可点击注册进入注册页面

注册信息输入不完整会有相关提示:

页面代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<form action="/signin" method="POST">
<table>
<tr>
<th colspan="2">用户注册</th>
</tr>
<tr>
<th>用户名</th>
<td>
<input name="username" type="text" value="">
</td>
</tr>
<tr>
<th>密码</th>
<td>
<input name="passwd" type="text" value="">
</td>
</tr>
<tr>
<th>确认密码</th>
<td>
<input name="passwd1" type="text" value="">
</td>
</tr>
<tr>
<th colspan="2">
<input name="login" type="submit" value="注册">
</th>
</tr>
</table> {{ msg }}
</form> </body>
</html>

注册成功后会跳转至注册成功页面,点击立即登录可跳转至登录页面:

框架代码如下:

# -*- coding: utf-8 -*-
# @Time : 2019/4/28 20:39
# @Author : lc from flask import Flask, render_template, request, session, redirect, url_for
from Flask2.sqlite import sqlite_insert, sqlite_select
import sqlite3 # 引入数据库 app = Flask(__name__) # 创建一个Flask实例
app.secret_key = 'abcde11ef' # 设置session密钥 '''根路由支持POST和GET请求,进入index页面'''
@app.route('/', methods=['GET', 'POST'])
def hello_world():
return render_template('index.html') '''注册支持POST和GET请求,进入signin页面,合法的注册数据写入数据库'''
@app.route('/signin', methods=['GET', 'POST'])
def signin():
method = request.method # 获取请求方式
if method == 'GET':
return render_template('signin.html')
else:
user_name = request.form.get('username')
password = request.form.get('passwd')
password1 = request.form.get('passwd1')
if user_name and password and password1: # 判断必填项
if password == password1:
sqlite_insert(user_name, password) # 实例化数据库插入方法
succ = "注册成功"
return render_template('signin_success.html', msg=succ)
else:
err = "登录失败,两次密码输入不一致"
# 返回HTML可以添加模板语言,可以放在body里面用{{}}引入
return render_template('signin.html', msg=err)
else:
err = "请输入完整的注册信息"
return render_template('signin.html', msg=err) # '''登录支持POST和GET请求,进入login页面,合法发起请求后查询数据库进行数据匹配'''
@app.route('/login', methods=['GET', 'POST'])
def login():
method = request.method # 获取请求方式
if method == 'GET':
return render_template('login.html')
else:
username = request.form.get('username')
password = request.form.get('passwd')
result = sqlite_select(username, password) # 实例化数据库查询方法
print(result)
if result:
if username == result[1] and password == result[2]:
session['name'] = result[1] # 设置session值
return render_template('index.html')
else:
err = "登录失败,用户名或密码错误"
# 返回HTML可以添加模板语言,可以放在body里面用{{}}引入
return render_template('login.html', msg=err) if __name__ == '__main__':
app.run()

ps:用户注册后的密码会加密后再存入数据库,可调用以下方法对密码进行加密

import hashlib
def hash_code(pwd):
md5=hashlib.md5() # 获取MD5对象
md5.update(pwd.encode('utf-8')) #将传入的pwd编码后,更新MD5的状态
return md5.hexdigest() #返回十六进制的MD5码
if __name__ == '__main__':
print(hash_code(''))

# 输出结果:e10adc3949ba59abbe56e057f20f883e

Flask框架(2)--编写简单的用户注册--登录场景的更多相关文章

  1. express框架+jade+bootstrap+mysql开发用户注册登录项目

    完整的项目代码(github):https://github.com/suqinhui/express-demo express是基于Node.js平台的web应用开发框架,用express框架开发w ...

  2. Node.js基于Express框架搭建一个简单的注册登录Web功能

    这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...

  3. flask框架~简易编写

    flaks框架: 先导报 from flask import Flask 重定向模块:redirect url_for是简易寻址跳转 jsonify强转为json格式 建立flask对象:app = ...

  4. 利用flask框架实现对用户的注册登录

    ------------------------------------(分割线)----------------------------------------------------------- ...

  5. hibernate与Struts框架结合编写简单针对修改练习

    失败页面fail.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  6. Python Flask框架路由简单实现

    Python Flask框架路由的简单实现 也许你听说过Flask框架.也许你也使用过,也使用的非常好.但是当你在浏览器上输入一串路由地址,跳转至你所写的页面,在Flask中是怎样实现的,你是否感到好 ...

  7. Flask框架 请求与响应 & 模板语法

    目录 Flask框架 请求与响应 & 模板语法 简单了解Flask框架 Flask 框架 与 Django 框架对比 简单使用Flask提供服务 Flask 中的 Response(响应) F ...

  8. Flask框架登录日志模块编写

    web扫描器网站的框架搭建逐渐进入尾声,边搭建框架的时候负责前端的小姐姐也在完善页面设计,过两天就可以进行功能点的完善了. 在扫描器中我们用到了用户登录模块,想法是初始化一个账户和密码,比如说admi ...

  9. 传智播客JavaWeb day07、day08-自定义标签(传统标签和简单标签)、mvc设计模式、用户注册登录注销

    第七天的课程主要是讲了自定义标签.简单介绍了mvc设计模式.然后做了案例 1. 自定义标签 1.1 为什么要有自定义标签 前面所说的EL.JSTL等技术都是为了提高jsp的可读性.可维护性.方便性而取 ...

随机推荐

  1. jquery 使用off移除事件 使用one绑定一次事件,on绑定事件后触发多次相同的事件的异常

    <!-- jquery 移除事件,绑定一次事件,搜狗 one --> <!DOCTYPE html> <html lang="en"> < ...

  2. PostgreSQL 使用PG_Rman进行物理备份

    背景 在Oracle下我们可以使用rman进行物理备份,支持数据库的全量.增量.归档的备份模式而PostgreSQL作为开源数据库,近些时间来也一直向商业版数据库看齐,也推出了开源功工具pg_rman ...

  3. 063_显示本机 Linux 系统上所有开放的端口列表

    #!/bin/bash#从端口列表中观测有没有没用的端口,有的话可以将该端口对应的服务关闭,防止意外的攻击可能性 ss -nutlp |awk '{print $1,$5}' | awk -F&quo ...

  4. Mac 下 安装 Nginx

    ---恢复内容开始--- Mac 下 安装nginx 首先确定自己有安装homebrew 安装 nginx brew install nginx 启动nginx 1.15版本下 安装是 直接在ngin ...

  5. jsp 页面 javax.servlet.jsp.JspException cannot be resolved to a type 异常

    <dependencies><dependency><groupId>javax.servlet</groupId><artifactId> ...

  6. 1卸载ROS

    sudo apt-get purge ros-*sudo rm -rf /etc/rosgedit ~/.bashrc 参考: https://blog.csdn.net/xmy306538517/a ...

  7. Java实现多线程生产者消费者模式的两种方法

    生产者消费者模式:生产者和消费者在同一时间段内共用同一存储空间,生产者向空间里生产数据,而消费者取走数据.生产者生产一个,消费者消费一个,不断循环. 第一种实现方法,用BlockingQueue阻塞队 ...

  8. redis5种数据结构讲解及使用场景

    string  list  hash set zset  探究 Redis 4 的 stream 类型 redis提供了5中数据结构,理解每种数据结构的特点对于redis开发运维非常重要.  一.字符 ...

  9. Java判断整数溢出

    开题报告第一版写完发给老师了,熬了两周终于搞出来了,等着被怼了之后再改吧.晚上选了Leetcode一道简单的题,整数反转,就是将一个int类型的数反转.原本确实很简单,最后出现个问题有意思--整数溢出 ...

  10. OR(Convex_Optimization_读书杂记)

      今天心血来潮,看了一下ConvexOptimization,看到一开始描述直线的部分,真的感觉翻译得很棒.$$ y = \theta x_1 + (1-\theta) x_2 \qquad x1, ...