码迷,mamicode.com
首页 > 其他好文 > 详细

完成注册功能

时间:2017-11-21 23:55:27      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:creat   tle   end   com   delete   block   nbsp   字母   register   

  1. js文件: onclick函数return True时才提交表单,return False时不提交表单。
  2. html文件:
    1. <form>中设置 action和method="post"
    2. <input> 中设置 name
  3. 主py文件中:
    1. from flask import  request, redirect, url_for
    2. @app.route(‘/regist/‘, methods=[‘GET‘, ‘POST’])

def regist():

   if request.method == ‘GET‘:

        return render_template(‘regist.html‘)

   else:

        username = request.form.get(‘username’)#获取form中的数据

        判断用户名是否存在:存在报错

  不存在,存到数据库中

       redirect重定向到登录页

 

from flask import Flask,render_template,request,redirect,url_for
from flask import Flask
from flask_sqlalchemy import SQLAlchemy
import config

app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy(app)

class User(db.Model):
    __tablename__ = user_test
    id=db.Column(db.Integer,primary_key=True,autoincrement=True)
    username=db.Column(db.String(20),nullable=False)
    password = db.Column(db.String(20), nullable=False)
    nickname = db.Column(db.String(20))
    tel = db.Column(db.String(20))

#db.create_all()

#2.在表中插入一条记录
#user = User(username = ‘mis1‘,password = ‘124‘, nickname=‘wk‘)
#db.session.add(user)
#db.session.commit()


#3.去表中查询用户名对应的密码和接下来用户输入的密码是否相匹配
#user = User.query.filter(User.username == ‘mis1234‘).first()
#print(user)
#print(user.id,user.username)#输出查找到的用户名的id,密码等.

#修改查询到的用户名的密码等
#user = User.query.filter(User.username == ‘mis1234‘).first()
#user.password = ‘123‘
#db.session.commit()

#再次插入一条记录
#user = User(username = ‘wk‘,password = ‘34556‘, nickname=‘kk‘)
#db.session.add(user)
#db.session.commit()

#删除一条记录
#user = User.query.filter(User.username == ‘mis1234‘).first()
#db.session.delete(user)
#db.session.commit()




@app.route(/)
def index():
    return render_template(base.html)

@app.route(/login/,methods=[GET,POST])
def login():
    return render_template(login.html)

@app.route(/register/,methods=[GET,POST])
def register():
    if request.method ==GET:
        return  render_template(register.html)
    else:
        usern = request.form.get(uname)
        teln = request.form.get(number)
        passw = request.form.get(upass)
        user = User.query.filter(User.username==usern).first()
        if user:
            return username existed
        else:
            user1= User(username=usern,tel=teln,password=passw)
            db.session.add(user1)
            db.session.commit()
            return redirect(url_for(login))


@app.route(/question/,methods=[GET,POST])
def question():
    return render_template(question.html)

if __name__ == __main__:
    app.run(debug=True)
{% extends ‘base.html‘ %}
    {% block title %}
        注册
    {% endblock %}
{% block head %}
    <!--<title>register</title>-->
    <!--<script src="../static/js/register.js"></script>
    <link href="../static/css/login.css" rel="stylesheet" type="text/css">-->
    <script src="{{ url_for(‘static‘,filename=‘js/register.js‘) }}" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="{{ url_for(‘static‘,filename=‘css/login.css‘)}}">
{%  endblock %}

{% block main %}

      <div class= "box">
           <h2>注册</h2>
          <form method="post" action="{{ url_for(‘register‘) }}">
          <div class="input_box">
              username:&nbsp<input id="uname" type="text" placeholder="请输入用户名"  name="uname">
          </div>
          <div class="input_box">
              tel:&nbsp&nbsp&nbsp<input id="number" type="text" placeholder="请输入常用手机号" name="number">
          </div>
          <div class="input_box">
              password:&nbsp<input id="upass" type="password" placeholder="请输入密码" name="upass">
          </div>
          <div class="input_box">
              chpassword:<input id="chpass" type="password" placeholder="请再次输入密码" name="chpass">
          </div>
          <div id="error_box" ><br></div>

          <div class="input_box">
              <button  id="button" onclick="return fnRegister()">注册</button>&nbsp&nbsp&nbsp&nbsp&nbsp
              <button  id="button"onclick="window.location.replace({{ url_for("login") }})">转到登录</button>

          </div>
      </form>

      </div>

{% endblock %}
function fnRegister() {
    var oUname = document.getElementById("uname");
    var oNumber = document.getElementById("number");
    var oUpass = document.getElementById("upass");
    var oError = document.getElementById("error_box");
    var isError = true;
    oError.innerHTML = "<br>";
    //uname
    if (oUname.value.length == 0) {
        oError.innerHTML = "用户名不能为空!";
        isError = false;
        return isError;
    }
    if (oUname.value.length > 10 || oUname.value.length < 6) {

        oError.innerHTML = "用户名必须是6-10位!";
        isError = false;
        return isError;

    } else if ((oUname.value.charCodeAt(0) >= 48) && (oUname.value.charCodeAt(0)) <= 57) {
        oError.innerHTML = "用户名首字母不能是数字!";
        isError = false;
        return isError;
    } else for (var i = 0; i < oUname.value.length; i++) {
        if ((oUname.value.charCodeAt(i) < 48 || oUname.value.charCodeAt(i) > 57) && (oUname.value.charCodeAt(i) < 97 || oUname.value.charCodeAt(i) > 122)) {
            oError.innerHTML = "用户名只能为数字和字母";
            isError = false;
            return isError;
        }
    }


        //tel
        if (oNumber.value.length == 0) {
            oError.innerHTML = "手机号不能为空!";
            isError = false;
            return isError;
        }
        if (oNumber.value.length != 11) {
            oError.innerHTML = "手机号必须是11位!";
            isError = false;
            return isError;
        } else for (var j = 0; j < oNumber.value.length; j++) {
            if ((oNumber.value.charCodeAt(j) < 48) && (oNumber.value.charCodeAt(j)) > 57) {
                oError.innerHTML = "手机号只能为数字!";
                isError = false;
                return isError;
            }
        }

        //upass
        if (oUpass.value.length == 0) {
            oError.innerHTML = "密码不能为空!";
            isError = false;
            return isError;
        }
        if (oUpass.value.length > 10 || oUpass.value.length < 6) {
            oError.innerHTML = "用户密码6-10位!";
            isError = false;
            return isError;
        }
        if (document.getElementById("upass").value != document.getElementById("chpass").value) {
            oError.innerHTML = "密码不一致";
            isError = false;
            return isError;
        }

        //window.alert("注册成功!")
        return isError;
    }

技术分享图片技术分享图片技术分享图片技术分享图片

完成注册功能

标签:creat   tle   end   com   delete   block   nbsp   字母   register   

原文地址:http://www.cnblogs.com/wk15/p/7872499.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!