本文介绍的是在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. 字符串匹配KMP算法

    1. 字符串匹配的KMP算法 2. KMP算法详解 3. 从头到尾彻底理解KMP

  2. Show Users Assigned to a Specific Role

    In a previous post I showed you how to know what Roles are assigned to a specific user. But here is ...

  3. vue中的重要特性

    一.vue中的自定义组件 html的代码: <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  4. c#操作Zip压缩文件

    SharpZipLib 文件/文件夹压缩 一.ZipFile ZipFile类用于选择文件或文件夹进行压缩生成压缩包. 常用属性: 属性 说明 Count 文件数目(注意是在ComitUpdat之后才 ...

  5. canvas绘制文字

    绘制字体时可以使用fillText方法或者strokeText方法. fillText方法用填充的方式来绘制字符串 context.fillText (text, x,y,[maxwidth]); s ...

  6. 如何在linux中配置PHP环境

    yum -y install httpd php mysql mysql-server php-mysql//安装mysql扩展yum -y install mysql-connector-odbc( ...

  7. 索尼MT27i Android2.3.7 线刷Android4.04

    Author:KillerLegend From:http://www.cnblogs.com/killerlegend/p/3733150.html Date:2014.5.16 工具:Window ...

  8. 关于 mvc 中 连字符 - 和下划线 _转换的问题。

     [潜水]大崔||哈尔滨(759666247) 10:02:16  如图   C#不承认 “-”[知府]古道今-湖北\xig<systemobject@126.com> 10:03:54  ...

  9. 第七节：使用实现了dispose模式的类型

    知道类型如何实现dispose模式之后,接下来看一下开发人员怎样使用提供了dispose模式的类型.这里不再讨论前面的SafeHandle类,而是讨论更常用的FileStream类. 可以利用File ...

  10. WPF 多项选择下拉菜单

    背景 项目中有一个多项选择筛选的功能, 由于筛选条件太多, 用户又习惯在平板上进行操作, 所以要求我们把checkbox 放到一个combobox里面, 然后checkbox的选项要在combobox ...