imooc django代码阅读笔记

2018-02-02

项目地址：https://github.com/zaxlct/imooc-django

用户登陆与注册

class CustomBackend(ModelBackend):
    def authenticate(self, username=None, password=None, **kwargs):
        try:
            user = UserProfile.objects.get(Q(username = username) | Q(email=username))
            if user.check_password(password):
                return user
        except Exception as e:
            return None

重写authenticate()认证并添加配置,

1 2	AUTH_USER_MODEL = 'users.UserProfile' AUTHENTICATION_BACKENDS = ('users.views.CustomBackend',)

class LoginView(View):
    def get(self, request):
        return render(request, 'login.html')
    def post(self, request):
        login_form = LoginForm(request.POST)
        if login_form.is_valid():
            user_name = request.POST.get('username', '')
            password = request.POST.get('password', '')
            # 上面的 authenticate 方法 return user
            user = authenticate(username=user_name, password=password)
            if user is not None:
                if user.is_active:
                    login(request, user)
                    return HttpResponsePermanentRedirect(reverse('index'))
                return render(request, 'login.html', {'msg': '用户未激活！'})
            return render(request, 'login.html', {'msg': '用户名或者密码错误！'})
        return render(request, 'login.html', {'form_errors': login_form.errors})

表单验证，创建form

1
2
3

class LoginForm(forms.Form):   
  username = forms.CharField(required=True)  
  password = forms.CharField(required=True, min_length=5)

模板验证登陆状态

1	request.user.is_authenticated

注册功能传回form,可以提取每一个字段的value

注册验证码组件

利用error控制样式

1	{% if register_form.errors.email %} errorput {% endif %}

也可以自定义error

1	captcha = CaptchaField(error_messages={'invalid': '验证码错误！'})

django里面也有自带的发送邮件api

发送前需要作一些配置

EMAIL_HOST = 'smtp.qq.com'
EMAIL_PORT = 25
EMAIL_HOST_USER = '10581290@qq.com'
EMAIL_HOST_PASSWORD = 'scdxhwjinajgbjjc'
EMAIL_USE_TLS = True
EMAIL_FROM = '10581290@qq.com'

然后再调用

1	send_mail(email_title, email_body, EMAIL_FROM, [email])

发送邮件之后，需要保存链接的代码，然后通过路由(注意参数隐藏在正则表达式中)

1	url(r'^active/(?P<active_code>.*)/$', ActiveUserView.as_view(), name='user_active'),

改密码的逻辑是一样的，要注意密码是加密过的所以改的时候需要调用特定的函数

1	user.password = make_password(pwd2)

要注意修改页面只能通过发送的链接进入，然后再专门有一个视图处理POST修改请求

总结

这部分功能主要涉及的是表单操作，注意VIEW是核心枢纽，每次渲染页面的时候提供新的错位信息以及表单绑定数据。

授课机构

模板继承与组件化

页头页尾写在base中，再在其他地方使用extend继承

使用block实现重要部分内容的修改

上传文件保存目录的配置

1	MEDIA_URL = '/media/'MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

在model处地方

1	image = models.ImageField(default='', upload_to='org/%Y/%m', verbose_name='封面图', max_length=100)

分页采用了pure pagination插件

在view中获取分页插件传递过来的page变量，并作每页显示多少的配置

try:
    page = request.GET.get('page', 1)
except PageNotAnInteger:
    page = 1
p = Paginator(all_orgs, 2, request=request)
orgs = p.page(page)

模板代码

<div class="pageturn">
    <ul class="pagelist">
      {% if all_orgs.has_previous %}
      <li class="long">
        <a href="?{{ all_orgs.previous_page_number.querystring }}" class="prev">上一页</a>
      </li>
      {% endif %}
      {% for page in all_orgs.pages %}
        {% if page %}
          {% ifequal page all_orgs.number %}
            <li class="active"><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
          {% else %}
            <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
          {% endifequal %}
        {% else %}
          <li class="none"><a href="">...</a></li>
        {% endif %}
      {% endfor %}
      {% if all_orgs.has_next %}
        <li class="long"><a href="?{{ all_orgs.next_page_number.querystring }}">下一页</a></li>
      {% endif %}
    </ul>
  </div>
</div>

从模板中可以看出，我们只要对前一页，中间页，后一页进行样式配置即可。

单页面切换

Vue中是利用组件实现，在django中通过传递参数给view，能够在同一页面获得不同的数据源，同时需要一个变量(city_id)标识现在所出的状态并以此控制样式(if-equal)。

{% for city in all_citys %}
  <a href="?city={{ city.id }}&ct={{ category }}">
    <span class="{% ifequal city_id city.id|stringformat:'i' %}active2{% endifequal %}">{{ city.name }}</span>
  </a>
{% endfor %}

切换还有一种方法是利用url字段，例如在主页面中

<li class="{% ifequal request.path '/' %}active{% endifequal %}"><a href="{% url 'index' %}">首页</a></li>
<li class="{% ifequal request.path|slice:'7' '/course' %}active{% endifequal %}">
  <a href="{% url 'courses:course_list' %}">
    公开课<img class="hot" src="{% static 'images/nav_hot.png' %}">
  </a>
</li>
<li class="{% ifequal request.path|slice:'12' '/org/teacher' %}active{% endifequal %}">
  <a href="{% url 'org:teacher_list' %}">授课教师</a>
</li>
<li class="{% ifequal request.path|slice:'9' '/org/list' %}active{% endifequal %}"><a href="{% url 'org:org_list' %}">授课机构</a></li>

它将url覅之进行切割判断，这里用了slice过滤器，取前几位

另外要注意参数传递的是字符串类型。所以利用了过滤器stringformat转换为字符串(i)

for循环填充数据的时候可以利用forlooper.counter获取index

同理，如果将数据进行排序，只要将sort传入view即可

# 排序
sort = request.GET.get('sort', '')
if sort == 'students':
    all_orgs = all_orgs.order_by('-students')
elif sort == 'courses':
    all_orgs = all_orgs.order_by('-course_nums')

异步表单的处理

为了简化代码量，可以利用model定义form

class UserAskForm(forms.ModelForm):
    # 还可以新增字段
    # price = forms.CharField(required=True, min_length=2, max_length=20)
    class Meta:
        model = UserAsk
        fields = ['name', 'mobile', 'course_name']
    # def clean_name(self):
    # def clean_course_name(self):
    def clean_mobile(self):
        # 手机号验证
        mobile = self.cleaned_data['mobile']
        p = re.compile('^0\d{2,3}\d{7,8}$|^1[358]\d{9}$|^147\d{8}')
        if p.match(mobile):
            # 这里还能返回外键
            return mobile
        raise forms.ValidationError('手机号码格式不对', code='mobile_inval')

这里面定义了一个以clean开头的函数进行数据清洗，验证数据是否合法

注意所有表单的后面要加上 csrf-token

后端的view需要返回一个json字符串

1	return HttpResponse(json.dumps(res), content_type='application/json')

由于django进行ajax请求的时候没有返回模板数据，所以要利用到jquery的dom操作

详情页面

注意跳转链接的写法

1	<a href="{% url 'org:org_home' org.id %}">

命名空间+名字+参数

通过id获取后台数据渲染前台页面，这个详情页面的本质是一个单页面应用，但是数据源没有同一性，所以我们要分别写四个页面，并通过标识参数取告诉前端应该显示怎样的样式。

详情页面收藏功能同样用到了jquery的ajax，但是这个不是一个表单，所以我们需要在jquery中增加一个配置

1	beforeSend: function (xhr, settings) { xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}");}

课程页面

模型层需要注意的是运用了反向取数据

#反向取数据
def get_zj_nums(self):   
	return self.lesson_set.all().count()
def get_learn_users(self):    
  	return self.usercourse_set.all()[:5]
def get_course_lesson(self):    
    return self.lesson_set.all()

这样只要在模板渲染的时候调用就好了

添加评论

这里运用ajax增加获取的变量，然后刷新页面

1	window.location.reload();//刷新当前页面.

用户登陆验证

自定义一个验证登陆的类

class LoginRequiredMixin(object):
    @method_decorator(login_required(login_url='/login/'))
    def dispatch(self, request, *args, **kwargs):
        return super(LoginRequiredMixin, self).dispatch(request, *args, **kwargs)

所有需要的只要继承这个类即可

个人中心

通过request.user取属性

头像图片上传

首先定义form

class UploadImageForm(forms.ModelForm):
    class Meta:
        model = UserProfile
        fields = ['image']

这样，在视图中就可以直接save

image_form = UploadImageForm(request.POST, request.FILES, instance=request.user)
res = dict()
if image_form.is_valid():
    image_form.save()

资料修改

注意修改的时候save会默认增加一个实例，所以我们要对instance进行赋值操作

用户退出

#用户登出class LogoutView(View):
def get(self, request):       
    logout(request)       
    return HttpResponsePermanentRedirect(reverse('index'))

其他处理

debug=true的时候需要配置一下static和media

1	url(r'^media/(?P<path>.*)$',serve, {'document_root': MEDIA_ROOT})

以及

if settings.DEBUG:
    # debug_toolbar 插件配置
    import debug_toolbar
    urlpatterns.append(url(r'^__debug__/', include(debug_toolbar.urls)))
else:
    # 项目部署上线时使用
    from imooc.settings import STATIC_ROOT
    # 配置静态文件访问处理
    urlpatterns.append(url(r'^static/(?P<path>.*)$', serve, {'document_root': STATIC_ROOT}))

总结

django的核心思想是view中处理模型交互以及渲染页面，是中枢，前端每次通过get view获得页面的数据源，每次get可以携带不同的参数这样就能获得不同的数据源来填充页面。如果是ajax请求来更新模型，请求后要么通过dom操作改变页面，要么重载页面，这也是django一个缺陷，必须要重新刷新更新数据源，这时的模板语法就没用武之地。在cookie处理方面，django利用了request对象，只要通过login方法登陆成功了，就可request.user取得想要的数据。