- js文件： onclick函数return True时才提交表单，return False时不提交表单。
- html文件：
- <form>中设置 action和method="post"
- <input> 中设置 name
- 主py文件中：
- from flask import request, redirect, url_for
- @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重定向到登录页
js 文件:
function fnEnroll() { var zcoUname = document.getElementById("zcuname"); var zcoError = document.getElementById("zcerror_box"); var zcoUword1 = document.getElementById("zcupassword1"); var zcoUword2 = document.getElementById("zcupassword2"); var isoError = true; zcoError.innerHTML = "<br>"; if (zcoUname.value.length<6|| zcoUname.value.length>12) { zcoError.innerHTML = "用户名为6到12位"; isoError = false; return isoError; } else if((zcoUname.value.charCodeAt(0)>=48)&&(zcoUname.value.charCodeAt(0)<=57)){ zcoError.innerHTML = "用户名首位不能是数字"; isoError=false; return isoError; } else for (var i = 0; i < zcoUname.value.length; i++) { if(zcoUname.value.charCodeAt(i)<48||(zcoUname.value.charCodeAt(i)>57)&&(zcoUname.value.charCodeAt(i)<97)||zcoUname.value.charCodeAt(i)>122){ zcoError.innerHTML = "用户名只能是字母与数字";return isoError; } } if (zcoUword1.value.length<6||zcoUword1.value.length>20){ zcoError.innerHTML = "密码为6到20位"; isoError = false; return isoError; } if (zcoUword1.value!=zcoUword2.value){ zcoError.innerHTML="两次密码不一致"; return false; } return true; window.alert("注册成功！！"); }
Html文件：
{% extends 'base.html' %} {% block title %}注册{% endblock %} {% block head %} <link rel="stylesheet" type="text/css" href="../static/css/register.css"> <script src="../static/js/register.js"></script> <script src="{{ url_for('static',filename='js/register.js') }}"></script> {% endblock %} {% block main %} <body style="background: burlywood"> <div class="box"> <h1>注册</h1> <form action="{{ url_for('regist') }}" method="post"> <div class="input_box"> 注册帐号：<input id="cname" type="text" placeholder="请输入用户名" name="username"> </div> <div class="input_box"> 注册密码：<input id="password1" type="password" placeholder="请输入密码" name="password"> </div> <div class="input_box"> 再次输入:<input id="password2" type="password" placeholder="请再次输入密码" > </div> <div id="zcerror_box"><br></div> <div class="input_box"> <button type=submit onclick="fnEnroll()">立即注册</button> <a href="login.html">已注册</a> </div></from> </div> </body> {% endblock %}
py 主文件 ：
from flask import Flask, render_template,request,redirect,url_for
from flask_sqlalchemy import SQLAlchemy
import config
app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy(app)
class User(db.Model):
__tablename__ = 'user'
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(50))
#增 #user = User(username ='ccccls',password='111111' ) #db.session.add(user) #db.session.commit() #查 #user=User.query.filter(User.username =='ccccls').first() #print(user.username,user.password) #删 #user=User.query.filter(User.username =='ccccls').first() #db.session.delete(user) 3db.session.commit() #改 #user=User.query.filter(User.username =='ccccls').first() #user.password='ccccls' #db.session.commit()
#db.create_all()
@app.route('/base/')
def base():
return render_template('base.html')
@app.route('/login/')
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('username')
nickn = request.form.get('nickname')
passw= request.form.get('password')
user=User.query.filter(User.username==username).first()
if user:
return u'username existed'
else:
user=User(username=username,password=password)
db.session.add(user)
db.session.commit()
return redirect(url_for('login'))
@app.route('/question/')
def question():
return render_template('question.html')
@app.route('/index/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)