1.Django 使用模板页面 Django对于成体系的页面提出了模板继承和模板加载的方式. 1.导入静态页面 2.导入静态文件(css,js,images) 3.修改页面当中的静态地址 1.setting中修改配置 2.templates下创建模板页面(公有页面),不同的部分转为块标签 {% block blockname %} {% endblock %} base.html文件如下 <!doctype html> <html> <head> <meta ch…
一.定义基础模板 在html内容中定义多个block块,block由子模板引用同名block块,来决定是否替换这些部分{% block title %}一些内容,这里可不填{% endblock %}{% block content %}一些内容,这里可不填{% endblock %}{% block footer %}一些内容,这里可不填{% endblock %} 这里 title content footer 不是变量,名字自定义 block一般定义在base.html中 block是可以…
目录 1.dispatch 2.模板渲染 3.过滤器 4.标签 5.组件 6.静态文件配置 dispatch 回顾:CBV对应的URL传参 urls.py url(r'^book/(\d+)/(\d+)/', views.Book.as_view()), views.py from django.shortcuts import render, HttpResponse from django.views import View class Book(View): def get(self,re…
以前以为是用[下标],原来在模板,也作了变换,得用. 才能搞定. 如下例中的 object_list.0.server_type 'nginx' {% ifequal object_list.0.server_type 'nginx' %} <div class="uk-button-group"> <button deploy_type = "deploypkg" disabled>发布程序</button> <butto…
一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <…
前言:当我们想在页面上给客户端返回一个当前时间,一些初学者可能会很自然的想到用占位符,字符串拼接来达到我们想要的效果,但是这样做会有一个问题,HTML被直接硬编码在 Python代码之中. 1 2 3 4 def current_datetime(request):     now = datetime.datetime.now()     html = "<html><body>It is now %s.</body></html>"…
Django模板语言 标签 内置标签引用 1. autoescape 控制自动转义是否可用. 这种标签带有任何 on 或 off 作为参数的话,他将决定转义块内效果. 该标签会以一个endautoescape作为结束标签. 当自动转义生效时,所有变量内容会被转义成HTML输出(在所有过滤器生效后) 这等同与手动将escape筛选器应用于每个变量. 实例: 1)             <!-- index.html文件 --> <body>    <p>{{ text…
一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <…
目录 一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与块级标签 3.1.行内标签与块标签区别 3.2.隐藏 3.3.行内块标签 3.4.菜单示例 四.重置浏览器默认样式 4.1.CSSReset 4.1.1.MT css reset 4.1.2.PC css reset 4.1.3.PPTV css reset 4.1.4 YUI css res…
模板中的标签语言 1.if/else {% if  %} 标签检查(evaluate)一个变量,如果这个变量为真(即:变量存在,非空,不是布尔值假),系统会显示在{% if  %} 和 {% endif %}直接的任何内容. 例如: {% if a %} <p>Welcome to the weekend!</p> {% endif %} {% else %} 和 {% elif %} 标签是可选的 当然,是在根据需要来决定是否需要使用这个标签 2.布尔运算符 if标签可以使用an…