(Django)

组件:本质上就是将一个写好的功能模块的html文件直接引入html目标文件,利用其功能.

标准语法:

　　{% include 'html文件名' %}

如:{% include 'navbar.html' %} 可以放在任何先要放的位置

实例:

导航功能组件代码:





<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

{#    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">#}

    <style>

        .c1{

            background-color: blue;

            height: 38px;

        }

        }

    </style>

</head>

<body>

<div>

    <div class="c1">

        <a href="" class="c2">qq</a>

        <a href="">message</a>

    </div>

</div>

{#<script src="jquery-3.2.1.min.js"></script>#}

{#<script src="bootstrap/js/bootstrap.min.js"></script>#}

</body>

</html>




目标文件 




<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

{#    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">#}

</head>

<body>

{% include 'zu.html' %}

<ur>

    <li>1</li>

    <li>2</li>

    <li>3</li>

</ur>

{#<script src="jquery-3.2.1.min.js"></script>#}

{#<script src="bootstrap/js/bootstrap.min.js"></script>#}

</body>

</html>


												


											
django之组件的更多相关文章
	

    
						
  1. django Form组件
		
    django Form组件 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1.创建 ...
    
		
    2. 
						
  2. python 全栈开发，Day98(路飞学城背景,django ContentType组件,表结构讲解)
		
    昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery ...
    
		
    3. 
						
  3. 9.24 Django Form组件
		
    2018-9-23 20:10:04 这两天优化了自己图书管理系统 github 连接:https://github.com/TrueNewBee/pythonDemo 顺便整理了博客,写了好多总结, ...
    
		
    4. 
						
  4. django -----分页器组件
		
    分页器组件 本文目录 1 Django的分页器(paginator)简介 2 应用View层 3 模版层 index.html 4 扩展 回到目录 1 Django的分页器(paginator)简介  ...
    
		
    5. 
						
  5. Django - Xadmin 组件（一）
		
    Django - Xadmin 组件(一) Web 应用中离不开的就是后台管理, Django 自带的 admin 组件提供了一部分内容,但往往现实项目中会有更多的需求,所以自定义自己的后台管理就十分 ...
    
		
    6. 
						
  6. Django forms组件里的ChoiceField、ModelChoiceField和ModelMutipleChoiceField的区别
		
    阅读简要 首先我们要明白Django forms组件里的ChoiceField.ModelChoiceField和ModelMutipleChoiceField是继承关系 ChoiceField 1. ...
    
		
    7. 
						
  7. Django—Form组件
		
    Django From简介 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比 ...
    
		
    8. 
						
  8. django form组件  cookies,session
		
    django form组件 渲染标签  就是组件里面的字段在前端展示叫做渲染标签 校验数据  用户输入的数据提交给后端组件叫做校验数据 forms组件中定义的字段都是必须传值的(required=Tr ...
    
		
    9. 
						
  9. Django框架（十四）—— Django分页组件
		
    目录 Django分页组件 一.分页器 二.分页器的使用 三.案例 1.模板层 2.视图层 Django分页组件 一.分页器 数据量大的话,可以分页获取,查看 例如:图书管理中,如果有成千上万本书,要 ...
    
		
    10. 
						
  10. 自定义 Django admin 组件
		
    摘要:学习 Django admin 组件,仿照源码的逻辑,自定义了一个简易的 stark 组件,实现类似 admin 的功能. 可自动生成 url 路由,对于model 有与之相应的配置类对象,可进 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 洛谷P1039 侦探推理（模拟）
			
    侦探推理 题目描述 明明同学最近迷上了侦探漫画<柯南>并沉醉于推理游戏之中,于是他召集了一群同学玩推理游戏.游戏的内容是这样的,明明的同学们先商量好由其中的一个人充当罪犯(在明明不知情的情 ...
    
			
    2. 
						
  2. Rhel6.5 相关操作
			
    Rhel 将光盘挂载动作 操作部分1 挂载光盘 https://jingyan.baidu.com/article/e52e3615a9c19440c60c5121.html ls -l /dev | ...
    
			
    3. 
						
  3. python数据类型（字符串、列表操作）
			
    一.整形和浮点型整形也就是整数类型(int)的,在python3中都是int类型,没有什么long类型的,比如说存年龄.工资.成绩等等这样的数据就可以用int类型,有正整数.负整数和0,浮点型的也就是 ...
    
			
    4. 
						
  4. 【转载】许纪霖教授在上海财经大学演讲——漫谈“大学生的四个Learn”
			
    这几年,越来越多的大学毕业生抱怨找不到合意的工作.很多单位又感叹,找一个称职的大学生真难.这就形成一个非常大的反差和矛盾.那么,社会究竟需要怎样的大学生?我们的大学到底应该培养怎样的大学生?我们作为大 ...
    
			
    5. 
						
  5. (转)SQLServer_十步优化SQL Server中的数据访问一
			
    原文地址:http://tech.it168.com/a2009/1125/814/000000814758_all.shtml 第一步:应用正确的索引 我之所以先从索引谈起是因为采用正确的索引会使生 ...
    
			
    6. 
						
  6. 乘法DAC一点知识
			
    在应用电路中发现乘法DAC,以前没有用过所谓的乘法DAC.查过资料发现,其实所有的DAC都可以看作是个“乘法器”-------将输入数字量与基准电压相乘. 一般DAC的输出是VOUT=VREF*D/M ...
    
			
    7. 
						
  7. (最完美)红米手机4的USB调试模式在哪里开启的经验
			
    每次我们使用安卓手机通过数据线连接上Pc的时候,或者使用的有些应用比如我们团队营销部门每次使用的应用引号精灵,之前的老版本就需要开启Usb开发者调试模式下使用,现每次新版本不需要了,如果手机没有开启U ...
    
			
    8. 
						
  8. Django基础模板层(75-76)
			
    Django框架之模板层(d75)一 模版语法之变量: ** locals() 会把*该*视图函数内的变量,传到模板    ** return render(request, 'index.html' ...
    
			
    9. 
						
  9. 用matplotlib.pyplot画简单的折线图，直方图，散点图
			
    #coding=utf-8 """ 用matplotlib.pyplot画简单的折线图,直方图,散点图 """ import matplot ...
    
			
    10. 
						
  10. nginx跨域配置（windos走过的坑）
			
    nginx下载地址: http://nginx.org/en/download.html 红圈区域是稳定版 解压之后放在文件夹就可以了. 解压后: 注意:这里面有个nginx.exe文件,一般情况下双 ...
    
			
    11.