首页 > 其他 > 详细

BBS项目图片解析

时间:2020-01-23 12:25:28      阅读:85      评论:0      收藏:0      [点我收藏+]

BBS

media配置

实现:

技术分享图片

技术分享图片

文章多的时要考虑分页处理

导入分页器代码

技术分享图片

随便找一个文件放或者自创一个

技术分享图片

utils

技术分享图片

修改参数,让一页展示多条 我默认十条(10)

技术分享图片

定义home页面跳转到前端:

技术分享图片

来到home.html页面搭建中 找到字数为8的,去复制相关内容

技术分享图片

渲染样式,调格式,找相应格式复制进行修改

技术分享图片

修改复制代码:

技术分享图片

效果:

技术分享图片

优化:

把标题放上面:

技术分享图片

效果:

技术分享图片

空开一点距离:

技术分享图片

效果:

技术分享图片

文章表签 《a》标签 不知道写什么就#号暂时顶一下

技术分享图片

实现:

技术分享图片

技术分享图片

效果:

技术分享图片

让用户名可以点击、调大用户名:基于上面代码优化

技术分享图片

效果:

技术分享图片

分页器添加:

技术分享图片

效果:

技术分享图片

分页器据中

技术分享图片

效果:

技术分享图片

用户头像展示 media配置

技术分享图片

上传文件图片存的路径 media配置: 执行注册成功后,添加图片 自动保存创建的media文件夹中

技术分享图片

效果:

技术分享图片

访问图片,访问不到:

技术分享图片

图片防盗链

暴露后端任意文件夹的资源 需手动加

模块导入:

技术分享图片

技术分享图片

配置:urls.py 固定写法,把图片信息暴露出去 另一种放不能暴露敏感词汇不然会暴露自己的信息,别人能轻易获取技术分享图片

然后访问图片,就可以访问了

技术分享图片

添加图片:只有手动在用户头像前加一个 /media/

技术分享图片

效果:

技术分享图片

个人站点:

如何实现:

技术分享图片

技术分享图片

配置:

技术分享图片

定义相关内容:

技术分享图片

获取404页面,相关内容复制到 error.html中

技术分享图片

技术分享图片

error.py 代码:

技术分享图片

效果:

技术分享图片

技术分享图片

图片防盗链

先判断当前发送请求的页面url是否属于本网站的
如果是那么正常返回图片如果不是直接禁止

如何判断当前请求的页面url

请求头里面有一个
    Referer: http://127.0.0.1:8000/skadjklsajdklsa/ 

如何解决该问题

1.利用爬虫直接将所有资源下载到本地
2.修改请求头参数

列如博客园就拿到这个网址到我的网址中进行比对,是否给你开通这个图片的访问,没有就访问不了

技术分享图片

个人站点页搭建

日期归档:

    个人站点
    
    侧边栏展示
    
        id     title       create_time           month
        1       111         2018-11-23          2018-11
        2       222         2019-11-01          2019-11
        3       333         2020-8-11           2020-8
        4       444         2019-11-30          2019-11
    
        from django.db.models.functions import TruncMonth

        -官方提供
        from django.db.models.functions import TruncMonth
        Article.objects
        .annotate(month=TruncMonth('timestamp'))  # Truncate to month and add to select list 
        .values('month')  # Group By month
        .annotate(c=Count('id'))  # Select the count of the grouping
        .values('month', 'c')  # (might be redundant, haven't tested) select month and count

之前一点小问题 换一下 在views.py 和 home.html中

技术分享图片

技术分享图片

定义 views.py

技术分享图片

前端:error.py 从home.html中内容直接复制到site.html中进行修改

技术分享图片

然后执行效果:因为复制过来修改的,所以测试都应该是对的

技术分享图片

技术分享图片

site.html 个人站点页 把home页面随便添加一下图标

技术分享图片

技术分享图片

实现:

技术分享图片

site.html

技术分享图片

效果:

技术分享图片

创一个css文件夹 更换页面颜色

技术分享图片

添加样式 site.py
技术分享图片
效果

技术分享图片

侧边栏展示

先到site.html中修改相应数据

技术分享图片

1.拿到当前用户的分类及分类下的文章数

导入:views.py

技术分享图片

技术分享图片
效果:文章下的分类数
技术分享图片

site.html

技术分享图片

效果:
技术分享图片

2.当前用户的标签和文章数

技术分享图片

效果:

技术分享图片

site.py

技术分享图片

效果:

技术分享图片

3.按文章的年月分组

导入模块:views.py

技术分享图片

技术分享图片
数据库修改年月:
技术分享图片
效果:2019 8 月 jason有两篇文章 1是默认值不看
技术分享图片

site.py

技术分享图片
效果:
技术分享图片

我们写日期报错可修改两个参数:settings中修改
技术分享图片

侧边栏筛选功能:

urls.py
推到思路
技术分享图片

url匹配优化 合并
技术分享图片

views.py
技术分享图片

进行业务逻辑判断:

技术分享图片

效果:
技术分享图片

site.html

先到添加相应信息views.py 在返回前端做相关内容

技术分享图片

技术分享图片

效果:

技术分享图片

实现多张文章下 显示相关内容

技术分享图片
效果:

技术分享图片

侧边栏inclusion_tag制作

文章详情页:urls.py

技术分享图片

定义 views.py

技术分享图片

前端 :article_detail.html

site.py

技术分享图片

views.py

技术分享图片

创建一个文件夹

技术分享图片

技术分享图片

前端left_menu.html
技术分享图片

后端

技术分享图片

后端base.py

技术分享图片

前端site.py
技术分享图片

urls.py
技术分享图片

前端home.py
技术分享图片

效果:

技术分享图片

怎么拷贝博客

检查

技术分享图片

技术分享图片

点赞点踩前端样式及数据准备

点站点踩

技术分享图片
定义:
技术分享图片

前端:
技术分享图片
定义处 后端:
技术分享图片
Json转换
技术分享图片

点赞点踩功能实现

views.py
技术分享图片
1.判断当前用户是否登录:

2.当前文章是不是当前用户写的

3.当前用户是否已经给当前文章点过缵或踩

4.操作数据库

操作两张表

数据库优化字段

技术分享图片
效果:
技术分享图片
错误判断后:

技术分享图片

前端:
技术分享图片
效果:
技术分享图片

评论前端样式搭建

评论前端样式代码:

技术分享图片
前端代码:
技术分享图片

添加登陆注册
技术分享图片
效果:
技术分享图片

根评论功能实现

评论内容后端发送:

文章评论:
技术分享图片

views.py
技术分享图片

前端:
技术分享图片
到后端:
技术分享图片
执行效果
技术分享图片
前端:
技术分享图片
views.py
技术分享图片
评论渲染
到前端渲染一下:
技术分享图片
效果:
技术分享图片

添加一个回复按钮

技术分享图片
技术分享图片

临时渲染:

效果:
技术分享图片

BBS项目图片解析

原文:https://www.cnblogs.com/WQ577098649/p/12230402.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!