展示一个网页需要三部分组成:

  • urls.py -- 指定网址与对应的视图
  • views.py -- 创建试图以及指定对应的模板
  • template/*.html -- 对应的模板

一.urls.py

url(r'^$', 'article.views.articles'),

url(r'^articles/', include('article.urls')),

'article.views.articles' -- 指定具体的试图

include('article.urls') -- 指定具体应用的试图文件

二.view.py

def articles(request):

    args = {}

    args.update(csrf(request))

    args['articles'] = Article.objects.all()

    #return HttpResponse("Hello World")

    return render_to_response('articles.html', args)
render_to_response('articles.html', args) -- 指定对应的模板，以及传入的参数

三.articles.html及base.html

{% extends 'base.html' %}

{% block content %}

{% for article in articles %}

	<p>{{ article.title }}</p>

{% endfor %}

{% endblock %}
{% load staticfiles %}

<!DOCTYPE html>

<html>

<head>

    <link rel="stylesheet" type="text/css" href="{% static "css/base.css" %}" />

</head>

<body>
　　...

    <div id="content-container">

        <div id="content">

        {% block content %}

        {% endblock %}

        </div>

    </div>

</body>

</html>
  1. {% extends 'base.html' %}, 继承模板base.html
  2. {% block content %},替换基础模板中相应内容
  3. {% load staticfiles %}, {% static "css/base.css" %} 指定static的对应路径。

其它:

如果模板,静态文件不是放在应用下面的templates,statics默认路径目录下，则需要仔settings.py中定义

STATICFILES_DIRS = (

    os.getcwd() + '/static/',

)

TEMPLATE_DIRS = (

    os.getcwd() + '/templates',

)

　　

　　

Django展示第一个网页的更多相关文章

  1. django学习记录--第一个网页“hello django”

    一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...

  2. Html介绍,如何用代码展示我制作的第一个网页？

    一般来说,第一次制作个人网页的朋友们,首句基本都是你好,全世界hello world 代码展示如下: <!DOCTYPE HTML> <html> <head> & ...

  3. Django入门第一步：构建一个简单的Django项目

    Django入门第一步:构建一个简单的Django项目 1.简介 Django是一个功能完备的Python Web框架,可用于构建复杂的Web应用程序.在本文中,将通过示例跳入并学习Django.您将 ...

  4. Django加载静态网页模板

    Django加载静态网页模板 步骤: 第一步:在子系统blog根目录下新建模版目录templates,里面新建一个login.html <!DOCTYPE html> <html l ...

  5. Chrome启动后打开第一个网页很慢的解决方案

    Chrome启动后打开第一个网页很慢的解决方案 Chrome/Chromium以速度快著称,最近每当打开chrome的时候,打开第一个页面都非常慢,往往需要数十秒的时间,经分 析,应该是卡在了域名解析 ...

  6. #WEB安全基础：HTML/CSS | 0x0 我的第一个网页

    #WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需 ...

  7. html基础-html简介-第一个网页（1）

    今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助. 一.先来为大家简单普及以下html (1).html英文即:hypertext markup language ...

  8. 安卓WebView的使用，在应用程序中嵌入一个浏览器，轻松地展示各种各样的网页

    WebView 在应用程序中嵌入一个浏览器,轻松地展示各种各样的网页. 1.定义一个WebView位置 <?xml version="1.0" encoding=" ...

  9. 【JavaWeb项目】一个众筹网站的开发（三）第一个网页

    一.bootstrap 本项目采用bootstrap3 bootstrap中文网 https://www.bootcss.com/ 使用bootstrap三步: 1.导入jQuery 2.导入boot ...

随机推荐

  1. oracle long 转varchar2

    函数: /* 其中in_rowid为行id,in_owner为数据库登陆的帐号名,in_table_name为数据库表名,in_column为数据库对应long类型的表字段名称 */ CREATE O ...

  2. Opencv函数setMouseCallback鼠标事件响应

    用户通过鼠标对图像视窗最常见的操作有: 1. 左键单击按下 2. 左键单击抬起 3. 左键按下拖动 4. 鼠标指针位置移动 单次单击操作响应事件及顺序 Opencv中setMouseCallback( ...

  3. 行内元素变成会计元素block和inline-block的区别

    左边一个ul的导航,习惯了用li里面放a,想要a有个百分百宽和高,这个整个li就都可以有点击事件了,用了inline-block,宽高可以实现,但是发现一个问题,a的左边始终会有个类似于外边距的样式, ...

  4. javascript break 和continue

    break语句还可以跳出循环,也就是结束循环语句的执行. continue语句的作用为结束本次循环,接着进行下一次是否执行循环的判断. continue与break的区别是:break是彻底结束循环, ...

  5. [转载]挂接缓存管理器CcMapData()实现文件XX

    原作者Azy,发表于DebugMan论坛. ======================================================= 这个方法的最大好处在于简单~~不用分别处理~ ...

  6. Button Style

    Button Style BS_3STATE 与复选框一样本样式按钮可被单击变暗.变暗状态通常用于指示本样式的按键正处于禁用状态. BS_AUTO3STATE 与三状态的复选框一样当用户选中它本按钮样 ...

  7. vmware实现与windows下的共享文件

    1 首先你得先设置一下windows下得共享 比如是准备共享D盘 那么右击 ----->属性------->高级共享勾上就OK勒 2那么vmware怎么设置呢? 打开vmware-> ...

  8. 模板 - 字符串 - Manacher

    求最长回文子串. #include<bits/stdc++.h> using namespace std; #define ll long long ; ]; ]; int Manache ...

  9. 洛谷 - P2055 - 假期的宿舍 - 最大流

    https://www.luogu.org/problemnew/show/P2055 这是一个错误的示范. 一开始觉得就找一条路从外校同学连到本校同学然后最终从周末回家的同学流出,每个人睡后一个人的 ...

  10. 洛谷 - P1225 - 黑白棋游戏 - bfs

    神奇bug,没有记录pre就show了,找了1个小时. #include <bits/stdc++.h> using namespace std; #define ll long long ...