django-开发博客3

鉴于views.py文件里代码比较冗余,要把一些公共的方法抽出来,写到上下文管理器中,在user下新建一个文件叫process_context.py,抽出来的代码如下:

 

然后在修改views.py文件里的代码,如下图:

 

在settings.py文件里新增如下代码:

 

然后在浏览器里输入http://127.0.0.1:8000/index,点击回车,也可以看到对应的文章,但是代码相对于之前比较简洁,上下文管理器的流程是先走views里面的函数,接下来走上下文管理器,先把index函数里的调试信息打印出来,然后打印上下文管理器里的调试信息,同样切换到其他分类的时候先打印category函数里的调试信息,然后在打印上下文管理器里的,如下图:

 

接下来修改站点,在process_context.py文件中增加如下代码:

 

locals()的作用是把当前函数里面的局部变量都返回,然后在index.html文件里找到如下标红处:

 

把上面标红处分别替换成{{site_name}}{{describe}},这里点不出来,只能复制过去或手写,刷新http://127.0.0.1:8000/index,页面正常显示,但是缺少东西,如下图:

 

杨青的博客和描述不见了,于是在settings.py文件里加上'user.process_context.site_process',再次刷新http://127.0.0.1:8000/index,页面正常显示,在日志里打印出

 

由此可见先走views.py里index方法的逻辑,然后走process_context.py里的逻辑,同时博客的名字和博客都变了,正常实现如下图:

 

点击linux导航分类,在日志里打印出

切换页面http://127.0.0.1:8000/category/2,再走category方法,再走process_context.py里的逻辑

 

上下文管理器:
1、每个views.py文件里面都要用到的操作,要放到上下文管理器里面
2、先定义一个函数,函数必须有一个参数,是request
3、这个函数要返回一个字典
4、要加在配置文件(settings.py)里面,TEMPLATES->OPTIONS->context_processors

接下来开发一下文章详情页,就是点击文章跳转到文章详情页,跳转的页面会显示文章id,首先要拿到文章id,跳转的url应该是http://127.0.0.1:8000/article/1或者http://127.0.0.1:8000/article?id=1,这次要实现后者,把views.py文件里的category函数复制一下改成detail,导入Http404,from django.shortcuts import render,HttpResponse, Http404如下图:新增代码如下图:


如果文章存在返回详情页,去个人博客模板<<simple>>里复制info.htmltemplates下,打开info.html要修改路径,把css、js和images逐一替换,替换完了还要修改几处:

第一是进入info.html,找到如下的代码,如下图:

 

全部删除,去index.html里复制如下,如下图:

 

第二是要修改如下图:

 

第三(文章标题)和第四要修改如下图:

分别改成{{ article.title }}{{ article.create_time }}

 

第五要修改如下图:

改成{{ article.describe }}

 

第六要修改如下图:

删除<div class="news_con"></div>里的内容,然后输入{{ article.content }}

 

参数在body里用request.POST,然后修改urls.py,新增代码如下图:

接下来在index.html里找到文章标题和图片的超链接的代码,修改两个超链接的路径为/detail?id={{ article.id }}

刷新页面http://127.0.0.1:8000/index,页面显示正常,可以看到文章标题文章描述,把鼠标放到标题上,在左下角可以看到访问的路径和id,如下图:

点击文章标题,弹出如下图:

去info.html里,修改<meta charset="gbk">这行,把gbk改成utf-8,再次刷新页面,可以正常显示,可以看到site_name分类名称文章标题创建时间文章描述文章内容,在urls.py里加path('', index),意思是http://127.0.0.1:8000/后面没有参数就默认跳转到index页面,

回过头看index.html和info.html里有好多重复的代码,主要是最上面和最下面一样,中间是不一样的,在templates里新增一个base.html,把info.html的代码拷到base.html里,把title标签里的内容删除,换成{{site_name}},删除中间变化的代码,也就是把article标签里的代码全部删除或注释,然后新增代码如下图:

 

接下来把index.html和info.html里最上面和最下面的代码干掉,新增{% extends 'base.html' %},继承了base.html,然后把变化的代码放到block里面,index.html里的代码新增如下图:

 

同理info.html里的代码也差不多,如下图:

 

刷新http://127.0.0.1:8000/,没有问题,点击文章标题进入详情页也没有问题,同时有的页面要导入css、js,要把css和js的口留出来,哪个页面需要导入就加到哪个页面里,相应的代码在base.html里,如下图:

刷新http://127.0.0.1:8000/,没有问题,点击文章标题进入详情页这里有问题,样式有问题可以判断是css的问题,于是去个人博客模板《simple》找到info.html,打开发现样式ok,看源码发现info.html有<link href="css/info.css" rel="stylesheet">,因为info.css只是详情页用的,写到base.html里不合适,在info.html里新增如下:

posted @ 2020-01-23 11:08  laosun0204  阅读(176)  评论(0编辑  收藏  举报