首页 > 代码库 > Python快速建站系列-Part.Four-首页内容填充
Python快速建站系列-Part.Four-首页内容填充
|版权声明：本文为博主原创文章，未经博主允许不得转载。
Part.Three中实现了注册和登录的功能，那这一节完成主页内容的填充，并且主页中要实现简单的可以查找代码的功能。
而且有于公共代码部分存储在本机，所以用存储路径的方式存储本地代码的信息。
先写了index.html↓
1 {% extends "main.html" %} 2 {% block content %} 3 <nav class="navbar navbar-default navbar-static-top" role="navigation"> 4 <div class="navbar-header"> 5 <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> 6 </div> 7 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 8 <ul class="nav navbar-nav"> 9 <li> 10 <a href="/">首页</a> 11 </li> 12 <li> 13 <a href="/code/list">算法</a> 14 </li> 15 <li class="dropdown"> 16 <a href="#" class="dropdown-toggle" data-toggle="dropdown">代码<strong class="caret"></strong></a> 17 <ul class="dropdown-menu"> 18 <li> 19 <a href="https://github.com/MU001999/The-algorithms">GitHub</a> 20 </li> 21 <li> 22 <a href="https://leetcode.com/">LeetCode</a> 23 </li> 24 <li> 25 <a href="https://www.codewars.com/">CodeWars</a> 26 </li> 27 <li class="divider"> 28 </li> 29 <li> 30 <a href="https://github.com/sxy1001">SXY1001</a> 31 </li> 32 <li class="divider"> 33 </li> 34 <li> 35 <a href="https://github.com/MU001999">MU001999</a> 36 </li> 37 </ul> 38 </li> 39 </ul> 40 <form class="navbar-form navbar-left" role="search" action="/" method="POST"> 41 <div class="form-group"> 42 <input type="text" class="form-control" name="codename" /> 43 </div> <button type="submit" class="btn btn-default">查找</button> 44 </form> 45 {%if not cookieName%} 46 <ul class="nav navbar-nav navbar-right"> 47 <li> 48 <a href="/sign/in">登入</a> 49 </li> 50 <li> 51 <a href="/sign/up">注册</a> 52 </li> 53 </ul> 54 {% else %} 55 <ul class="nav navbar-nav navbar-right"> 56 <li> 57 <a href="/user/main">{{ username }}</a> 58 </li> 59 <li class="dropdown"> 60 <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<strong class="caret"></strong></a> 61 <ul class="dropdown-menu"> 62 <li> 63 <a href="/user/main">个人中心</a> 64 </li> 65 <li> 66 <a href="/user/code">我的代码</a> 67 </li> 68 <li> 69 <a href="/user/plan">我的计划</a> 70 </li> 71 <li class="divider"> 72 </li> 73 <li> 74 <a href="/sign/out">退出登录</a> 75 </li> 76 </ul> 77 </li> 78 </ul> 79 {% end %} 80 </div> 81 </nav> 82 <span class="label label-danger">本日最佳</span> 83 <div class="jumbotron well"> 84 <h1> 85 Hello, world! 86 </h1> 87 <p> 88 #include <stdio.h> 89 </p> 90 <p> 91 int main() 92 </p> 93 <p> 94 { 95 </p> 96 <p> 97 printf("Hello,World!"); 98 </p> 99 <p> 100 return 0; 101 </p> 102 <p> 103 } 104 </p> 105 <p> 106 <a class="btn btn-primary btn-large" href="#">查看讨论</a> 107 </p> 108 </div> 109 <div class="list-group"> 110 <a href="#" class="list-group-item active">最新文章</a> {% for blog in blogs %} 111 <div class="list-group-item"> 112 <a href="/blog/{{ blog[‘_id‘] }}">{{ blog[‘title‘] }}</a> 113 </div> 114 {% end %} 115 </div> 116 {% end %}
↑其中Hello world那部分可以以后根据评论数排序出来的第一个换掉。
再来看一下数据库规范↓
codedb:blogs _id ID author 作者 title 题目 content 内容 datetime 时间
然后写IndexHandler↓
1 class IndexHandler(web.RequestHandler): 2 def get(self): 3 coll = self.application.db.blogs 4 username = self.get_cookie(‘username‘) 5 blogs = coll.find().sort(‘datetime‘,pymongo.DESCENDING) 6 self.(‘index.html‘,username=username,blogs=blogs) 7 def post(self): 8 coll = self.application.db.codes 9 codename = self.get_argument(‘codename‘) 10 codeone = coll.find_one({‘title‘:codename}) 11 if codeone: 12 try: 13 with open(os.path.dirname(__file__),findcode[‘path‘],‘r‘) as f: 14 content = f.read() 15 self.render(‘codeview.html‘,codeone = codeone) 16 except: 17 self.set_status(404) 18 self.write({‘error‘:‘code not be here now‘})
这样主页的内容就填充完成了。
Python快速建站系列-Part.Four-首页内容填充
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。