Django开发博客(七)——markdown优化
背景
上一次把markdown集成之后。发现还是有非常多问题。
这次须要做一些优化。
1、markdown与普通文本的差别显示。
2、添加点击量的统计
3、加入名片卡的滑动
版本号相关
操作系统:Mac OS X EI Caption
Python版本号:3.4
Django版本号:1.9
IDE:PyCharm
markdown的优化
我试着转载其它博客的内容过来。发现非markdown格式的文本转过来显示的非常丑非常丑,差点儿没办法看,所以针对这个须要做一些优化。刚好之前数据库的字段定义的太少了,趁这个机会扩充一下。
在models.py中加几个字段上去。
models.py
blog_ismarkdown = models.CharField(max_length=1, null=True)
blog_like = models.IntegerField(null=True)
blog_clicknum = models.IntegerField(null=True)
三个字段,一个用来控制文章格式的分类,是否属于markdown。
like字段留存。兴许做点赞的扩充。
clicknum字段用来处理统计点击量的数据。
扩充的时候须要加入null=True来处理这几个字段同意为空,否则无法变更成功。
变更成功后再取消这些null。
python manage.py makemigrations grzx
python manage.py sqlmigrate grzx 0004
python manage.py migrate
第二句的0004要依据自己数据库迁移的版本号来定。
思路
加入ismarkdown字段的意义在于,加入文章的时候。让别人选择文章类型是否属于markdown。假设是,则传递一个1到后台,后台处理到数据库中。假设不是。则传递一个0到后台。后台处理到数据库。别人点击查看文章内容时。后台传递文章主体内容到模版,一起传递一个markdown标记。模版做一个简单的推断,以markdown格式还是普通文本格式来显示。
视图函数的处理
依据上面的思路。须要改动的地方有两个。一个是新增文章的时候存储这个ismarkdown这个标记。
还有一个是查看文章内容的时候返回这个标记。让模版使用对应的方式来处理。
views.py sub_article
def sub_article(request):
cursor = connection.cursor()
if request.method == 'POST':
mytype = request.POST['article_type']
title = request.POST['article_title']
# body = markdown(request.POST['article_editor'])
body = request.POST['article_editor']
markdown = request.POST['article_markdown']
updb = BlogBody(blog_title=title, blog_ismarkdown=markdown, blog_body=body, blog_type=mytype, blog_timestamp=time.strftime("%Y-%m-%d %X", time.localtime()), blog_author='点点寒彬', blog_clicknum=1, blog_like=0)
updb.save()
cursor.execute('select max(id) from grzx_blogbody where blog_type = %s ', [mytype])
new_id = cursor.fetchone()
return redirect('/grzx/article/' + str(new_id[0]) + '/')
因为返回给模版的时候。是整条记录返回回去的,那么就不用专门来处理,仅仅要在模版层处理即可了。
模版处理
依据上面的思路,模版处理须要处理两个地方。
首先,我们在新增文章的时候须要添加一个文本类型是否为markdown的选择栏位。代码例如以下:
add_article.html
<form method="post" action="/grzx/sub_article/">
{% csrf_token %}
<p>文章标题</p>
<div>
<select name="article_type" style="height: 20px; width: 120px;">
<option value="Python" selected="selected">Python</option>
<option value="abouttest">測试相关</option>
<option value="mytalk">个人杂谈</option>
<option value="diary">偶尔能想起来的日记</option>
</select>
<input name="article_title" type="text" style="height: 20px;width: 400px;" placeholder="请输入文章标题">
{# <input name="article_markdown" type="checkbox" value="1">MarkDown#}
<select name="article_markdown" style="height: 20px; width: 90px;">
<option value="1" selected="selected">MarkDown</option>
<option value="0">普通文本</option>
</select>
</div>
<p>文章内容</p>
<textarea name="article_editor" rows="55" style="width: 630px;"></textarea>
<input type="submit" value="提交" style="margin-left: 300px;width: 60px;height: 20px;">
</form>
添加了这个选择栏位后,每次填写的时候就会传递标记给视图函数去处理了。
再一个须要处理的是view.html。
须要做一个简单的推断。代码例如以下:
view.html
<p style="word-wrap: break-word;word-break:break-all;">
{% if blog_content.blog_ismarkdown == '1' %}
{{ blog_content.blog_body | custom_markdown }}
{% elif blog_content.blog_ismarkdown == '0' %}
{{ blog_content.blog_body }}
{% endif %}
</p>
这样就完毕了。跑起来试试看吧。
点击量的统计
思路
这部分就比較简单了,上文已经把数据库加好了。如今仅仅要做一个简单的处理,就是点击的时候在数据库吧这个字段的数字加一就好了。当然,我们做了这个处理,模版就要把点击量显示出来。
视图函数
这部分非常easy。就直接上代码了:
views.py
def article(request, blog_body_id=''):
"""
处理点击事件,而且PV数加一
"""
blog_content = BlogBody.objects.get(id=blog_body_id)
num = blog_content.blog_clicknum
num += 1
blog_content.blog_clicknum = num
blog_content.save()
return render(request, 'view.html', {'blog_content': blog_content})
模版函数
相同非常easy,就是展示一个显示数据。代码例如以下:
view.html
<p class="box">公布时间:{{ blog_content.blog_timestamp }}<span>作者:{{ blog_content.blog_author }}</span><span>阅读:{{ blog_content.blog_clicknum }}</span><a href="/">编辑</a> <a href="{% url 'del_article' blog_content.id %}">删除</a></p>
加入名片的滑动尾随
这部分使用的是一个CSS的属性,就是把这个盒子层次摆放到第一位。
代码例如以下:
<div class="card" style="width: 280px;position: fixed;z-index: 1;">
<h1>About Me</h1>
<p>网名:Sven Weng | 点点寒彬</p>
<p>职业:測试project师</p>
<p>公司:华林证券</p>
<p>Email:234827102@qq.com</p>
<ul class="linkmore">
<li><a href="/grzx/add_article" class="talk" title="给我留言"></a></li>
<li><a href="/" class="address" title="联系地址"></a></li>
<li><a href="/" class="email" title="给我写信"></a></li>
<li><a href="/" class="photos" title="生活照片"></a></li>
{# <li><a href="/" class="heart" title="关注我"></a></li>#}
</ul>
</div>
就是在style中添加一个z-index:1;这个css属性。
后记
再怎么说,一个博客也已经搭建完毕了。剩下的功能都须要一点一点的去细化和慢慢的经营。最后的一步,把它部署上去。
Django开发博客(七)——markdown优化的更多相关文章
- django开发博客(1) 入门
现在正式开始博客开发 1.安装django1.4 如果你使用的是fedoraDVD版,安装时选择了web开发组建,这一步可以省略,因为它自带django环境 django下载地址 https://ww ...
- 纯django开发博客系统
企业级教程:纯django开发博客系统 1.视频教程 https://www.duanshuilu.com/ 2.教程文档 https://www.duanshuilu.com/ 0.课程简介1.简价 ...
- 使用django开发博客过程记录4——Category分类视图
在写点击博客的所属分类,显示所有该分类的文章时真是让我想了好一会,为什么呢?因为我使用的是cbv模式开发的而不是简单的视图处理逻辑的,所以,有些操作会被包装好了,你并不知道它的细节,那么我们今天要实现 ...
- 使用django开发博客过程记录3——博客侧栏实现
说起这个侧栏真是苦恼我很长时间,一开始以为和之前的一样传递额外参数就可以了就像下面这样: class IndexView(ListView): template_name = 'apps/index. ...
- Django开发博客- 三部曲
其实在django中实现一个功能只需要三个步骤即可,这里我姑且叫它三部曲. 这三部曲就是: 定义urls映射 定义views 定义templates 什么是URL? URL就算一个WEB地址,你在浏览 ...
- Django开发博客- 模型
django的模型就是用于在数据库中存储的某种类型的对象.在我们的博客系统中, 发表的文章就是一个模型,需要存储在数据库中. 这里我们使用django默认的sqlite3库,对于我们的这个小系统而言已 ...
- Django开发博客 入门篇
Django是神马? Django是一个开源免费的Web框架,使用Python编写.能够让你快速写出一个Web应用, 因为它包含了绝大部分的组件,比如认证,表单,ORM,Session,安全,文件上传 ...
- 使用django开发博客过程记录5——日期归档和视图重写
针对每条博客的观看次数我么是使用django的Mixin实现的: def get(self, request, *args, **kwargs): last_visit = request.sessi ...
- 使用django开发博客过程记录2——博客首页及博客详情的实现
1.什么是CBV(Class-based views) 2.博客首页及博客详情实现 1.什么是CBV 什么是CBV?说白了就是以前是视图为处理请求返回响应的函数,有了cbv之后我们就可以用类处理请求和 ...
随机推荐
- MATLAB作图方法与技巧(三)
1.利用指令plot绘制圆的参数方程x = sin(t),y = cos(t),(0<=t<=2*pi)的曲线图. 代码如下 t = linspace(0,2*pi,100); x = s ...
- paramiko 使用总结(SSH 操作远端机器)
1.用户名.密码登陆方式 import paramikoparamiko.util.log_to_file('paramiko.log') # 记录日志文件ssh = paramiko.SSHClie ...
- HDU 1061.Rightmost Digit-规律题 or 快速幂取模
Rightmost Digit Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)T ...
- Jenkins一个任务下载多个git库代码
公司的项目是微服务架构,一个服务对应的一个git仓库,现在的需求时拉取所有仓库代码下来,指定父级的pom.xml,一次性构建打包 jenkins在默认情况下,一个任务只能配置一个git仓库地址 1.安 ...
- 主键(PrimaryKey)
员工表中的每一行记录代表了一个员工,一般员工的名字就能唯一标识这一个员工,但 是名字也是有可能重复的,这时我们就要为每一名员工分配一个唯一的工号: 这样就可以通过这个工号来唯一标识一名员工了.当老板下 ...
- 【枚举】Codeforces Round #394 (Div. 2) C. Dasha and Password
纪念死去的智商(虽然本来就没有吧……) 三重循环枚举将哪三个fix string作为数字.字母和符号位.记下最小的值就行了. 预处理之后这个做法应该是O(n^3)的,当然完全足够.不预处理是O(n^3 ...
- 【记忆化搜索】bzoj1055 [HAOI2008]玩具取名
f(l,r,c)表示sl...sr能否被合成字符c. #include<cstdio> #include<cstring> using namespace std; int m ...
- TZOJ 5347: 数据结构实验:删除链表元素
描述 完成链表的创建.元素查找和删除等操作. 部分代码已经给出,请补充完整,提交时请勿包含已经给出的代码. void PrintLinkList(Node *head) { int flag = 0; ...
- Scala零基础教学【61-80】
第61讲:Scala中隐式参数与隐式转换的联合使用实战详解及其在Spark中的应用源码解析 第62讲:Scala中上下文界定内幕中的隐式参数与隐式参数的实战详解及其在Spark中的应用源码解析 /** ...
- NSNotificationCenter监听TextField文字变化
注册 1: NSNotificationCenter.defaultCenter().addObserver(self, selector: "textDidChange", na ...