BBS项目 个人界面分类，文章，模板的使用详解

forms.py

from django import forms
#导入异常方法
from django.core.exceptions import ValidationError
from django.core.validators import RegexValidator
from bolg import models


# 创建登录form类
class LoginInfo(forms.Form):
    # 创建账号字段
    username = forms.CharField(
        # 默认名称
        label="用户名",
        # 错误提示
        error_messages={
            # 不能为空
            "required": "用户名不能为空"
        },
        # widget方法调用，可以定义类
        widget=forms.widgets.TextInput(attrs={"class": "form-control"})

    )

    # 创建密码字段
    password = forms.CharField(
        # 默认名称
        label="密码",
        # 错误提示
        error_messages={
            # 不能为空
            "required": "密码不能为空"
        },
        # widget方法调用，可以定义类
        widget=forms.widgets.PasswordInput(attrs={"class": "form-control"})

    )


# 创建注册form类
class RegForm(forms.Form):
    #创建注册用户字段
    username = forms.CharField(
        label='用户名',
        max_length=16,
        min_length=4,
        error_messages={
            "max_length":"用户名最长不能超过16位",
            "min_length": "用户名最短不能少于4位",
            "required":"用户名不能为空",
        },
        widget=forms.widgets.TextInput(attrs={"class":"form-control"})
    )
    #创建注册密码字段
    password = forms.CharField(
        label='密码',
        max_length=16,
        min_length=6,
        error_messages={
            "max_length":"密码最长不能超过16位",
            "min_length": "密码最短不能少于6位",
            "required":"密码不能为空",
        },
        widget=forms.widgets.PasswordInput(attrs={"class":"form-control"})
    )

    #创建确认密码字段
    re_password = forms.CharField(
        label='确认密码',
        max_length=16,
        min_length=6,
        error_messages={
            "max_length":"确认密码最长不能超过16位",
            "min_length": "确认密码最短不能少于6位",
            "required":"确认密码不能为空",
        },
        widget=forms.widgets.PasswordInput(attrs={"class":"form-control"})
    )

    #创建手机号字段
    phone=forms.CharField(
        max_length=11,
        min_length=11,
        label="手机号码",
        validators=[
            RegexValidator(r'^\d{11}$', "手机号必须是11位数字"),
            RegexValidator(r'^1[356789][0-9]{9}$', "手机号码格式不正确")
        ],
        error_messages={
            "max_length": "手机号长度为11位",
            "min_length": "手机号长度为11位",
            "required": "手机号不能为空",
        },
        widget=forms.widgets.TextInput(attrs={"class": "form-control"})
    )

    #局部钩子
    def clean_username(self):
        #去除username的值
        value=self.cleaned_data.get("username")
        if 'JPM' in value:  #判断是否包含，包含就返回错误
            raise ValidationError("不符合社会主义核心价值观!")
        elif models.UserInfo.objects.filter(username=value): #判断是否能搜索到 能就返回错误信息
            raise ValidationError("用户名重复！")
        else:
            return value #无错返回原值

    #局部钩子
    def clean_phone(self):
        #去除username的值
        value=self.cleaned_data.get("phone")
        if models.UserInfo.objects.filter(phone=value): #判断是否能搜索到 能就返回错误信息
            raise ValidationError("手机号重复！")
        else:
            return value #无错返回原值

    #全局钩子，一般用于需要调用多个参数时，比如调用密码和确认密码
    def clean(self):
        #取密码
        pwd=self.cleaned_data.get("password")
        re_pwd=self.cleaned_data.get("re_password")

        #做比较
        #判断re_pwd 或 pwd有没有空 有的话直接跳错误，没有的再拿pwd和re_pwd比较
        if re_pwd and pwd ==re_pwd:
            #无错返回数据
            return self.cleaned_data
        else:
            #有错返回异常
            self.add_error("re_password","两次输入的密码不一样")
            raise ValidationError("两次输入的密码不一样")

———————————————————————————————————————————————————————————————————————————————

url1.py

 

"""bbs2 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.conf.urls import url, include
    2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url,include
from django.contrib import admin
from bolg import  views
from django.views.static import serve
from django.conf import settings
from bolg import urls as blog_urls



urlpatterns = [
    url(r'^admin/', admin.site.urls),
    #主界面
    url(r'^$', views.index),
    #登录
    url(r'^login/', views.login),
    #生成图片
    url(r'^v_code/', views.v_code),
    #主界面
    url(r'^index/', views.index),
    #注册
    url(r'^reg/', views.reg),
    #注销
    url(r'^zhuxiao/', views.zhuxiao),
    #查询media路径下的
    url(r'^media/(?P<path>.*)$', serve, {"document_root": settings.MEDIA_ROOT}),
    #用于转到二级个人页面
    url(r'^bolg/', include(blog_urls)),

]

———————————————————————————————————————————————————————————————————————————————

url2.py

 

from django.conf.urls import url

from bolg import views

urlpatterns = [
    #筛选取用户和id
    url(r'(.*)/article/(\d+)/$', views.article_detail),  # home(request, username)
    #赛选取用户，类型，类型名
    url(r'(.*)/(category|tag|data)/(.*)/$', views.home),  # home(request, username)
    #取用户
    url(r'(.*)/$', views.home),  # home(request, username)
]

———————————————————————————————————————————————————————————————————————————————

views.py

 

def article_detail(request,username,article_id):
    user_obj=models.UserInfo.objects.filter(username=username).first()
    if user_obj:
        blog=user_obj.blog
    else:
        return HttpResponse('404')
    #取主键对应的文章
    article_obj=models.Article.objects.filter(pk=article_id).first()

    return render(request,'article_detail.html',{'blog':blog,
                                                 'username':username,
                                                 'article_obj':article_obj,
                                                 })

———————————————————————————————————————————————————————————————————————————————

zuozhujian.py

 

from django import template

register = template.Library()

#inclusion_tag自定义，用于返回html代码片段，下面返回的就是zujian.html代码片段
@register.inclusion_tag('zujian.html')
def zuozhujian(username):
    from django.db.models import Count
    from bolg import models

    user_obj = models.UserInfo.objects.filter(username=username).first()

    # 外键的正向查询
    # 对象直接点外键字段名，获取对象
    blog_obj = user_obj.blog
    # 先filter赛选出，此博客的分类，然后用annotate根据文章分组，统计数量，values字典拿值
    category_list = models.Category.objects.filter(blog=blog_obj).annotate(num=Count("article")).values("title", "num")
    # 查询当前用户博客的所有标签
    tag_obj = models.Tag.objects.filter(blog=blog_obj)
    # 查询格式化时间，然后根据id分组统计
    date_list = models.Article.objects.filter(user=user_obj).extra(
        select={"time": "DATE_FORMAT(create_time, '%%Y-%%m')"}).values("time").annotate(
        num=Count("nid")).values("time", "num")

    return {
        'username':username,
        'category_list':category_list,
        'tag_obj':tag_obj,
        'date_list':date_list,
    }

———————————————————————————————————————————————————————————————————————————————

article_detail.py

 

#用了继承母版
{% extends 'base.html' %}
#block 替换母版内的代码
{% block page-main-zuo %}
    #load 替换html代码片段
    {% load zuozhujian %}

    {% zuozhujian username %}
{% endblock %}

{% block page-main-you %}
    #写文章界面
    <div class="page-header">
        <h1>{{ article_obj.title }}
            <small></small>
        </h1>
    </div>
    <div>
        {{ article_obj.articledetail.content|safe }}
    </div>


{% endblock %}

{% block page-css %}
{% endblock %}

{% block page-js %}
{% endblock %}

———————————————————————————————————————————————————————————————————————————————

base.py

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ blog.title }}</title>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/mystyle.css">
    <link rel="stylesheet" href="/media/themes/{{ blog.theme }}">
    {#    填充css#}
    {% block page-css %}

    {% endblock %}
</head>
<body>

<nav class="navbar navbar-beise ">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/bolg/{{ blog.userinfo.username }}"> {{ blog.title }}</a>
            <a class="navbar-brand" href="/index/"> 首页</a>
        </div>

    </div><!-- /.container-fluid -->
</nav>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            {#            填充左#}
            {% block page-main-zuo %}
            {% endblock %}

        </div>
        <div class="col-md-9">
            {#            填充右#}
            {% block page-main-you %}
            {% endblock %}
        </div>
    </div>
</div>

{# js填充#}
{% block page-js %}

{% endblock %}

</body>
</html>

———————————————————————————————————————————————————————————————————————————————

home.py

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ blog.title }}</title>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/mystyle.css">
    <link rel="stylesheet" href="/media/themes/{{ blog.theme }}">

</head>
<body>

<nav class="navbar navbar-beise ">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/bolg/{{ blog.userinfo.username }}"> {{ blog.title }}</a>
            <a class="navbar-brand" href="/index/"> 首页</a>
        </div>

    </div><!-- /.container-fluid -->
</nav>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">文章分类</h3>
                </div>
                <div class="panel-body ">
                    <ul class="list-unstyled">
                        {#                    循环存储分类的列表#}
                        {% for category in category_list %}
                            <li>
                                <a href="/bolg/{{ username }}/category/{{ category.title }}/"> {{ category.title }}({{ category.num }})</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h3 class="panel-title">文章标签</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        {#                    循环存储标签的列表#}
                        {% for tag in tag_obj %}
                            <li>
                                <a href="/bolg/{{ username }}/tag/{{ tag.title }}/"> {{ tag.title }}({{ tag.article_set.count }})</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">日期归档</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        {#                    #循环存储时间的列表#}
                        {% for data in date_list %}
                            <li>
                                <a href="/bolg/{{ username }}/data/{{ data.time }}/"> {{ data.time }}({{ data.num }})</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            {#            循环文章列表，拿文章对象传值#}
            {% for article in article_obj %}
                <div id="home-article-shang">
                    <a href="/bolg/{{ username }}/article/{{ article.nid }}/"><h2>{{ article.title }}</h2></a>
                </div>
                <div id="home-article-zhong">
                    {{ article.desc }}
                </div>
                <div class="article-xia">
                    <a href="/bolg/{{ article.user.username }}"><span>{{ article.user.username }}</span></a>
                    <span>{{ article.create_time }}</span>
                    <span>点赞({{ article.up_count }})</span>
                    <span>评论({{ article.comment_count }})</span>
                    <hr>
                </div>
            {% endfor %}
        </div>
    </div>
</div>

</body>
</html>

———————————————————————————————————————————————————————————————————————————————

zhujian.py

 

<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">文章分类</h3>
    </div>
    <div class="panel-body ">
        <ul class="list-unstyled">
            {#                    循环存储分类的列表#}
            {% for category in category_list %}
                <li>
                    <a href="/bolg/{{ username }}/category/{{ category.title }}/"> {{ category.title }}({{ category.num }})</a>
                </li>
            {% endfor %}
        </ul>
    </div>
</div>
<div class="panel panel-success">
    <div class="panel-heading">
        <h3 class="panel-title">文章标签</h3>
    </div>
    <div class="panel-body">
        <ul class="list-unstyled">
            {#                    循环存储标签的列表#}
            {% for tag in tag_obj %}
                <li>
                    <a href="/bolg/{{ username }}/tag/{{ tag.title }}/"> {{ tag.title }}({{ tag.article_set.count }})</a>
                </li>
            {% endfor %}
        </ul>
    </div>
</div>
<div class="panel panel-info">
    <div class="panel-heading">
        <h3 class="panel-title">日期归档</h3>
    </div>
    <div class="panel-body">
        <ul class="list-unstyled">
            {#                    #循环存储时间的列表#}
            {% for data in date_list %}
                <li><a href="/bolg/{{ username }}/data/{{ data.time }}/"> {{ data.time }}({{ data.num }})</a></li>
            {% endfor %}
        </ul>
    </div>
</div>

———————————————————————————————————————————————————————————————————————————————