Django展示第一个网页
展示一个网页需要三部分组成:
- 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>
- {% extends 'base.html' %}, 继承模板base.html
- {% block content %},替换基础模板中相应内容
- {% load staticfiles %}, {% static "css/base.css" %} 指定static的对应路径。
其它:
如果模板,静态文件不是放在应用下面的templates,statics默认路径目录下，则需要仔settings.py中定义
STATICFILES_DIRS = (
os.getcwd() + '/static/',
)
TEMPLATE_DIRS = (
os.getcwd() + '/templates',
)
Django展示第一个网页的更多相关文章
- django学习记录--第一个网页“hello django”
一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...
- Html介绍,如何用代码展示我制作的第一个网页？
一般来说,第一次制作个人网页的朋友们,首句基本都是你好,全世界hello world 代码展示如下: <!DOCTYPE HTML> <html> <head> & ...
- Django入门第一步：构建一个简单的Django项目
Django入门第一步:构建一个简单的Django项目 1.简介 Django是一个功能完备的Python Web框架,可用于构建复杂的Web应用程序.在本文中,将通过示例跳入并学习Django.您将 ...
- Django加载静态网页模板
Django加载静态网页模板 步骤: 第一步:在子系统blog根目录下新建模版目录templates,里面新建一个login.html <!DOCTYPE html> <html l ...
- Chrome启动后打开第一个网页很慢的解决方案
Chrome启动后打开第一个网页很慢的解决方案 Chrome/Chromium以速度快著称,最近每当打开chrome的时候,打开第一个页面都非常慢,往往需要数十秒的时间,经分 析,应该是卡在了域名解析 ...
- #WEB安全基础：HTML/CSS | 0x0 我的第一个网页
#WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需 ...
- html基础-html简介-第一个网页（1）
今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助. 一.先来为大家简单普及以下html (1).html英文即:hypertext markup language ...
- 安卓WebView的使用，在应用程序中嵌入一个浏览器，轻松地展示各种各样的网页
WebView 在应用程序中嵌入一个浏览器,轻松地展示各种各样的网页. 1.定义一个WebView位置 <?xml version="1.0" encoding=" ...
- 【JavaWeb项目】一个众筹网站的开发（三）第一个网页
一.bootstrap 本项目采用bootstrap3 bootstrap中文网 https://www.bootcss.com/ 使用bootstrap三步: 1.导入jQuery 2.导入boot ...
随机推荐
- js获取form的方法
先来看下面代码: ? <html> <head> <scirpy> window.onload=function(){ var f1=document.f1; ...
- BroadcastReceiver中调用Service
首先是代码: package com.larry.msglighter; import android.content.BroadcastReceiver; import android.conten ...
- 用mkdirs创建目录
import java.io.*; class a { public static void main(String args[]) { createDir("c:/fuck"); ...
- 纯CSS画WP8界面
我的手机是诺基亚920,13年4月份买的.工作之余,就想用css做一下WP8的界面效果,如上图所示.不做不知道,一做还挺难的.尤其是画那个QQ 的企鹅图标,太难画了.怎么画都不像. <!doct ...
- HTML中的align和valign这两个属性
转自:https://www.douban.com/note/325833958/ align和valign属性均是规定表格相对于周围元素的对齐方式,区别就在于: 1.align属性趋向于左右对齐,其 ...
- C++ 动态多维数组的申请与释放
今天在实验室的项目中遇到了一个问题,直接上代码: void ViBe::init(Mat img) { imgcol = img.cols; imgrow = img.rows; // 动态分配三维数 ...
- A - Two Substrings
Time Limit:2000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Description You ar ...
- 2、HTML的head内标签
一.Meta(metadata information) 提供有关页面的元信息,例:页面编码.刷新.跳转.针对搜索引擎和更新频度的描述和关键词 1.页面编码(告诉浏览器是什么编码) <meta ...
- bzoj 2435: [Noi2011]道路修建【树形dp】
dp求size和deep,然后对每条边模拟求代价即可 #include<iostream> #include<cstdio> #include<algorithm> ...
- ionic4+angular7+cordova上传图片
安装插件 安装插件Image Picker $ ionic cordova plugin add cordova-plugin-telerik-imagepicker $ npm install @i ...