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

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

项目环境: pycharm 2018 专业版 win10 专业版 python 3.7

项目部署截图

前端代码:

regist.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>登录页面练习</title>

    <style>

        body{

            background-color: rgb(217, 235, 250);

        }

        .loginn{

            background-color: white;

            height: 320px;

            width: 240px;

            padding: 25px;

            margin-top: 150px;

            margin-left:60%;

            border-radius: 25px;

            box-shadow:  4px 4px 8px rgba(0, 0, 0,0.5);

        }

        .loginn>p{

            margin-left: 40%;

            margin-top: 10px;

            color:black;

            font-size: 20px;

        }

        .LOGB{

            border-collapse: separate;

            border-radius: 15px;

            border: 1px solid rgb(167, 160, 160);

            text-align: right;

            width: 95%;

            height: 30px;

        }

        #log1{

            text-align: center;

            width: 180px;

            background-color: rgb(137, 202, 180);

            margin-left: 10%;

            border-radius: 25px;

            outline: none;

        }

        .LOGE{

            font-size: 10px;

            margin-left: 30%;

            margin-bottom: 10%;

        }

        .input2{

            outline: none;

            border: 0px;

            margin-right: 20%;

        }

    </style>

</head>

<body>

    <div class="loginn">

        <p>注册</p>

        <form action="http://127.0.0.1:5000/rsuccess/", method="post">

            <table class="LOGB" cellspacing="0">

                <tr>

                    <td>用户名:&nbsp;</td>

                    <td><input type="text"  placeholder="姓名" class="input2" name="rename"></td>

                </tr>

            </table>

            <br>

           <table class="LOGB"  cellspacing="0" >

                <tr>

                    <td>密码: </td>

                    <td><input type="password" placeholder="你的密码" class="input2" name="repwd"></td>

                </tr>

            </table>

            <br>

             <table class="LOGB"   cellspacing="1">

                <tr>

                    <td>+86:</td>

                    <td><input type="text" maxlength="11" placeholder="手机号码" class="input2" ></td>

                </tr>

            </table>

                <br>

             <table class="LOGB" cellspacing="0">

                <tr>

                    <td>验证码:</td>

                    <td><input type="text" style="border:0"class="input2" ></td>

                </tr>

            </table>

            <br>

            <a  href=""><button id="log1">注册</button></a>

            <div class="LOGE">

                <p><a href="{{ url_for('login_html') }}">已有账号？请登录</a></p>

            </div>

        </form>

    </div>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>登录页面练习</title>

    <style>

        body{

            background-color: rgb(217, 235, 250);

        }

        .loginn{

            background-color: white;

            height: 320px;

            width: 240px;

            padding: 25px;

            margin-top: 150px;

            margin-left:60%;

            border-radius: 25px;

            box-shadow:  4px 4px 8px rgba(0, 0, 0,0.5);

        }

        .loginn>p{

            margin-left: 40%;

            margin-top: 10px;

            color:black;

            font-size: 20px;

        }

        .LOGB{

            border-collapse: separate;

            border-radius: 15px;

            border: 1px solid rgb(167, 160, 160);

            text-align: right;

            width: 98%;

            height: 40Px;;

        }

        .LOGD{

            width: 80%;

            height: 35px;

            margin-left: 8%;

            border-radius: 25px;

            background-color: rgb(160, 207, 192);

            border: 1px solid wheat;

            outline: none;

        }

        .LOGE{

            font-size: 10px;

            margin-left: 30%;

            margin-bottom: 10%;

        }

        .input2{

            outline: none;

            border: 0px;

            margin-right: 20%;

        }

    </style>

</head>

<body>

    <div class="loginn">

        <p>登录</p>

        <br>

        <form action="http://127.0.0.1:5000/lsuccess/" method="post">

            <table class="LOGB" cellspacing="0">

                <tr>

                    <td>用户名:&nbsp;</td>

                    <td><input type="text"  placeholder="姓名" class="input2" name="username"></td>

                </tr>

            </table>

            <br>

           <table class="LOGB"  cellspacing="0" >

                <tr>

                    <td>密码: </td>

                    <td><input type="password" placeholder="你的密码" class="input2" name="password"></td>

                </tr>

            </table>

            <br>

             <br>

            <div class="LOGD">

                <a href=""><button class="LOGD" >登录</button></a>

            </div>

            <br>

            <div class="LOGE">

                <p>没有账号？<a href="{{ url_for('regist_html') }}">立即注册</a></p>

            </div>

        </form>

    </div>

</body>

</html>


前端不是我写的，是一位小姐姐写的~~
-------------------------------------------------------------------------------------------------------------------------------

from flask import Flask ,request ,render_template

from flask_sqlalchemy import  SQLAlchemy

import  config

app = Flask(__name__)

app.config.from_object(config)

db = SQLAlchemy(app)

#对flask进行一个初始化

#创建一个simple表

class Simple(db.Model):

    __tablename__ = 'simple'

    id = db.Column(db.Integer ,primary_key=True , autoincrement=True)

    user = db.Column(db.String(100), nullable=False,unique=True)

    pwd = db.Column(db.CHAR(50) , nullable=False ,unique=True)

db.create_all()

@app.route('/')

    # -----------------------------------------------------------

def index():

        return "这是一个首页"

@app.route('/lsuccess/', methods=['post' ,'GET'])

def login():

    if request.method == "POST":

        user = request.form.get('username')

        pwd = request.form.get('password')

        if user == Simple.user and pwd == Simple.pwd:

            return  "参数请求不正常"

        else:

            result = Simple.query.filter(Simple.user == user and Simple.pwd == pwd).first()

            return (" username = %s  pwd = %s" %(result.user ,result.pwd))

    if request.method != 'get':

        return  "前端的锅"

@app.route('/rsuccess/',methods=['POST' ,'GET'])

def regist_function():

    if request.method =="POST":

        user = request.form.get('rename')

        password = request.form.get('repwd')

        simple1 = Simple(user=user, pwd=password)

        db.session.add(simple1)

        db.session.commit()

        return ("注册成功  账号 = %s  密码= %s" % (user, password))

        # pass

@app.route('/regist/')

def regist_html():

    return render_template('regist.html')

@app.route('/login/')

def login_html():

    return render_template('login.html')

if __name__ == '__main__':

    app.run(debug = True)

config.py

DIALECT = 'mysql'

DRIVER = 'pymysql'

USERNAME = 'root'

PASSWORD = 'root'

HOST = 'localhost'

PORT = '3306'

DATABASE = 'test'

SQLALCHEMY_DATABASE_URI = "{}+{}://{}:{}@{}:{}/{}?charset=utf8".format(DIALECT, DRIVER, USERNAME, PASSWORD, HOST, PORT, DATABASE)

SQLALCHEMY_TRACK_MODIFICATIONS = False

建议写后端的人，以后和前端进行拼接任务的，一定要和前端的人商量好，这个页面该怎么怎么跳转，到底是谁来实现。实现之后又是什么样，一定要讨论好，不能讨论不好，上去就开始干。。。。。。前端和后端真是一个相互仇恨的组合，今天让小姐姐加上在注册密码的时候两次密码不一致这个用js可以实现校验的功能，小姐姐看我的眼神就不好了。。。。逃。。。今天就先记录那么多吧

利用flask框架实现对用户的注册登录的更多相关文章

利用mvc模式，实现用户的注册
实现功能:利用mvc模式,实现用户的登陆注册功能 1.程序的框架结构 2个包,bean,以及servlet 3个jsp页面,注册页面,注册成功页面,注册失败页面 mysql驱动 2.编程思想通过js ...
Node.js基于Express框架搭建一个简单的注册登录Web功能
这个小应用使用到了node.js bootstrap express 以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...
node.js+mysql用户的注册登录验证
下面代码实现的功能是:用node.js连接mysql实现用户的注册和登录,这里主要实现的是后端的验证代码,前端显示部分没具体写出. 整个程序的流程是这样的: 1.首先建立数据库reji,数据表user ...
利用flask将opencv实时视频流输出到浏览器
opencv通过webcam可以获取本地实时视频流,但是如果需要将视频流共享给其他机器调用,就可以将利用flask框架构建一个实时视频流服务器,然后其他机器可以通过向这个服务器发送请求来获取这台机器上 ...
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（五）——实现注册功能
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化使用 Flask 框架写用 ...
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（四）——对 run.py 的调整
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化使用 Flask 框架写用 ...
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（一）——创建应用
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化使用 Flask 框架写用 ...
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（二）——使用蓝图功能进行模块化
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化使用 Flask 框架写用 ...
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑（三）——使用Flask-Login库实现登录功能
使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(二)——使用蓝图功能进行模块化使用 Flask 框架写用 ...

随机推荐

git 的一些常用命令
1. git clone **(项目地址) 克隆一个git项目到本地,将git项目拉取到本地 2. git status 查看文件状态,列出当前目录没有被git管理,以及被修改过还未提交的文件 3. ...
php post请求https
<?php $url = 'https://www.xxx.com'; $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); c ...
【JVM第五篇--运行时数据区】方法区
写在前面的话:本文是在观看尚硅谷JVM教程后,整理的学习笔记.其观看地址如下:尚硅谷2020最新版宋红康JVM教程一.栈.堆.方法区的关系虚拟机运行时的数据区如下所示: 即方法区是属于线程共享的内 ...
Golang调度器GMP原理与调度全分析(转侵删)
该文章主要详细具体的介绍Goroutine调度器过程及原理,包括如下几个章节. 第一章 Golang调度器的由来第二章 Goroutine调度器的GMP模型及设计思想第三章 Goroutine调度 ...
Python_Tips
Python绝对路径与相对路径读写文件[上级目录: os.path.dirname(os.getcwd())] # coding:utf8 ''' 知识点:Python读写文件时候的相对路径与绝对路径 ...
javascript九宫格碰撞检测
JS九宫格碰撞检测这个东西以前学过这次主要是做面试项目web版的win10 桌面图片需要用碰撞检测再写的时候竟然完全忘记了碰撞检测原理和怎么写综合来说还是写的太少今天再学了一下理 ...
重闯Sqli-labs关卡第三天(6-10关)
第六关(双注入GET双引号字符型注) 核心代码: 1 $id = '"'.$id.'"'; 2 $sql="SELECT * FROM users WHERE id=$i ...
jwt鉴权学习 (php示例代码)
前段时间听朋友讲起 jwt鉴权,博主我是一脸懵逼,通过朋友坚持不懈的讲解,我终于听懂了,jwt就是登陆token校验嘛然而事情并不是博主想象的那么简单,在一个艳阳高照,晴空万里的夜晚,博主手贱百度了 ...
webug第十三关:XSS
第十三关:XSS 点击链接 xss,弹框框
使用SpringBoot进行优雅的数据验证
JSR-303 规范在程序进行数据处理之前,对数据进行准确性校验是我们必须要考虑的事情.尽早发现数据错误,不仅可以防止错误向核心业务逻辑蔓延,而且这种错误非常明显,容易发现解决. JSR303 规范 ...

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

利用flask框架实现对用户的注册登录的更多相关文章

随机推荐

热门专题