效果展示
注册页面
登录页面
创建users应用
django的设计哲学是,一个应用只提供一种功能,比如users应用只提供用户相关功能,comment应用只提供评论相关功能,这能提高代码的重复利用率。
在django中,只需要下面一条命令,即可建立users应用
python3 manage.py startapp users
建表
我们需要一个用户表,用来实现登录注册功能,虽然django已经自带来用户登录注册功能,也有相应的表,但是不符合中国人习惯,需要我们对user模型进行自定义。实现自定义User模型最简单的方式就是继承AbstractBaseUser,AbstractBaseUser实现了User的核心功能,我们只需加一些额外的字段进行补充即可。
User模型原有的字段有:
- username
- password
- last_login
- is_superuser
- first_name
- last_name
- is_staff
- is_active
- date_joined
这些都是最基本的字段,并不能满足我们的需求。
根据网站自身业务,我们又添加了下面的字段
- nickname(昵称)
- avatar(头像)
- mobile(手机号)
- gender(性别)
- subscribe(是否订阅)
我们只需在users/models.py中写入代码
from django.contrib.auth.models import AbstractUserfrom django.db import modelsclass User(AbstractUser): ???GENDER_CHOICES = ( ???????(‘M‘, ‘男‘), ???????(‘F‘, ‘女‘), ???) ???nickname = models.CharField(blank=True, null=True, max_length=20) ???avatar = models.FileField(upload_to=‘avatar/‘) ???mobile = models.CharField(blank=True, null=True, max_length=13) ???gender = models.CharField(max_length=1, choices=GENDER_CHOICES,blank=True, null=True) ???subscribe = models.BooleanField(default=False) ???class Meta: ???????db_table = "v_user"
gender是性别字段,其中用到了choices=GENDER_CHOICES。这种方式常常用在下拉框或单多选框,例如 M对应男 F对应女。
url配置
在user文件夹下面,新建url.py文件,写入登录、注册和退出的url信息。app_name是命名空间,我们命名为‘users‘。
from django.urls import pathfrom . import viewsapp_name = ‘users‘urlpatterns = [ ???path(‘login/‘, views.login, name=‘login‘), ???path(‘signup/‘, views.signup, name=‘signup‘), ???path(‘logout/‘, views.logout, name=‘logout‘),]
url路由配置好了,我们下面就开始写视图函数代码了
注册函数
我们先来写注册函数,写注册,当然得有注册表单了,幸运的是,在django中,可以用代码来生成表单。我们只需在users下新建forms.py文件,然后写入注册表单的代码。
class SignUpForm(UserCreationForm): ???username = forms.CharField(min_length=4,max_length=30, ??????????????????????????????error_messages={ ??????????????????????????????????‘min_length‘: ‘用户名不少于4个字符‘, ??????????????????????????????????‘max_length‘: ‘用户名不能多于30个字符‘, ??????????????????????????????????‘required‘: ‘用户名不能为空‘, ??????????????????????????????}, ??????????????????????????????widget=forms.TextInput(attrs={‘placeholder‘: ‘请输入用户名‘})) ???password1 = forms.CharField(min_length=8, max_length=30, ???????????????????????????????error_messages={ ???????????????????????????????????‘min_length‘: ‘密码不少于8个字符‘, ???????????????????????????????????‘max_length‘: ‘密码不能多于30个字符‘, ???????????????????????????????????‘required‘: ‘密码不能为空‘, ???????????????????????????????}, ???????????????????????????????widget=forms.PasswordInput(attrs={‘placeholder‘: ‘请输入密码‘})) ???password2 = forms.CharField(min_length=8,max_length=30, ???????????????????????????????error_messages={ ???????????????????????????????????‘min_length‘: ‘密码不少于8个字符‘, ???????????????????????????????????‘max_length‘: ‘密码不能多于30个字符‘, ???????????????????????????????????‘required‘: ‘密码不能为空‘, ???????????????????????????????}, ???????????????????????????????widget=forms.PasswordInput(attrs={‘placeholder‘: ‘请确认密码‘})) ???class Meta: ???????model = User ???????fields = (‘username‘, ‘password1‘, ‘password2‘,) ???error_messages = {‘password_mismatch‘: ‘两次密码不一致‘, }
我们的表单一共有三个字段:username、password1、password2,它们都是CharField类型,widget分别是TextInput和PasswordInput。而且django是自带验证的,只需要我们配置好error_messages字典,当form验证的时候,就会显示我们自定义的错误信息。
有了注册表单后,就可以在前端模板和视图函数中使用它。
下面是注册视图函数。
...from django.contrib.auth import authenticate, login as auth_login, logout as auth_logoutdef signup(request): ???if request.method == ‘POST‘: ???????form = SignUpForm(request.POST) ???????if form.is_valid(): ???????????form.save() ???????????username = form.cleaned_data.get(‘username‘) ???????????raw_password1 = form.cleaned_data.get(‘password1‘) ???????????user = authenticate(username=username, password=raw_password1) ???????????auth_login(request, user) ???????????return redirect(‘home‘) ???????else: ???????????print(form.errors) ???else: ???????form = SignUpForm() ???return render(request, ‘registration/signup.html‘, {‘form‘: form})
在signup函数中,我们通过form = SignUpForm初始化一个表单,并在render函数中传递给模板。
注册模板文件写在了templates/registration/signup.html
关键代码是
<form class="ui large form" novalidate method="post" action="{% url ‘users:signup‘ %}" enctype="multipart/form-data" > ???????????{% csrf_token %} ???????????<div class="ui stacked segment"> ???????????????<div class="field"> ????????????????????{{form.username}} ????????????????</div> ???????????????<div class="field"> ????????????????????{{form.password1}} ????????????????</div> ???????????????<div class="field"> ????????????????????{{form.password2}} ????????????????</div> ???????????????<button class="ui submit button" type="submit">注册</button> ???????????</div> ???????????{% include "base/form_errors.html" %} ???????</form>
form的action为
{% url ‘users:signup‘ %}
即在url.py中定义的signup函数。
通过post请求传递给signup,在signup中,通过如下四行代码来实现注册,并自动登录的。
username = form.cleaned_data.get(‘username‘)raw_password1 = form.cleaned_data.get(‘password1‘)user = authenticate(username=username, password=raw_password1)auth_login(request, user)
登录函数
登录函数与注册函数的模式是一样的,都是先写form,写模板,最后写视图函数。
由于form和模板的代码和注册功能类似,这里就不贴了,大家可以上github查看。
重点讲一下login视图函数
def login(request): ???if request.method == ‘POST‘: ???????next = request.POST.get(‘next‘, ‘/‘) ???????form = UserLoginForm(request=request, data=request.POST) ???????if form.is_valid(): ???????????username = form.cleaned_data.get(‘username‘) ???????????password = form.cleaned_data.get(‘password‘) ???????????user = authenticate(username=username, password=password) ???????????if user is not None: ???????????????auth_login(request, user) ???????????????return redirect(next) ???????else: ???????????print(form.errors) ???else: ???????next = request.GET.get(‘next‘, ‘/‘) ???????form = UserLoginForm() ???print(next) ???return render(request, ‘registration/login.html‘, {‘form‘: form, ‘next‘:next})
在login函数中,我们多了一个next变量,next对应的是登录后要跳转的url,其实这是一种场景,假如你在购物网站买东西,最后付款的时候,会跳转到付款页,假如你没有登录,网站会提示你登录,登录后,会再次跳转到付款页。
当然了,跳转到登录页的时候,需要你在url后追加next参数,如 ?aaa. com/login/?next=bbb. com
这样用户登录后就会跳到bbb. com
退出函数
from django.contrib.auth import authenticate, login as auth_login, logout as auth_logoutdef logout(request): ???auth_logout(request) ???return redirect(‘home‘)
退出功能,仅需要一行代码 auth_logout(request) 就ok了。
基于django的视频点播网站开发-step3-注册登录功能
原文地址:http://blog.51cto.com/8070900/2351289