Python快速建站系列-Part.Four-首页内容填充

|版权声明：本文为博主原创文章，未经博主允许不得转载。

Part.Three中实现了注册和登录的功能，那这一节完成主页内容的填充，并且主页中要实现简单的可以查找代码的功能。

而且有于公共代码部分存储在本机，所以用存储路径的方式存储本地代码的信息。

---

先写了index.html↓

 {% extends "main.html" %}
 {% block content %}
 <nav class="navbar navbar-default navbar-static-top" role="navigation">
                     <div class="navbar-header">
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>                        <a class="navbar-brand" href="#">TSSS</a>
                     </div>
                     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                         <ul class="nav navbar-nav">
                             <li>
                                 <a href="/">首页</a>
                             </li>
                             <li>
                                 <a href="/code/list">算法</a>
                             </li>
                             <li class="dropdown">
                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">代码<strong class="caret"></strong></a>
                                 <ul class="dropdown-menu">
                                     <li>
                                         <a href="https://github.com/MU001999/The-algorithms">GitHub</a>
                                     </li>
                                     <li>
                                         <a href="https://leetcode.com/">LeetCode</a>
                                     </li>
                                     <li>
                                         <a href="https://www.codewars.com/">CodeWars</a>
                                     </li>
                                     <li class="divider">
                                     </li>
                                     <li>
                                         <a href="https://github.com/sxy1001">SXY1001</a>
                                     </li>
                                     <li class="divider">
                                     </li>
                                     <li>
                                         <a href="https://github.com/MU001999">MU001999</a>
                                     </li>
                                 </ul>
                             </li>
                         </ul>
                         <form class="navbar-form navbar-left" role="search" action="/" method="POST">
                             <div class="form-group">
                                 <input type="text" class="form-control" name="codename" />
                             </div> <button type="submit" class="btn btn-default">查找</button>
                         </form>
                         {%if not cookieName%}
                         <ul class="nav navbar-nav navbar-right">
                             <li>
                                 <a href="/sign/in">登入</a>
                             </li>
                             <li>
                                 <a href="/sign/up">注册</a>
                             </li>
                         </ul>
                         {% else %}
                         <ul class="nav navbar-nav navbar-right">
                             <li>
                                 <a href="/user/main">{{ username }}</a>
                             </li>
                             <li class="dropdown">
                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<strong class="caret"></strong></a>
                                 <ul class="dropdown-menu">
                                     <li>
                                         <a href="/user/main">个人中心</a>
                                     </li>
                                     <li>
                                         <a href="/user/code">我的代码</a>
                                     </li>
                                     <li>
                                         <a href="/user/plan">我的计划</a>
                                     </li>
                                     <li class="divider">
                                     </li>
                                     <li>
                                         <a href="/sign/out">退出登录</a>
                                     </li>
                                 </ul>
                             </li>
                         </ul>
                         {% end %}
                     </div>
                 </nav>
                 <span class="label label-danger">本日最佳</span>
                 <div class="jumbotron well">
                     <h1>
                         Hello, world!
                     </h1>
                     <p>
                         #include &lt;stdio.h&gt;
                     </p>
                     <p>
                         int main()
                     </p>
                     <p>
                         {
                     </p>
                     <p>
                         printf("Hello,World!");
                     </p>
                     <p>
                         return 0;
                     </p>
                     <p>
                         }
                     </p>
                     <p>
                         <a class="btn btn-primary btn-large" href="#">查看讨论</a>
                     </p>
                 </div>
                 <div class="list-group">
                     <a href="#" class="list-group-item active">最新文章</a> {% for blog in blogs %}
                     <div class="list-group-item">
                         <a href="/blog/{{ blog['_id'] }}">{{ blog['title'] }}</a>
                     </div>
                     {% end %}
                 </div>
 {% end %}

↑其中Hello world那部分可以以后根据评论数排序出来的第一个换掉。

再来看一下数据库规范↓

codedb:blogs
	_id 		        ID
	author 		　　　　　作者
	title		        题目
	content		内容
	datetime	        时间

然后写IndexHandler↓

 class IndexHandler(web.RequestHandler):
     def get(self):
         coll = self.application.db.blogs
         username = self.get_cookie('username')
         blogs = coll.find().sort('datetime',pymongo.DESCENDING)
         self.('index.html',username=username,blogs=blogs)
     def post(self):
         coll = self.application.db.codes
         codename = self.get_argument('codename')
         codeone = coll.find_one({'title':codename})
         if codeone:
             try:
                 with open(os.path.dirname(__file__),findcode['path'],'r') as f:
                     content = f.read()
                     self.render('code\codeview.html',codeone = codeone)
             except:
                 self.set_status(404)
                 self.write({'error':'code not be here now'})

这样主页的内容就填充完成了。