本文介绍的是在eclipse+pydev 平台下，利用django 搭建blog的第2部分：页面部分（主要涉及3个部分：模板、视图、URL模式）

篇幅1：创建模板

blog目录下新建一个文件夹：templates，添加archive.html文件，让其显示所有blog的内容，代码如下：

	{% for post in posts %}

	<h2>{{post.title}}</h2>

	<p>{{post.timestamp}}</p>

	<p>{{post.body}}</p>

	{% endfor %}

　　

篇幅2：创建视图函数

from blog.models import BlogPost

from django.template import Context,loader

from django.http import HttpResponse

# Create your views here.

def archive(request):

    posts=BlogPost.objects.all()

    t=loader.get_template("archive.html")

    c=Context({'posts':posts})

    return HttpResponse(t.render(c))

篇幅3：创建一个URL模式

1 myweb.urls.py文件进行编辑如下：

from django.conf.urls import include, url

from django.contrib import admin

urlpatterns = [

    # Examples:

    # url(r'^$', 'myweb.views.home', name='home'),

    url(r'^blog/', include('blog.urls')),

    url(r'^admin/', include(admin.site.urls)),

]

2 在blog下新建urls.py文件，并进行编辑，如下：

#coding=utf-8

from django.conf.urls import  url,patterns

from blog.views import archive

urlpatterns=patterns('',

    url(r'^$',archive)

)

　

访问页面查看效果：http://127.0.0.1:8000/blog/

篇幅4： 优化页面-模板+日期显示和排序

1. 设置一个base.html模板，templates下新建base.html文件，编辑如下：

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

 <style>

 body{color:#efd;background:#453;padding:0.5em;margin:0}

 h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}

 p{}

 </style>

 </head>

 <body>

 {%block content%}

 {%endblock%}

 </body>

 </html>

2. 修改archive.html模板，让其引用base.html模板和它的“content”块，编辑如下：

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

 <title></title>

 </head>

 <body>

     {%extends "base.html"%}

     {%block content%}

     {% for post in posts %}

     <h2>{{post.title}}</h2>

     <p>{{post.timestamp"}}</p>

     <p>{{post.body}}</p>

     {% endfor %}

     {%endblock%}

 </body>

 </html>

再次访问页面：http://127.0.0.1:8000/blog/

3. 按日期排序，修改blog.models.py文件，增加如下代码class Meta：ordering=('-timestamp',)

from django.db import models

from django.contrib import admin

# Create your models here.

class BlogPost(models.Model):

    title=models.CharField(max_length=)

    body=models.TextField()

    timestamp=models.DateTimeField()

    class Meta:

        ordering=('-timestamp',)

class BlogPostAdmin(admin.ModelAdmin):

    list_display=('title','timestamp')

admin.site.register(BlogPost,BlogPostAdmin)

查看页面

4. 优化日期显示，属于表现层的内容，修改archive.html文件中日期部分即可

<p>{{post.timestamp|date:"Y-m-d H:i:s"}}</p>

　

django构建blog--页面部分（eclipse+pydev）的更多相关文章

  1. django构建blog--建立数据库部分+admin部分（eclipse+pydev）

    本文介绍的是在eclipse+pydev 平台下,利用django 搭建blog的第1部分:建立数据库+admin部分 步骤一:创建myweb项目+blog应用 1. Eclipse下新建一个djan ...

  2. Python开发环境（3）：使用Eclipse+PyDev插件创建Django项目

    OS:Windows 10家庭中文版,Python:3.6,Eclipse:Oxygen.1a Release (4.7.1a), PyDev:6.3.2,Django:2.0.3 本文展示了怎么使用 ...

  3. 【转】Eclipse+PyDev 安装和配置

    原文网址:http://www.51testing.com/html/67/589567-866611.html Python开发有很多工具,其中Eclipse+Pydev 是最常见的一种.本文简单介 ...

  4. Python集成开发环境(Eclipse+Pydev)

    刚開始学习python,就用Editplus, Notepad++来写小程序, 后来接触了Sublime Text2.认为很不错,没事写写代码.就用编辑器Sublime Text2,最好再配搭一个ap ...

  5. 【转】使用Python的IDE：Eclipse+PyDev

    原文网址:http://www.crifan.com/try_with_python_ide_eclipse_pydev/ 之前已经介绍过了一些基本知识: [整理][多图详解]如何在Windows下开 ...

  6. Django架设blog步骤

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  7. Django架设blog步骤（转）

    最近在研究Python,起初是因为想做个爬虫,昨天看了点基础教程,台湾辅仁大学的视频,了解了python的语法规范及语言特性,主要有三: 1.动态脚本语言: 2.语法简洁,强制缩进: 3.应用广泛,w ...

  8. Python+selenium+eclipse+pydev自动化测试环境搭建

    一.        安装python 1.下载安装python 可访问python的官方网站:http://www.Python.prg找到下载页面下载需要的版本,可下载python2.x或者pyth ...

  9. Django实现注册页面_头像上传

    Django实现注册页面_头像上传 Django实现注册页面_头像上传 1.urls.py 配置路由 from django.conf.urls import url from django.cont ...

随机推荐

  1. event.preventDefault()

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  2. centos6.7下编译安装lamp环境

    编译C源代码: 前提:提供开发工具及开发环境 通过“包组”提供开发组件,CentOS 6: "Development Tools", "Server Platform D ...

  3. spark性能调优：资源优化

    在开发完Spark作业之后,就该为作业配置合适的资源了.Spark的资源参数,基本都可以在spark-submit命令中作为参数设置.很多Spark初学者,通常不知道该设置哪些必要的参数,以及如何设置 ...

  4. js闭包理解实例小结

    Js闭包 闭包前要了解的知识  1. 函数作用域 (1).Js语言特殊之处在于函数内部可以直接读取全局变量 <script type="text/javascript"> ...

  5. 安装pdo.so和pdo_mysql.so还有pcntl.so扩展到php中

    1.下载源码,解压tar -xzvf php-5.4.20.tar.gz cd  /usr/local/src/php-5.4.20/ext/pdo /usr/local/php/bin/phpize ...

  6. 【原】简述使用spark集群模式运行程序

    本文前提是已经正确安装好scala,sbt以及spark了   简述将程序挂载到集群上运行的步骤: 1.构建sbt标准的项目工程结构: 其中: ~/build.sbt文件用来配置项目的基本信息(项目名 ...

  7. Python初学者笔记(4)-简单的通讯录

    要求: 编写一个简单的通讯录 1.通讯录包含至少包含姓名.电话号码.电子邮箱:2.通讯录的信息能够保存在本地磁盘:3.通讯录查找特定人员的信息:4.通讯录能够修改特定人员的信息:5.通讯录能够删除特定 ...

  8. java的基本数据类型特征

    java的数据类型分为基本数据类型和引用数据类型. 基本数据类型分为数值型.字符型(char).布尔型(boolean) 数值型变量 1.整数型 类型 占用存储空间 表示范围 byte 1字节Byte ...

  9. Excle快速输入√与×

    如何在EXCLE中快速输入√与×呢 很简单的一个小技巧,只需要在EXCLE单元格中输入P(O) 然后将其字体设置为Wingdings 2,接着就出现符号了 不信你可以试试的哦.

  10. Python数学运算

    python中的加减乘除比其他的语言简单,不需要对其赋值变量 (1)加减乘除 ) #加法 ) #减法 ) #乘法 ) #除法 5.0 ) #乘方 (2)判断 判断返回的是True或者False ) # ...