django开发Blog(4)

简介: 改变外观 (一)新增templates目录 加入两个模版文件   (1)base.html文件     body {color: #efd; background: #435; padding: 0 5em;margin: 0}    h1 {padding: 2em 1em; backgr...

改变外观

(一)新增templates目录

加入两个模版文件

  (1)base.html文件

<html>
<style type="text/css"    >
    body {color: #efd; background: #435; padding: 0 5em;margin: 0}
    h1 {padding: 2em 1em; background: #675}
    h2 {color: #bf8; border-top: 1px dotted #fff; margin-top: 2em}
    p {margin: 1em 0}
</style>
<head>
    <title><!-- Insert your title here --></title>
</head>
<body>
    <h1>mysite.example.com</h1>
    {% block content %}
    {% endblock %}
</body>
</html>

 

(2)archive.html文件

{% extends "base.html" %}
{% block content %}
{% for post in posts %}
<h2>{{ post.title }}</h2>
<p>{{ post.timestamp }}</p>
<p>{{ post.body }}</p>
{% endfor %}
{% endblock %}

其中extends "base.html"表示将上面创建的base.html文件引入到本文件中

(二) 按照timestamp降序排列

在models.py中加入

class Meta:
    ordering=('-timestamp',)

(三)启动服务器并测试

 python -Wall manage.py runserver

-Wall参数用于调试

 

相关文章
|
4月前
|
前端开发 数据库 Python
Python Web 开发: 解释 Django 框架的 MVC 架构是什么?
Python Web 开发: 解释 Django 框架的 MVC 架构是什么?
|
4月前
|
前端开发 数据库 Docker
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
50 0
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的社区养老管理系统
基于python+django+vue.js开发的社区养老管理系统
97 1
|
9天前
|
Python
Django开发——配置环境
Django开发——配置环境
|
4月前
|
SQL 数据库 开发者
Python Web 开发: 什么是 Django ORM?如何使用它进行数据库操作?
Python Web 开发: 什么是 Django ORM?如何使用它进行数据库操作?
|
24天前
|
前端开发 测试技术 数据库
【python】为什么使用python Django开发网站这么火?
【python】为什么使用python Django开发网站这么火?
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
60 0
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
45 2
|
2月前
|
数据库 开发者 Python
Python在Web开发中的应用:Flask与Django框架介绍与实践
Python在Web开发中的应用:Flask与Django框架介绍与实践
|
2月前
|
开发框架 缓存 数据库
Python中的Web开发:Flask与Django的比较与选择
Python中的Web开发:Flask与Django的比较与选择
210 0