本文介绍的是在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. 查看软、硬raid信息的方法

    软件raid:只能通过Linux系统本身来查看cat /proc/mdstat可以看到raid级别,状态等信息. 硬件raid:最佳的办法是通过已安装的raid厂商的管理工具来查看,有cmdline, ...

  2. 利用js的for循环实现一个简单的“九九乘法表”

    For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算 ...

  3. 定时重启Apache与MySQL方法

    可以定时重启apache服务器等.让网站运行的效果更快. 采用at命令添加计划任务. 有关使用语法可以到window->“开始”->运行“cmd”->执行命令“at /”,这样界面中 ...

  4. android Material Design:主题

    <style name="MyTheme" parent="@android:style/android:Theme.Material"> < ...

  5. 开源web终端ssh解决方案-gateone简介

    好久都没来写博客,最近忙啥去了呢? 一是忙于saltstack的二次开发,二是云计算的学习研究中,所以就一直没写东西,今天给大家介绍个工具. 1. 首先来说一下为什么要 web ssh? 许多人不是说 ...

  6. 【译】Spark官方文档——Spark Configuration（Spark配置）

    注重版权,尊重他人劳动 转帖注明原文地址:http://www.cnblogs.com/vincent-hv/p/3316502.html   Spark主要提供三种位置配置系统: 环境变量:用来启动 ...

  7. SQL Server 基础：Join用法

    Join(麻蛋  废话不多说 有图有真相) 测试数据脚本 CREATE TABLE Atable ( S# INT, Sname ), Sage INT, Sfrom ) ) insert into ...

  8. Show or Hide Menu List via ng-show

    <div ng-app ng-controller='MenuController'> <ul ng-show='menuState_show'> <li>Stun ...

  9. python Django 学习笔记（一）—— Django安装

    注:本人python版本2.7.5 ,win7系统 安装Django https://www.djangoproject.com/download/ 官方下载Django-1.5.5.tar.gz 1 ...

  10. openshift云计算平台diy模式安装Python2.7+Flask

    主要翻译了链接1)的教程,加上一些个人研究,步骤如下: 1) 在openshift.redhat.com申请账号,安装git for windows,然后安装gem install rhc,这些比较容 ...