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

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

一.urls.py

  1. url(r'^$', 'article.views.articles'),
  2. url(r'^articles/', include('article.urls')),

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

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

二.view.py

  1. def articles(request):
  2.     args = {}
  3.     args.update(csrf(request))
  4.  
  5.     args['articles'] = Article.objects.all()
  6.     #return HttpResponse("Hello World")
  7.     return render_to_response('articles.html', args)
  1. render_to_response('articles.html', args) -- 指定对应的模板，以及传入的参数

三.articles.html及base.html

  1. {% extends 'base.html' %}
  2. {% block content %}
  3. {% for article in articles %}
  4. 	<p>{{ article.title }}</p>
  5. {% endfor %}
  6. {% endblock %}
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <link rel="stylesheet" type="text/css" href="{% static "css/base.css" %}" />
  6. </head>
  7. <body>
    　　...
  8.     <div id="content-container">
  9.         <div id="content">
  10.         {% block content %}
  11.         {% endblock %}
  12.         </div>
  13.     </div>
  14. </body>
  15. </html>
  1. {% extends 'base.html' %}, 继承模板base.html
  2. {% block content %},替换基础模板中相应内容
  3. {% load staticfiles %}, {% static "css/base.css" %} 指定static的对应路径。

其它:

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

  1. STATICFILES_DIRS = (
  2.     os.getcwd() + '/static/',
  3. )
  4. TEMPLATE_DIRS = (
  5.     os.getcwd() + '/templates',
  6. )

　　

　　

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. 为什么python2.7中用Process创建子进程的语句之前必须加#if

    from multiprocessing import Process import os def run(name): print 'The child process '%s' (pid %d) ...

  2. robotframework之APP混合H5自动化测试

    app中有webview的情况 手机淘宝的天猫国际页面是一个webview robotframework代码: *** Settings *** Suite Setup Suite Teardown ...

  3. B - Soldier and Badges

    Time Limit:3000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I64u Description Colone ...

  4. docker容器基础

    一.docker容器基础6种名称空间:UTS.MOunt.IPC.PID.User.Net (1) Linux Namespaces:namespace 系统调用参数 隔离内容 内核版本  UTS   ...

  5. 安装Nginx作为文件服务器

    我是在Windows上安装的,在Linux上也一样 #Windows server2008 R2 #Nginx1.12 Nginx安装包下载地址:http://nginx.org/en/downloa ...

  6. Hello,Cardboard!!-如何开发一个最简单的Cardboard虚拟现实应用（一）

    [原创文章,转载请注明出处,谢谢 !] 温馨提醒,本篇第一节主要介绍cardboard虚拟现实系统的组成,如果只想看如何开发的具体步骤请直接跳到第二节^_^ 前述:恕我啰嗦一下,主要照顾对cardbo ...

  7. Spring Cloud Alibaba基础教程：Sentinel Dashboard中修改规则同步到Nacos

    上一篇我们介绍了如何通过改造Sentinel Dashboard来实现修改规则之后自动同步到Apollo.下面通过这篇,详细介绍当使用Nacos作为配置中心之后,如何实现Sentinel Dashbo ...

  8. 2016 Multi-University Training Contest 1 GCD【RMQ+二分】

    因为那时候没怎么补所以就分到了未搞分组里!!!然后因为标题如此之屌吧= =点击量很高,然后写的是无思路,23333,估计看题人真的是觉得博主就是个撒缺.废话不多说了,补题... update////2 ...

  9. 几题LCS后的小总结

    先得理解最长上升子序列吧,这还是非常简单的. 然后就是要真正理解LCS: 真正理解源于做题,做题就像查漏补缺一样,你总有不会的地方. 非常彻底地理解该图(还是去做题啦) = =瞎几把乱说有两种问题 [ ...

  10. 使用PDO操作数据库的好处

    PDO一是PHP数据对象(PHP Data Object)的缩写. 并不能使用PDO扩展本身执行任何数据库操作,必须使用一个database-specific PDO driver(针对特定数据库的P ...