码迷,mamicode.com
首页 > 其他好文 > 详细

【从0开始Tornado建站】发表文章和评论

时间:2014-05-13 08:30:45      阅读:439      评论:0      收藏:0      [点我收藏+]

标签:python   tornado   bootstrap   编辑器   markdown   

        先上个效果图:

bubuko.com,布布扣

这是每个用户的主页,因为是基本功能,所以用户头像,爱好等信息都还没有,在下一阶段加上。右侧“发表新文章”按钮点击后进入发表文章的页面:

bubuko.com,布布扣


之前尝试过一些开源的富文本编辑器widgEditor和百度的ueditor,总感觉太大众化,既然域名是hacker,那就用hack一些的方式,直接用裸的<textarea>然后用markdown格式就最棒了嘛,发表后的样子:

bubuko.com,布布扣


完美支持markdown,而且我测试过的所有markdown编辑器比如retextdillinger.ioatomstackedit等都不支持<pre>中的“<”和“>”,所以在这些编辑器中#include<stdio.h>是打印不出来的,我用python-markdown2转码就没有这个问题,注意在#前要用“\”转义,否则认为markdown语法中的主标题,字体会变大的哈。发表文章的前端主要代码如下:

{%block content%}
<form action=‘/post‘ method=‘post‘ class=‘well‘>
	<div class=‘form-group‘>
		<label class=‘sr-only‘>标题</label>
		<input type=‘text‘ name=‘title‘ class=‘form-control‘ placeholder=‘请输入标题‘/>
	</div>
	<div class=‘form-group‘>
		<label class=‘sr-only‘>正文</label>
		<textarea rows=‘20‘ type=‘text‘ name=‘blog‘ class=‘form-control‘ placeholder=‘请输入文章正文‘></textarea>
	</div>
	<button type=‘submit‘ class=‘btn btn-warning‘>发送</button>
</form>
{%end%}

发表文章的后端代码如下:

class postHandler(tornado.web.RequestHandler):
	def get(self):
		name=self.get_cookie(‘hackerName‘)
		self.render(‘post.html‘,cookieName=name)
	def post(self):
		title=self.get_argument(‘title‘)
		blog_md=self.get_argument(‘blog‘)
		blog=translate(blog_md)
		name=self.get_cookie(‘hackerName‘)
		idvalue=insertBlog(name,title,blog)
		self.redirect(‘/blog/‘+str(idvalue))

insertBlog函数定义如下:

def insertBlog(name,title,blog):
	now=time.ctime()
	c.execute(‘insert into blog(name,title,blog,time) values("‘+name+‘","‘+title+‘","‘+blog+‘","‘+now+‘")‘)
	db.commit()
	c.execute(‘select max(id) from blog‘)
	return c.fetchone()[0]  #新插入数据的id

translate函数定义如下:

def translate(md):
	for i in whiteList:
		if i[0] in md:
			md=md.replace(i[0],i[1])
	md2=html.escape(md)
	data=markdown2.markdown(md2)
	for i in whiteList:
		if i[1] in data:
			data=data.replace(i[1],i[0])
	return data

显示文章的前段主要代码如下:

{%block content%}
<div>
<p class=‘text-success h2‘>{{blog[1]}}的专栏</p>
<br/>
<p class=‘text-danger h3‘>{{blog[2]}}</p>
<p class=‘text-muted h6‘>{{blog[4]}}</p>
<br/>
{%raw blog[3]%}
</div>

<div>
<ul>
	{%for i in comments%}
	<li><a href=‘/user/{{i[2]}}‘ class=‘text-success h4‘>{{i[2]}}</a>: <label class=‘text-warning h4‘>{{i[3]}}</label>  <label class=‘text-muted h6‘>{{i[4]}}</label></li>
	{%end%}
</ul>
</div>

<div>
	<form action=‘/comment‘ method=‘post‘ class=‘form-inline‘>
		<div class=‘form-group‘>
			<label class=‘sr-only‘>评论</label>
			<input type=‘text‘ name=‘comment‘ class=‘form-control‘ placeholder=‘请输入评论‘></input>
		</div>
		<button type=‘submit‘ class=‘btn btn-default‘>评论</button>
	</form>
</div>
{%end%}

显示文章和评论的后端代码如下:

class blogHandler(tornado.web.RequestHandler):
	def get(self,idvalue):
		selfname=self.get_cookie(‘hackerName‘)
		blog=showOneBlog(idvalue)
		comments=showComment(idvalue)
		self.render(‘blog.html‘,cookieName=selfname,blog=blog,comments=comments)

class commentHandler(tornado.web.RequestHandler):
	def post(self):
		selfname=self.get_cookie(‘hackerName‘)
		comment=self.get_argument(‘comment‘)
		refer=self.request.headers.get(‘referer‘)
		for i in range(len(refer)-1,0,-1):
			if refer[i]==‘/‘:
				break
		blogid=refer[i+1:]
		print(blogid)
		addComment(blogid,selfname,comment)
		self.redirect(‘/blog/‘+blogid)

文章和评论的表格定义如下:

CREATE TABLE blog(id integer primary key,name text,title text,blog text,time text);
CREATE TABLE comment(id integer primary key,blogid integer,name text,comment text,time text);

我想在接下来升级中加上评论的@功能,还有评论提示功能。

转载请注明:转自http://blog.csdn.net/littlethunder/article/details/25560463

【从0开始Tornado建站】发表文章和评论,布布扣,bubuko.com

【从0开始Tornado建站】发表文章和评论

标签:python   tornado   bootstrap   编辑器   markdown   

原文地址:http://blog.csdn.net/littlethunder/article/details/25560463

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!