BBS个人网点搭建、文章展示、侧边栏展示筛选

郑统京 · 发表于 2022-11-10 00:23:38

后端代码:def site(request,username,**kwargs):# **kwargs因为前端的路由匹配是关键字传参，所以用这个更合适一点
# 先校验当前用户名对应的站点是否存在
user_obj= models.UserInfo.objects.filter(username=username).first()
# 用户如果不存在返回404页面
if not user_obj:
      return render(request,'errors.html')
blog = user_obj.blog # 一对一外键字段中，一表拆成两个表，点方法相当于拿到个人站点
# 通过用户名下的站点，进行筛选名下所有文章
article_list = models.Article.objects.filter(blog=blog)
# 1、查看当前用户下的所有分类及分类下的所有文章
# article_list = models.Category.objects.filter(blog=blog).annotate(count_num=Count('article')).value('name','count_num')
# select name,count(blog) from category  where blog=blog group by name
# 2、按照年月统计所有的文章数
# date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values('month').annotate(count_num=Count('pk')).values_list('comment_num','month')
if kwargs: # 放到函数体内就会被打散
      # print(kwargs) # {'condition':'tag','param':'1'}
      condition = kwargs.get('condition')
      param = kwargs.get('param')
      if condition == 'category':
         article_list=article_list.filter(category_id=param) # 一对多关系直接外键子字段
      elif condition == 'tag':
         article_list=article_list.filter(tags__id=param) # 多对多关系，跨表查询外键__方法
      else:
         year,month=param.split('-') # 2020-11 [2020] [11]
         article_list = article_list.filter(create_time__year=year,create_time__month=month)
return render(request,'site.html',locals())

前端代码①errors.html直接拷贝博客园报错页面，记住css的样式也要一起拷贝<html>
<head>
<meta charset='utf-8'>
<link rel="icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon" />
<title>404 页面不存在 - 博客园</title>
<style type='text/css'>
      body {
         margin: 8% auto 0;
         max-width: 400px;
         min-height: 200px;
         padding: 10px;
         font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
         font-size: 14px;
         padding-right: 200px;
         position: relative;
      }
      p { color: #555;margin: 15px 0px; }
      img { border: 0px; }
      .d { color: #404040; }
      .robot img { max-width: 192px; }
      .robot { position: absolute; top: 0; right: 0; }
</style>
</head>
<body>
<p style="margin-left: 5px;"><a href="/home/"><img src="//common.cnblogs.com/logo.svg" style="height:45px" alt="cnblogs"></a></p>
<div style="margin-top:20px">
      <p style=""><b style="">404.</b> 抱歉，您访问的资源不存在。</p>
      <p class="d">可能是网址有误，或者对应的内容被删除，或者处于私有状态。</p>
      <p style="color:#777;">代码改变世界，联系邮箱 contact@python666.com</p>
</div>
<p><a href="/home/">返回网站首页</a></p>
</body>
</html>
②site.html之文章展示{% block content %}
<ul class="media-list">
      {% for article_obj in article_list %}
            <li class="media">
            <h4 class="media-heading"><a href="/{{ username }}/article/{{ article_obj.pk }}/">{{ article_obj.title }}</a></h4>
            <div class="media-left">
                  <a href="#">
                     <img class="media-object" src="/media/{{ article_obj.blog.userinfo.avatar }}" width="80px" alt="...">
                  </a>
            </div>

            <div class="media-body">
                        {{ article_obj.desc }}
            </div>
{#                   Newbe36523 发布于 2020-06-11 09:04 评论(0）阅读(23)#}
            <div class="pull-right">
                  <span>posted  </span>
                  <span>@  </span>
                  <span>{{ article_obj.create_time|date:'Y-m-d' }}  </span>
                  <span>{{ article_obj.blog.userinfo.username }}  </span>
                  <span><span class="glyphicon glyphicon-comment"></span>评论({{ article_obj.comment_num }})  </span>
                  <span><span class="glyphicon glyphicon-thumbs-up"></span>点赞({{ article_obj.up_num }})  </span>
                  <span><a href="#">编辑</a></span>
            </div>
            </li>
            <hr>
      {% endfor %}
</ul>
{% endblock %}
③site.html之侧边栏展示后端代码传来的参数 # 1、查看当前用户下的所有分类及分类下的所有文章/标签一样的写法所以省略
# article_list = models.Category.objects.filter(blog=blog).annotate(count_num=Count('article')).value('name','count_num')
# select name,count(blog) from category  where blog=blog group by name
# 2、按照年月统计所有的文章数
# date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values('month').annotate(count_num=Count('pk')).values_list('comment_num','month')<div class="panel panel-primary">
  <div class="panel-heading">
<h3 class="panel-title">文章分类</h3>
  </div>
  <div class="panel-body">
{% for category in category_list %}
         <p><a href="/{{ username }}/category/{{ category.2 }}">{{ category.0 }}({{ category.1 }})</a></p>
{% endfor %}

  </div>
</div>
<div class="panel panel-danger">
  <div class="panel-heading">
<h3 class="panel-title">文章标签</h3>
  </div>
  <div class="panel-body">
{% for tag in tag_list %}
      <p><a href="/{{ username }}/tag/{{ tag.2 }}">{{ tag.0 }}({{ tag.1 }})</a></p>
{% endfor %}

  </div>
</div>
<div class="panel panel-info">
  <div class="panel-heading">
<h3 class="panel-title">日期归档</h3>
  </div>
  <div class="panel-body">
{% for date in date_list %}
      <p><a href="/{{ username }}/archive/{{ date.0|date:'Y-m' }}">{{ date.0|date:'Y年-m月' }}({{ date.1 }})</a></p>
{% endfor %}

  </div>
</div>
④site.html之不同站点展示不同样式<link rel="stylesheet" href="/media/css/{{ blog.state_theme }}">
⑤site.html之侧边栏筛选功能参考思路：
python
https://www.cnblogs.com/jason/tag/Python/          标签
https://www.cnblogs.com/jason/category/850028.html 分类
https://www.cnblogs.com/jason/archive/2016/10.html 日期

https://www.cnblogs.com/jason/tag/1/          标签
https://www.cnblogs.com/jason/category/1       分类
https://www.cnblogs.com/jason/archive/2020-11/ 日期
后端路由和视图函数
路由层
# url(r'^(?P<username>\w+)/category/(\d+)',views.site),  d+后面是数字(1)
# url(r'^(?P<username>\w+)/tag/(\d+)',views.site),
# url(r'^(?P<username>\w+)/archive/(\w+)',views.site), w+后面是数字和符号(日期格式2020/12/13)
# 上面的三条url可以合并成一条
url(r'^(?P<username>\w+)/(?P<condition>category|tag|archive)/(?P<param>.*)/',views.site),
视图层if kwargs: # 放到函数体内就会被打散
# print(kwargs) # {'condition':'tag','param':'1'}
condition = kwargs.get('condition')
param = kwargs.get('param')
if condition == 'category':
      article_list=article_list.filter(category_id=param) # 一对多关系直接外键子字段
elif condition == 'tag':
      article_list=article_list.filter(tags__id=param) # 多对多关系，跨表查询外键__方法
else:
      year,month=param.split('-') # 2020-11 [2020] [11]
      article_list = article_list.filter(create_time__year=year,create_time__month=month)前端渲染补全a标签的url既可以<h4 class="media-heading"><a href="/{{ username }}/article/{{ article_obj.pk }}/">{{ article_obj.title }}</a></h4>

郑统京 · 发表于 2022-11-10 20:40:44

# 内容回顾
[前后端基于ajax交互的话那么后端同常会返回字典格式的数据]
登录功能后端实现
1、验证码判断是否正确
      忽略大小写

# 首页搭建
[django admin后台管理]
url.py自带的url
[特点:]
能够自动生成注册了的模型表的增删改查四条url及响应的界面
[使用：]
在对应的应用下的admin.py文件中注册模型表即可
admin.site.register(models.Userinfo)
修改字段名、表名
class UserInfo:
...
username= models.CharField(verbose_name='字段名')
class Meta:

      verbose_name_plural='表名'

针对BBS在绑定数据的时候一定要细心
1、先去文章表里面绑定数据
2、个人站点
3、文章分类
4、用户和个人站点
5、文章与文章标签

# admin路由分发的本质:
路由层的返回格式:
url(r'^admin/', admin.site.urls)从点urls的返回结果可以得到返回的是一个()元组

url(r'^index',([],None,None)) include 可以无限制嵌套N多层

url(r'^index/',([
               url(r'^index_1',([],None,None)) 路由后可以是元组
               url(r'^index_2',view.index)  可以是函数内存地址
               url(r'^index_3',view.类.as_view()], 可以是类.as_view()
         None,None))

# media配置用户上传的文件自动创建media文件夹存储数据
网站所使用的静态资源都是放在static文件夹下的
用户上传的静态文件资源也应该单独找个位置存放

media配置
setting.py
      MEDIA_ROOT = os.path.join(BASE_DIR,'media')
用户创建文件会自动创建media文件夹然后在文件夹内存储数据

# 如何自定义暴露后端资源
需要自己在url.py中书写代码
from django.views.static import serve
from BBS14 import settings
[固定写法不要自己改动]
url(r'^media/(?P<path>.*)',serve,{'document_root':settings.MEDIA_ROOT}),

# 个人站点
由于url方法第一个参数是正则表达式，所以当路由特别多的时候可能出现被顶底的情况
有两种解决方式
1、修改正则表达式,或者$符号锁死
2、调整url方法的位置放到前面

[个人站点样式不同实现方法]
1、页面布局不再是282 编程左右布局
2、个人站点每个人的样式都不一样内部大致如何实现的
内部给每个人可以自定一css和js的文件接口并且用户自定义之后会将用
户的文件保存下来，之后打开会自动加载用户自己写的css和js从而实现每个用户界面不一样的情况
3、侧边栏展示问题[链式操作原理]
只要你的orm学的没有问题一般下没有难度
只要式queryset对象就可以无线的点击queryset对象方法
      filter().filter().filter().filter()
[1、查询当前的用户所有分类及分类下的文章数]
category_list = models.Category.objects.filter(blog=blog).annotate(count_num=Count('article__pk')).values_list('name','count_num','pk')
# print(category_list) #<QuerySet [('jason的分类一', 2), ('jason的分类二', 1), ('jason的分类三>
[2、查询所有用户下的标签空标签下文章数]
tag_list = models.Tag.objects.filter(blog=blog).annotate(count_num=Count('article__pk')).values_list('name','count_num','pk')
# print(tag_list)  # <QuerySet [('tank的标签一', 1), ('tank的标签二', 1), ('tank的标签三>
[3、按照年月统计所有时间]
date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values('month').annotate(count_num=Count('pk')).values_list('month','count_num')
# date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values('month').annotate(count_num=Count('pk')).values_list('month', 'count_num')
# print(date_list)
      1、需要截取日期字段
         参考官网提供的方法
         from django.db.models.functions import TruncMonth
         不单单按照年月问题，还可以按照秒，分钟
      2、如果日期出现错误
         在settings改一下时区
         TIME_ZONE = 'Asia/Shanghai'
         USE_TZ = False
4、侧边栏筛选功能
1、多个url公用一个视图函数
2、当多个url公用一个视图函数你应该思考着多个url能不能优化一下
[优化思想]
# url(r'^(?P<username>\w+)/category/(\d+)',views.site),
# url(r'^(?P<username>\w+)/tag/(\d+)',views.site),
# url(r'^(?P<username>\w+)/archive/(\w+)',views.site),
# 上面的三条url可以合并成一条
url(r'^(?P<username>\w+)/(?P<condition>category|tag|archive)/(?P<param>.*)/',views.site)
[判断用户到底想按照哪个条件筛选数据]
article_list = models.Article.objects.filter(blog=blog)
if kwargs:
      # print(kwargs) # {'condition':'tag','param':'1'}
      condition = kwargs.get('condition')
      param = kwargs.get('param')
      if condition == 'category':
         article_list=article_list.filter(category_id=param)
      elif condition == 'tag':
         article_list=article_list.filter(tags__id=param)
      else:
         year,month=param.split('-') # 2020-11 [2020] [11]
         article_list = article_list.filter(create_time__year=year,create_time__month=month)
5、手动补全侧边栏url即可

账号		自动登录	找回密码
密码			立即注册

wirelessnetview好用的无线分析工具

亿图图示专家(EDraw Max) V7.9 中文破解版

zabbix3.4.1安装部署+微信推送信息+大屏显

Red Hat OpenShift I: Containers & Kubern

2025 年，C++ 还能“硬核”多久？

RH199 RHCSA Rapid Track

Red Hat RHCE 8 (EX294) Cert Guide

BBS个人网点搭建、文章展示、侧边栏展示筛选

浏览过的版块

扫码加入运维网微信交流群