Flask 기반 웹 애플리케이션의 탄생은 다섯 번째 기사입니다. 이 기사에서는 관심 있는 친구들이 참고할 수 있는 사용자 등록 기능의 개발을 주로 소개합니다.
역할이 나누어져 있습니다. 아래와 같이 일반 사용자와 관리자 사용자가 있습니다. 적어도 일반 사용자의 경우에는 직접 DB를 수정하는 것은 바람직하지 않습니다. 사용자 등록 기능은 아래에서 시작하겠습니다.
사용자 테이블
먼저 사용자가 등록할 때 제공해야 하는 정보(사용자 이름, 비밀번호, 닉네임, 이메일, 생일, 성별)를 생각해 보세요. , 자기 소개, 이 정보에 따라 사용자 모델을 수정해 보겠습니다:
class User(db.Model):
__tablename__="users"
id=db.Column(db.Integer,primary_key=True)
username=db.Column(db.String(50),unique=True,index=True)
password=db.Column(db.String(50))
nickname=db.Column(db.String(50))
email=db.Column(db.String(100))
birthday=db.Column(db.DateTime)
gender=db.Column(db.Integer)
remark=db.Column(db.String(200))
role_id=db.Column(db.Integer,db.ForeignKey("roles.id"))그런 다음 스크립트를 사용하여 db
python default.py db migrate -m "修改用户表"
를 수정합니다. Enter를 누르면 인터페이스에 다음 내용이 표시됩니다.
그런 다음 db 차이를 변경하세요
python default.py db upgrade
이때 db의 테이블 구조를 살펴보세요.
수정이 완료되었습니다
등록 인터페이스
그런 다음 새 Register.html 템플릿을 만들고 로그인 양식을 설정하세요.
{% extends "base.html"%}
{% block content %} <!--具体内容-->
<p class="container">
<p class="row"></p>
<p class="row">
<p>
<p class="page-header">
<h1>欢迎您注册</h1>
</p>
{% for message in get_flashed_messages() %}
<p class="alert alert-warning">
<button type="button" class="close" data-dismiss="alter">×</button>
{{message}}
</p>
{% endfor %}
<form method="post">
<p class="form-group">
<label for="username">用户名</label>
<input type="text" class="form-control" name="username" id="username" placeholder="请输入用户名">
</p>
<p class="form-group">
<label for="passworld">密码</label>
<input type="password" class="form-control" name="password" id="passworld" placeholder="请输入密码">
</p>
<p class="form-group">
<label for="email">昵称</label>
<input type="email" class="form-control" name="nickname" id="nickname" placeholder="请输入昵称">
</p>
<p class="form-group">
<label for="birthday">生日</label>
<input type="date" class="form-control" name="birthday" id="birthday" placeholder="请输入生日">
</p>
<p class="form-group">
<label >性别</label>
<label class="form-control">
<input type="radio" name="gender" value="0" id="gender0"><label for="gender0">男</label>
<input type="radio" name="gender" value="1" id="gender1"><label for="gender1">女</label>
</label>
</p>
<p class="form-group">
<label for="email">电子邮箱</label>
<input type="email" class="form-control" name="email" id="email" placeholder="请输入电子邮箱">
</p>
<button type="submit" class="btn btn-default">登录</button>
</form>
</p>
</p>
</p>
{% endblock %}그런 다음 default.py 파일에 등록 경로를 추가합니다. 코드는 다음과 같습니다.
@app.route("/register",methods=["GET"])
def register():
return render_template("/register.html")실행 중인 인터페이스는 정상입니다. 그런 다음 포스트 라우팅을 추가합니다.
@app.route("/register",methods=["Post"])
def registerPost():
user=User();
user.username=request.form.get("username","")
user.password = request.form.get("password", "")
user.birthday = request.form.get("birthday", "")
user.email = request.form.get("email", "")
user.gender = request.form.get("gender", "")
user.nickname = request.form.get("nickname", "")
user.role_id = 1 #暂时约定公开用户角色为1
#判断,其中用户名,密码,昵称不能为空
if(len(user.username.strip())==0):
flash("用户名不能为空")
return render_template("/register.html")
if(len(user.password.strip())==0):
flash("用户密码不能为空")
return render_template("/register.html")
if (len(user.nickname.strip()) == 0):
flash("用户昵称不能为空")
return render_template("/register.html")
db.session.add(user);
flash("您已注册成功")
return render_template("/register.html")코드는 약간 장황합니다. 그리고 아름답지는 않지만 기본 의도가 명확하게 표현되고 기능 구현이 가능하지만 이제 문제가 발생합니다. 새로운 필드를 추가하면 코드의 세 부분 (html, form.get)을 수정해야합니다. , 검증), 특히 html 부분은 검증이 필요하며, 클라이언트 검증이 추가되면 더 많은 수정이 필요하게 됩니다. 그렇다면 양식을 최적화하는 도구가 있습니까? 대답은 당연히 WTF의 차례입니다.
WTF 양식 프레임워크 소개
전과 마찬가지로 먼저 플러그인을 설치해야 합니다.
pip3.6 install flask-wtf
그런 다음 필요한 패키지를 소개합니다.
from flask.ext.wtf import Form from wtforms import StringField,PasswordField,SubmitField,RadioField from wtforms.validators import DataRequired,EqualTo,Length
아래 RegisterForm 양식을 만듭니다.
class RegisterForm(Form):
username = StringField("请输入用户名", validators=[DataRequired()])
password = PasswordField("请输入密码", validators=[DataRequired()])
repassword=PasswordField("确认密码", validators=[EqualTo("password")])
nickname= StringField("昵称")
birthday= DateField("出生日期")
email= StringField("邮箱地址", validators=[Email()])
gender= RadioField("性别", choices=[("0", "男"), ("1", "女")], default=0)
remark= TextAreaField("自我简介")
submit=SubmitField("提交")Register.html 템플릿을 수정합니다.
{% extends "base.html"%}
{% block content %} <!--具体内容-->
{% import "bootstrap/wtf.html" as wtf %} <!--导入bootstrap模板 -->
<p class="container">
<p class="row"></p>
<p class="row">
<p>
<p class="page-header">
<h1>欢迎您注册</h1>
</p>
{% for message in get_flashed_messages() %}
<p class="alert alert-warning">
<button type="button" class="close" data-dismiss="alter">×</button>
{{message}}
</p>
{% endfor %}
{{ wtf.quick_form(form)}} <!--创建表单-->
</p>
</p>
</p>
{% endblock %}결과 :
아오, 오류가 보고되었습니다. 출력이 어떤 오류인지 확인하세요.
에 주의하세요. 빨간색 선은 CSRF 오류입니다. CSRF의 개념은 Baidu에 직접 연결될 수 있습니다. 문제를 알고 나면 실제로는 프레임워크에 비밀 키를 추가하면 이를 효과적으로 방지할 수 있습니다. py:
app.config['SECRET_KEY'] = "Niu_blog String"
비밀 키 문자열을 사용자 정의할 수 있습니다
. 그런 다음 다시 실행하면 인터페이스가 나타납니다.
부트스트랩 검증 스타일이 포함되어 있습니다. 다음으로 계속하세요. default.py를 변환하여 등록 기능이 완료되었습니다.
@app.route("/register",methods=["GET","POST"])
def register():
form=RegisterForm()
if form.validate_on_submit():
user=User()
user.username=form.username.data
user.password=form.password.data
user.birthday=form.birthday.data
user.email=form.email.data
user.gender=form.gender.data
user.nickname=form.nickname.data
user.role_id=1 #暂时约定公开用户角色为1
db.session.add(user)
return render_template("/register.html",form=form)현재 RegisterPost 메소드가 삭제되었습니다
실행해서 테스트해 보겠습니다
제출하려면 클릭하세요:
아, 날짜가 왜 이래? 포맷이 잘못됐나요? 소스 코드에서 읽어야 합니다:
class DateField(DateTimeField):
"""
Same as DateTimeField, except stores a `datetime.date`.
"""
def __init__(self, label=None, validators=None, format='%Y-%m-%d', **kwargs):
super(DateField, self).__init__(label, validators, format, **kwargs)
def process_formdata(self, valuelist):
if valuelist:
date_str = ' '.join(valuelist)
try:
self.data = datetime.datetime.strptime(date_str, self.format).date()
except ValueError:
self.data = None
raise ValueError(self.gettext('Not a valid date value'))이것은 /wtforms/fields/core.py의 745번째 줄에 있는 wtforms 필드의 소스 코드입니다. 여기서 지원되는 날짜 형식은 다음과 같습니다. 연-월-일본어 형식의 경우 형식이 상대적으로 엄격하며 텍스트 상자는 HTML5 날짜가 아닌 일반 텍스트를 사용합니다. 지금은 입력을 1988-2-5로 수정한 다음 제출을 클릭합니다. :
코드가 성공적으로 제출된 후에도 이 페이지로 돌아와서 콘텐츠를 삽입하므로 디스플레이에는 문제가 없습니다. at the db:
레코드가 정상적으로 db에 들어가고 기능이 완료됩니다.
로그인 페이지 개선
로그인 페이지를 변형해 보겠습니다. 먼저 로그인 양식을 만듭니다.
class LoginForm(Form):
username=StringField("请输入用户名",validators=[DataRequired()])
password=PasswordField("请输入密码")
submit=SubmitField("登录")로그인 템플릿 페이지를 수정합니다.
{% extends "base.html"%}
{% import "bootstrap/wtf.html" as wtf %}
{% block content %} <!--具体内容-->
<p class="container">
<p class="row"></p>
<p class="row">
<p class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
<p class="page-header">
<h1>欢迎您登陆</h1>
</p>
{% for message in get_flashed_messages() %}
<p class="alert alert-warning">
<button type="button" class="close" data-dismiss="alter">×</button>
{{message}}
</p>
{% endfor %}
{{ wtf.quick_form(form)}}
</p>
</p>
</p>
{% endblock %}라우팅 방법 수정:
@app.route("/login",methods=["GET","POST"])
def login():
form=LoginForm()
if form.validate_on_submit():
username = form.username.data
password = form.password.data
user = User.query.filter_by(username=username, password=password).first()
if user is not None:
session["user"] = username
return render_template("/index.html", name=username, site_name='myblog')
else:
flash("您输入的用户名或密码错误")
return render_template("/login.html",form=form) # 返回的仍为登录页
return render_template("/login.html",form=form)서비스 재시작 후 프로그램 실행 후 zhangji와 123 입력 후 홈페이지 로그인 성공
돌아가기 홈페이지
이제 홈페이지는 아무런 내용도 없이 완전히 하얗게 변해있습니다. 일반 라이트 블로그라면 로그인 후, 팔로우한 글 등을 게시 버튼이 표시되어야 하는데 로그인 상태를 먼저 기록해야 합니다. 에 대해서는 다음 장에서 설명하겠습니다.
위 내용은 사용자 등록 기능 개발 상세예(파이썬)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
