Vue+Vue Router+Axios+Webpack+Flask+MySQL实现简单的注册、登录验证功能

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

你说这是你对我的一种投资,

其实,

我知道,

这也是我对我自己的一种投资

前端部分:

Vue+Vue Router+Axios+Webpack+Flask+MySQL实现简单的注册、登录验证功能_第1张图片

注册 register.vue







登录 login.vue







后端(包括数据库)

Vue+Vue Router+Axios+Webpack+Flask+MySQL实现简单的注册、登录验证功能_第2张图片

注册、登录、index、连接数据库等 Login.py

# -*- coding: utf-8 -*-

import pymysql.cursors
from flask import Flask, request, session, redirect, url_for, render_template, make_response, jsonify
app = Flask(__name__)

# token加密解密


@app.route('/login', methods=('POST',))
def login():
    username = request.json.get('username')
    password = request.json.get('password')
    if username and password:
        # 连接数据库
        connection = pymysql.connect(host='localhost', port=3306, user='root', password='', db='yj', charset='utf8', cursorclass=pymysql.cursors.DictCursor)
        # 创建游标
        cursor = connection.cursor()
        # 操作sql
        selectUserSql = "SELECT `username`, `password` FROM `account` WHERE username='" + username + "'"
        print selectUserSql
        cursor.execute(selectUserSql)
        result = cursor.fetchone()
        print result
        if result and result['password'] == password:
            return jsonify({'code': 200, 'msg': 'ok', 'token': username})
    return jsonify({'code': 400, 'msg': 'error'})




@app.route('/index')
def index():
    token = request.headers.get('token')
    if token:
        return jsonify({'code': 200, 'data': {'love': 'lp'}})
    return jsonify({'code': 400})


@app.route('/register', methods=('POST', ))
def register():
    username = request.json.get('username')
    password = request.json.get('password')
    if username and password:
        # 连接数据库
        connection = pymysql.connect(host='localhost', port=3306, user='root', password='', db='yj', charset='utf8',
                                     cursorclass=pymysql.cursors.DictCursor)
        # 创建游标
        cursor = connection.cursor()
        # 插入数据
        insertSql = "INSERT INTO `account` (`username`, `password`) VALUES ( '"+username + "','" + password + "')"
        print insertSql
        cursor.execute(insertSql)
        # 提交
        connection.commit()
        return  jsonify({'code': 200})
    return jsonify({'code': 400})


if __name__ == '__main__':
    app.run(debug=True)


转载于:https://my.oschina.net/yj1993/blog/1583303

你可能感兴趣的:(Vue+Vue Router+Axios+Webpack+Flask+MySQL实现简单的注册、登录验证功能)