先上个效果图：

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

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

完美支持markdown，而且我测试过的所有markdown编辑器比如retext、dillinger.io、atom、stackedit等都不支持<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]=='/':breakblogid=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