从url中也可以传递参数给后台进行处理。比如http://127.0.0.1:8001/add/?a=4&b=5。 这个链接传入a=4,b=5.后台将进行a+b的处理
新增处理函数
def add(request):

    a=request.GET['a']

    b=request.GET['b']

    return HttpResponse(str(int(a)+int(b)))
在urlpatterns中添加url(r'add/',views.add),得到的链接如下

url也可以写成如下形式：http://127.0.0.1:8001/add/4/5 相应的处理函数改成如下。传递具体的参数给函数
def add(request,a,b):

    return HttpResponse(str(int(a)+int(b)))
 
模板：
在前面讲到函数可以直接到定向到templates中的网页。其实还可以参数给网页，然后在网页中显示出来
如下的home函数，传递一个string参数给index.html
def home(request):

    string=u"网页测试"

    return render(request,'index.html',{'string':string})
网页中添加{{string}}
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<h1 style="background-color:antiquewhite;color:black;"/>hello Django</h1>

{{ string }}

</body>

</html>
还可以传递列表给网页
def home(request):

    list=["HTML","java","python"]

    return render(request,'index.html',{'list':list})
网页中添加如下：
{% for i in list %}

{{ i }}

{% endfor %}






还可以传入字典：
def home(request):

    string=u"网页测试"

    list=["HTML","java","python"]

    info={'state':u'Django','Content':u'Django学习'}

    return render(request,'index.html',{'info':info})
{% for key,value in info.items %}

{{ key }}:{{ value }}

{% endfor %}

模板中还可以获取当前的网址以及用户。只要在settings.py中添加django.template.conte
xt_processors.request以及django.contrib.messages.context_processors.messages
 
{{ request.user }}

{{ request.path }}

使用bootstrap美化模板：
前面介绍的都是如果通过后端和前端展示的模板联系起来。很多人对于前端的网页如何美化比较头疼，其实对于前端网页来说，有个快速美化和布局的组件就是bootstrap。来看下django中如何引用bootstrap。
1 首先进入bootstrap网站进行组件下载：http://www.bootcss.com/
2 点击下载Bootstrap进行下载
3 下载后得到css,img,js三个文件夹。Bootstrap就是引用这三个文件里面的引用方式来美化和布局。
4 将上述三个文件拷贝到django工程下面的static文件夹，并在django中的进行路径引用设置。在setting,py中进行如下设置：
BASE_DIR是工程的一级目录
 
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'   #若存放静态文件的static目录在app目录下，则改局生效，无需定义下面的

STATICFILES_DIRS=[os.path.join(BASE_DIR,"static")]   #＃若存放静态文件的static目录在project目录下，则用该定义

5 在网页中引用bootstrap的组件：下面部分添加在<head>中
<link href="/static/css/bootstrap.min.css" rel="stylesheet">

<link href="/static/css/bootstrap.css" rel="stylesheet">

<script src="/static/js/bootstrap.min.js"></script>

<script src="/static/js/bootstrap.js"></script>

<script src="/static/js/jquery-3.2.1.min.js"></script>
 
6 在bootstrap网页中去查找对应的模板使用样式。在组件页签中有对应的各种样板方法。还有http://www.runoob.com/bootstrap/bootstrap-tutorial.html这个网站也介绍了很多bootstrap的使用方法，可以参考。

下面设置看下结果：网页代码如下
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>欢迎来到django</title>

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <link href="/static/css/bootstrap.css" rel="stylesheet">

    <script src="/static/js/bootstrap.min.js"></script>

    <script src="/static/js/bootstrap.js"></script>

    <script src="/static/js/jquery-3.2.1.min.js"></script>

</head>

<body>

<ul class="nav nav-tabs">

  <li class="active">

    <a href="#">首页</a>

  </li>

  <li><a href="#">下一页.</a></li>

  <li><a href="#">回到首页</a></li>

</ul>

<p>这是django的测试</p>

</body>

</html>
效果如下：









 


												


											
Django之视图与模板以及在模板中使用bootstrap的更多相关文章
	

    
						
  1. django在视图中使用模板
		
    在视图中使用模板   在学习了模板系统的基础之后,现在让我们使用相关知识来创建视图. 重新打开我们在前一章在 mysite.views 中创建的 current_datetime 视图. 以下是其内容 ...
    
		
    2. 
						
  2. 【7】Django网页视图模板处理
		
    天下难事必作於易.天下大事必作於细.是以圣人终不为大,故能成其大 --老子<道德经> 本节内容 HTML页面的渲染 使用页面模板 异常处理 超链接路径处理 路由命名空间 1. HTML页面 ...
    
		
    3. 
						
  3. Django之视图层与模板层
		
    目录 视图层 小白必会三板斧 HttpResponse render redirect JsonResponse 前后端分离 FBV CBV 给CBV加装饰器 模板层 模板语法 模板传值 过滤器 语法 ...
    
		
    4. 
						
  4. django 之视图层及模板层 04
		
    目录 视图层 render方法是Template和Contex两个对象的组合使用 JsonResponse对象 CBV及源码分析 CBV 加装饰器的方式 模板层 模板语法传值 模板语法 变量 过滤器( ...
    
		
    5. 
						
  5. Django的视图层和模板层
		
    目录 一.视图层 1. 小白必会三板斧 2. JsonResponse 3. FBV与CBV 3.1 FVB 3.2 CBV 4. CBV的源码 5. 给CBV加装饰器 二.模板层 1. 模板语法 2 ...
    
		
    6. 
								
  6. 第三节：视图（Views）和模板（Templates）
		
    目录 概览 编写视图 编辑视图实际做一些事情 抛出404异常 使用模板系统 移除在代码中的硬编码网址 Url名称的命名空间 概览 视图是Django应用的网页的“类型”,一般服务于特定的功能并且有特定 ...
    
		
    7. 
						
  7. Django模板-分离的模板
		
    上一篇Django模板-在视图中使用模板最后的问题,我们需要把数据和展现分离开. 你可能首先考虑把模板保存在文件系统的某个位置并用 Python 内建的文件操作函数来读取文件内容. 假设文件保存在 E ...
    
		
    8. 
						
  8. Django 学习第二天——URL路由及模板渲染方式
		
    URL 的概念及格式: URL的引入:客户端:知道了url 就可以去进行访问: 服务端:设置好了url,别人才能访问到我 URL :网址(全球统一资源定位符):由 协议,域名(ip port) ,路径 ...
    
		
    9. 
						
  9. Django项目中模板标签及模板的继承与引用【网站中快速布置广告】
		
    Django项目中模板标签及模板的继承与引用 常见模板标签 {% static %} {% for x in range(x) %}{% endfor %} 循环的序号{% forloop %} 循环 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. QrCode C#生成二维码 及JavaScript生成二维码
			
    一 C#的二维码    示例: class Program { static void Main(string[] args) { QrEncoder qrEncoder = new QrEncode ...
    
			
    2. 
						
  2. [转] Linux 查找文件内容
			
    Linux查找文件内容的常用命令方法. 从文件内容查找匹配指定字符串的行: $ grep "被查找的字符串" 文件名例子:在当前目录里第一级文件夹中寻找包含指定字符串的.in文件g ...
    
			
    3. 
						
  3. install命令和cp命令的区别
			
    基本上,在Makefile里会用到install,其他地方会用cp命令. 它们完成同样的任务——拷贝文件,它们之间的区别主要如下: 1.最重要的一点,如果目标文件存在,cp会先清空文件后往里写入新文件 ...
    
			
    4. 
						
  4. ps命令，性能监控，grep命令
			
    Linux中的ps命令是Process Status的缩写.ps命令用来列出系统中当前运行的那些进程.ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,如果想要动态的显示进程信 ...
    
			
    5. 
						
  5. PowerDesigner中的域(Domain)的概念及应用
			
    一.概念 域:实际上就是一个取值范围,也可扩展为一个数据类型.域可以定义检查约束.取值范围.最大值.最小值.默认值等. 域是通过用户自定义类型实现的,定义一个域的后,可以实多个实体的属性共享,这也模型 ...
    
			
    6. 
						
  6. 2016.2.28 DataTable用法汇总
			
    将控件的DataSource转换为DataTable,但是,此控件的DataSource绑定时必须是DataTable,不能是List DataTable dt = (bgvRoutePortion. ...
    
			
    7. 
						
  7. SpringBoot外部配置
			
    Spring Boot的配置文件 Spring Boot使用一个全局的配置文件application.properties或者application.yml(yaml语言的配置文件),放置在src/m ...
    
			
    8. 
						
  8. opencv 美白磨皮人脸检测<转>
			
    1. 简介 这学期的计算机视觉课,我们组的课程项目为“照片自动美化”,其中我负责的模块为人脸检测与自动磨皮.功能为:用户上传一张照片,自动检测并定位出照片中的人脸,将照片中所有的人脸进行“磨皮”处理, ...
    
			
    9. 
						
  9. 关于uboot的一些优化
			
    转载于:http://blog.163.com/solylee@126/blog/static/1718231572010101910485331/ 本人的开发环境是u-boot-1.1.6版本,fe ...
    
			
    10. 
						
  10. android文件缓存管理
			
    缓存类  : public class ConfigCache { private static final String TAG = ConfigCache.class.getName(); pub ...
    
			
    11.