为了更好的理解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. vue jqury如何获取元素中的属性

    1.点击事件获取 点击事件通过传值得方式 <el-button type="danger" round @click="delHander($event)" ...

  2. python 操作excle 之第三方库 openpyxl学习

    目录 python 操作excle 之第三方库 openpyxl学习 安装 pip install openpyxl 英文文档链接 : 点击这里~ 1,定位excel 2,读取excle中的内容 3, ...

  3. java 设计模式 --委派模式

    委派模式(Delegate)原理: 类B和类A是两个互相没有任何关系的类,但是B具有和A一模一样的方法和属性:并且调用B中的方法/属性就是调用A中同名的方法和属性. B好像就是一个受A授权委托的中介, ...

  4. 007——转载——C#将字符串转换为整型的三种方法的总结

    (一)转载——C#将字符串转换为整型的三种方法的总结 在C#中,要将一个字符串或浮点数转换为整数,基本上有三种方法: (1)使用强制类型转换:(int)浮点数 (2)使用Convert.ToInt32 ...

  5. 简单了解Web Workers API

    1. 为什么使用Web Workers API 通过使用该API,web应用程序可以独立于主线程,运行一个单独的线程来处理脚本. 可以在独立的线程中解决耗时较长的任务,避免主线程阻塞. 2. 应用 1 ...

  6. MutationObserverAPI--微任务

    1. 作用 MutationObserverAPI可以看作一个监听DOM所有变化(包含节点.属性.文本内容的变动)的接口. 和EventTargetAPI的addEventListener相比: 共同 ...

  7. qt 读取xml文件中文问题

    1.保存文件格式为UTF-8 2.文件流打开时设置 QFile file(fileName); if (!file.open(QIODevice::ReadOnly)) { qDebug() < ...

  8. DEA使用git提交代码时，点了commit之后卡死在performing code analysis部分，或者performing code analysis结束后没有进入下一步操作。

    把"Perform code analysis" 和 "Check TODO" 复选框前面的勾去掉就好了. 这个可能是因为所分析的目标文件太大了,造成一直分析不 ...

  9. ROS手动编写消息发布器和订阅器topic demo(C++)

    1.首先创建 package cd ~/catkin_ws/src catkin_create_pkg topic_demo roscpp rospy std_msgs 2. 编写 msg 文件 cd ...

  10. python pillow 绘制图片

    demo1 #coding=utf- from PIL import Image img = Image.,))###创建一个5*5的图片 pixTuple = (,,,)###三个参数依次为R,G, ...