dbca django项目的基本html模板

webtemplate-dbca的Python项目详细描述


这个项目由一个包含html的基本django应用程序组成 为 Department。基本模板由一个移动友好型 HTML5模板有一个固定的顶部导航栏,外加静态资产。 该项目还包含login的函数示例 已注销模板。

基本模板基于HTML5 Boilerplate,包括 Bootstrap 3css框架。

安装

  1. 通过pip安装:pip install webtemplate-dbca
  2. 'webtemplate_dbca'添加到INSTALLED_APPS
  3. 确保包含并配置了staticfiles应用程序 正确地。
  4. 确保您定义了以下命名的url:loginlogout(此要求可以重写,请参见下文)。
  5. 通过在顶部放置以下内容来扩展包含的基础模板 你自己的模板:{% extends "webtemplate_dbca/base.html" %}
  6. 将页面内容放在所需的块中(请参见下文)。

包括css和javascript

基本模板当前包括以下css和javascript资产:

  1. 现代化(HTML5多填充)
  2. 引导程序3(css&js)
  3. jquery(dom遍历等)

可以使用extra_style或^{tt9}包含其他样式$ 积木,就像这样:

{% load static from staticfiles %}

{% block extra_style %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'css/custom.css' %}">
{% endblock %}

您还可以将base_stylebase_js块完全覆盖到 使用不同的css或js库。请注意,您还需要替换 top_navbar如果替换基本引导css&js,则阻止内容。

模板块

基本模板包含许多块标记,用于呈现 项目内容。主要模板内容块如下:

  • navbar_links-用于在顶部导航栏中定义导航链接。
  • navbar_auth-用于显示loginlogout链接。
  • page_content-用于包含页面的主要内容。
  • page_footer-用于包含页脚区域。

注意,navbar_auth块包含{% url %}templatetags 命名的url称为loginlogout。如果不需要,或者 不适合您的项目,只需重写navbar_auth块。

此外,还定义了许多上下文变量:

  • page_title-用于填充页<;title>;标记。
  • site_title-用于在顶部导航栏中填充项目标题。

上下文变量应该传递给每个视图中的模板。

示例

用窄的左侧边栏和内容填充主内容区域 填充整个屏幕宽度并将在其上优雅折叠的区域 窄显示屏或移动显示屏:

{% block page_content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2" id="sidebar">
            {% include "sidebar.html" %}
        </div>
        <div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
            {% block page_content_inner %}{% endblock %}
        </div>
    </div>
</div>
{% endblock %}

在页脚区域包含右对齐的版权行:

{% block page_footer %}
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <hr>
            <p class="pull-right">&copy; Department of Biodiversity, Conservation and Attractions</p>
        </div>
    </div>
</div>
{% endblock %}

在顶部导航栏中不包含导航链接并防止 窄显示屏上显示的“导航栏按钮”,位于^{tt22}上方$ 以及navbar_links块为空:

{% block navbar_button %}{% endblock %}
{% block navbar_links %}{% endblock %}

开发

创建一个virtualenv并使用python setup.py-q install安装本地需求

使用python run tests.py运行单元测试

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
Spring引导应用程序中的java循环视图路径异常   java在PreferenceActivity中显示ProgressDialog   java RESTEasy如何将基本身份验证设置为ClientRequest   使用MongoDB进行java漏斗分析?   java JUnit系统日期   java创建一个集合,每个类有一个对象   java如何在子模块项目中测试Springbean   java Websocket服务器Android   javaitext:如何在新页面上重复表单元格内容?   java一旦spring mvc样板项目建立起来,python/RoR的开发速度会更快吗?   java为什么Maven Tycho不能在工具链中找到正确的JDK。xml?   Java Selenium获取用于单击的元素   java如何使用嵌套的if语句而不是系统阻止程序在blueprint类中运行。出口(0);?   java模板聚合匹配和投影一个没有id的字段   java您的内容必须有一个id属性为“安卓”的TabHost。安卓应用程序的R.id.tabhost错误   JavaEclipseLink 1.2和BatchFetch   java如何更改HttpClient中的超时值?   java在toString方法中将对象转换为特定数据类型   java正在跳过运行for循环