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

首先明确我们要建一个什么样的站，作为教程（也算自己使用tornado的一个小总结），自然功能不能太多，但又满足一个普通网站需要的就行了。

目前想到的功能有：登录，注册，发表文章，删除文章，发表评论，个人主页，代码展示和个人计划管理。

数据库规范↓

#数据库规范
codedb:codes           　　　　//本地代码文件
	_id			 ID
	title			标题
	path			路径
	codetype		语言

Ps: static\codes\*.txt

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

codedb:users
	_id 		        ID
	username 	　　　　　用户名
	password     	　　　　　密码
	nickname	        昵称
        roleid               　　权限声明

codedb:usercode
	_id			ID
	title 		        标题
	author		　　　　　作者
	codetype	        语言
	content		　　　　　代码

main.py↓

 import os.path
 import pymongo
 from tornado import httpserver,options,web,ioloop

 from tornado.options import define,options
 define('port',default=8000,help=None,type=int)

 class Application(web.Application):
     def __init__(self):
         handlers = [(r'/',IndexHandler),
         (r'/sign/(\w+)',SignHandler),
         (r'/code/(\w+)',CodeHandler),
         (r'/user/(\w+)',UserHandler),
         (r'/blog/(\w+)',BlogHandler)]
         settings = dict(template_path=os.path.join(os.path.dirname(__file__), "templates"),
         static_path=os.path.join(os.path.dirname(__file__), "static"),
         debug=True)
         conn = pymongo.MongoClient('localhost',27017)
         self.db = conn.codedb
         web.Application.__init__(self,handlers,**settings)

 options.parse_command_line()
 http_server = httpserver.HTTPServer(Application())
 http_server.listen(options.port)
 ioloop.IOLoop.instance().start()

代码的理解参考Tornado文档翻译1.2.1部分

/ →主页
/sign →登录注册退出等操作
/code →代码部分
/user →用户登录以后的操作
/blog →与文章有关的操作

然后就可以在templates目录下创建相应的html文件

main.html
index.html
sign/
    signup.html
    signin.html
code/
    codelist.html
    codeview.html
    codeadd.html
/user
    usercen.html
    userblog.html
    userinfo.html
/blog
    bloglist.html
    blogview.html

main.html就是网站其它页面的父模块，里面主要是网页总体框架↓

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>学习小站|TSSS|CODE</title>
      <link rel="stylesheet" href="{{ static_url("css/bootstrap.min.css") }}">
      <link rel="stylesheet" href="{{ static_url("css/bootstrap-theme.css") }}">
      <script type="text/javascript" src="{{ static_url("js/bootstrap.min.js") }}"></script>
      <script type="text/javascript" src="{{ static_url("js/jquery-1.11.1.js") }}"></script>
      <script type="text/javascript" src="{{ static_url("js/tinymce/tinymce.js") }}"></script>
      <script>tinymce.init({ selector:'textarea' });</script>
      <script type="text/javascript" src="{{ static_url(r"js/syntaxhighlighter/scripts/shCore.js") }}"></script>
      <script type="text/javascript" src="{{ static_url(r"js/syntaxhighlighter/scripts/shBrushCpp.js") }}"></script>
      <link type="text/css" rel="stylesheet" href="{{ static_url(r"js/syntaxhighlighter/styles/shCoreDefault.css") }}"/>
      <script type="text/javascript">SyntaxHighlighter.all();</script>
  </head>
  <body>
  <div class="container">
      <div class="row clearfix">
          <div class="col-md-12 column">
              <div class="page-header">
                  <h1>
                      学习小站 <small>Small Study Station</small>
                  </h1>
              </div>
              {% block content %}
              {% end %}
          </div>
      </div>
  </div>
  <script type="text/javascript" src="{{ static_url("js/bootstrap.min.js") }}"></script>
  <script type="text/javascript" src="{{ static_url("js/jquery-1.11.1.js") }}"></script>
  </body>
 3</html>

这样总体结构和网页的布局就大概像个样子了。

--Part.One--

Python快速建站系列-Part.Two-结构化和布局的更多相关文章

  1. Python快速建站系列-Part.One-组装开发环境

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 源代码都在github上:SmallStudyStation 现在是个demo,但回来会租个服务器,等功能完善了放到服务器上挂着,域名jusot ...

  2. Python快速建站系列-Part.Three-注册和登录

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 上一个Part已经给TSSS编好了一个简单的Web服务,网页的基础模版也写好了,那从这个Part开始就慢慢增加编写功能. 先写基础功能:注册和登 ...

  3. Python快速建站系列-Part.Six-文章内容浏览

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 其实到这里网站的基本功能已经完成一半了,第六节就完成文章内容的阅读功能. 完成blogview.html↓ {% extends "m ...

  4. Python快速建站系列-Part.Five.3-个人主页及资料页面

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 第五部分最后一节,完成个人主页里资料页面的个人资料的展示和修改功能,不过毕竟功能比较少,个人资料其实只有昵称一项,手动滑稽. 一如既往先写出来u ...

  5. Python快速建站系列-Part.Five.2-个人主页及文章列表

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 从usercen.html就可以发现我为个人主页设了三个分开的小版面:写文章.个人文章目录.个人资料 所以按顺序Part.Five的第二部分就完 ...

  6. Python快速建站系列-Part.Five.1-个人主页及发表文章

    |版权声明:本文为博主原创文章,未经博主允许不得转载. 现在的TSSS已经有了注册和登录的功能,首页的内容也填充好了,那这一节就完成用户个人主页的内容和发表文章功能的实现. 先完成用户个人主页的use ...

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

    |版权声明:本文为博主原创文章,未经博主允许不得转载. Part.Three中实现了注册和登录的功能,那这一节完成主页内容的填充,并且主页中要实现简单的可以查找代码的功能. 而且有于公共代码部分存储在 ...

  8. PHPCMS快速建站系列之搜索功能

    默认模板的搜索功能代码 <div class="bd"> <form action="{APP_PATH}index.php" method= ...

  9. PHPCMS快速建站系列之自定义分页函数

    内容分页的实现方法:{pc:content action="lists" catid="$catid" order="id DESC" nu ...

随机推荐

  1. 在线阅读android源代码

    这两天一直在寻找android系统的源代码,但是直到一个小时之前,一直未能如愿.但是,令人欣慰的是,现在找到了. 网上有不少帖子介绍如何下载android源代码,包括在linux系统,windows系 ...

  2. upload控件上传json文件合并的两种方法

    方法一: byte[] byte1 = FileUpload1.FileBytes; byte[] byte2 = FileUpload2.FileBytes; byte[] a1 = Encodin ...

  3. 使用css让XML文件按照HTML的风格显示出来

    attrib.css name { display:block; color:blue; font-size:20pt; font-weight:bold; } id,company,email,te ...

  4. [转载]How To Add Swap on Ubuntu 12.04

    How To Add Swap on Ubuntu 12.04 Aug 17, 2012  Linux Basics Ubuntu   About Linux Swapping Linux RAM i ...

  5. mysql 的2个关于事务和安全性的参数

    innodb_flush_log_at_trx_commit:(mysql写事物日志的方式) 0 log buffer 会每秒写入到日志文件中,并刷新到磁盘  (提交方式与事物无关,性能最好) 1 事 ...

  6. lightetreeview

    http://www.16css.com/menu/905.html 其他树形菜单:很好--1.http://www.cnblogs.com/zhhh/archive/2011/11/25/22637 ...

  7. 第 2 章 让jsp说hello

    2.1. 另一个简单jsp 上一篇举的例子很单纯,无论谁向服务器发送请求,服务器都只计算当前系统时间,然后把这个时间制作成http响应发还给浏览器. 可惜这种单向的响应没办法实现复杂的业务,比如像这样 ...

  8. 使用dbms_crypto包加密关键列数据

    对于业务系统中常见的需要加密的列我们可以在应用层来实现,也可以在数据库层实现,自己验证了一下使用dbms_crypto包来封装函数实现关键列的加密. 1.数据库版本 SQL> select * ...

  9. Spinner的深入学习

    简介: spinner是一个列表选择框,会在用户选择后,展示一个列表供用户进行选择.Spinner是ViewGroup的间接子类,它和其他的Android控件一样,数据需要使用Adapter进行封装. ...

  10. Linux下动态库(.so)和静态库(.a) 的区别

    静态库在程序编译时会被连接到目标代码中,程序运行时将不再需要该静态库.编译之后程序文件大,但加载快,隔离性也好.动态库在程序编译时并不会被连接到目标代码中,而是在程序运行是才被载入,因此在程序运行时还 ...