九 Django 1.5.4 Bootstrap

最新推荐文章于 2024-08-03 09:34:41 发布
最新推荐文章于 2024-08-03 09:34:41 发布
阅读量2.1k 收藏
点赞数
分类专栏： Django bootstrap Django 1.5.5 文章标签： django bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wcc526/article/details/14329929
版权
Django 同时被 3 个专栏收录
54 篇文章 0 订阅
订阅专栏
Django 1.5.5
51 篇文章 1 订阅
订阅专栏
bootstrap
6 篇文章 0 订阅
订阅专栏

一.base.html

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Proyecto Demo</title>
    <!-- Le styles -->
    <link href="/media/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/media/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
     <script src="/media/js/jquery.js"></script>
    <script src="/media/bootstrap/js/bootstrap.js"></script>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="brand" href="{% url vista_principal %}">Proyecto Ventas </a>
            {% if user.is_authenticated %}
            <p class="navbar-text pull-right">
              Logged in as {{ user.username }}
            </p>
            {% endif %}
            <ul class="nav">
              <li><a href="/productos/page/1/">Productos</a></li>
              <li><a href="{% url vista_contacto %}">Contacto</a></li>
              <li><a href="{% url vista_about %}">Acerca de ...</a></li>
              {% if user.is_authenticated %}
                                <li><a href="{% url vista_logout %}"> Cerrar Sesion </a></li>
                {% else %}
                                <li><a href="{% url vista_login %}"> Login </a></li>
                {% endif %}
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span9">
          <div class="hero-unit">
            {% block content %}
            {% endblock%}
          </div>
        </div><!--/span-->
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Mi Carrito</li>
              <br><p align="justify">
                      Carrito de Super
              </p>
            </ul>
          </div><!--/.well -->
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Nuevos Productos</li>
              <br><p align="justify">
                      Aquí habrán nuevos productos posterioremente
                      cargados con jquery.
              </p>
            </ul>
          </div><!--/.well -->
           <img src="/media/images/django.gif"/>
        </div><!--/span-->
      </div><!--/row-->
      <hr>
      <footer>
        <p>© Open Project 2013 </p>
      </footer>
    </div><!--/.fluid-container-->
    <!-- Le javascript
================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
  </body>
</html>


二.productos.html

{% extends 'base.html' %}
{% block title %} Lista de Productos {% endblock %}
{%block content %}
<h3>Catalogo de Productos:</h3>
{% if user.is_authenticated %}
<a href="{% url vista_agregar_producto %}">Agregar nuevo</a><br>
{% endif %}
<br>
{% if productos %}
    <table class="table table-hover">
            <thead>
                <tr>
                  <th>Producto</th>
                  <th>Precio</th>
                  <th>Stock</th>
                </tr>
        </thead>
    {% for p in productos %}
             <tbody>
                     <tr>
                                <td>{{ p.nombre }}</td>
                                <td>{{ p.precio }}</td>
                                <td>{{ p.stock }}</td>
                                <td><a class="btn" href="/producto/{{p.id}}/"><i class="icon-search"></i> Ver</a></td>
                                <td><a class="btn" href="#"><i class="icon-shopping-cart"></i> Comprar</a></td>
                        </tr>
                </tbody>
        {% endfor %}
    </table>
        
{% else %}
        <h2>No existen productos activos a la venta :( </h2>
{% endif %}
<br>
{% if productos %}
    <div class="pagination">
    <ul>
                <li><a href="/productos/page/1"> << </a></li>
        {% if productos.has_previous %}
                <li><a href="/productos/page/{{productos.previous_page_number }}/"> Prev </a></li>
        {% else %}
                <li><a href="#"> Prev </a></li>
        {% endif %}
        {% if productos.has_next %}
                <li><a href="/productos/page/{{productos.next_page_number }}/"> Next </a></li>
        {% else %}
                <li><a href="#"> Next </a></li>
        {% endif %}
                <li><a href="/productos/page/{{productos.paginator.num_pages }} "> >> </a><li>
        </ul>
        </div>
        <h4> Página {{ productos.number }} de {{ productos.paginator.num_pages }}</h4>
{% endif %}
{% endblock %}


三.效果如图


四.Contacto.html

{% extends 'base.html'%}
{% block title %}Contactanos {% endblock %}
{% block content %}
<br>
{% if info_enviado %}
        Gracias por enviar un comentario, nos pondremos en contacto contigo.
        <br>
        La informacion recibida fue la siguiente<br>
        <p>Email utilizado: {{email}}</p>
        <p> Titulo: {{titulo}}</p>
        <p> Texto Citado: </p><br><br> <h3>{{texto}}<h3>
{% else %}
        <form action="." method="POST">
                {% csrf_token %}
                {{form.as_p}}
        <button class="btn btn-primary" type="submit">Enviar Comentario</a>
        </form>
{% endif %}
{% endblock %}




五.SingleProducto.html

{% extends 'base.html' %}
{% block title %} Producto {{producto.nombre}} {% endblock %}
{%block content %}
<h1> {{ producto.nombre }}</h1><br>
<img src="/media/{{ producto.imagen }}" width="150px" heigth="150px"/>
<p> {{ producto.descripcion }}</p>
<p> ${{ producto.precio }}</p>
<p> Cantidad en Existencia: {{ producto.stock }} Unidades </p>
{% if producto.stock > 0 %}
        <a class="btn btn-primary" href="#"> Comprar Producto </a>
{% endif %}
<a class="btn btn-primary" href="javascript:window.history.go(-1);"> Regresar a la Lista </a>
{% endblock %}



六.login.html

{% extends "base.html" %}
{% block title %} Login {% endblock %}
{% block content %}
<form action="." method="POST">
        {% csrf_token %}
        {{ mensaje }}
        {{ form.as_p }}
        <button class="btn btn-primary" type="submit"> Login </button>
</form>

{% endblock %}





wcc526
关注
专栏目录
python django+bootstrap实现用户管理系统
06-28
Python Django + Bootstrap 实现用户管理系统是一种常见的Web应用开发方式，结合了Python的高效与Django框架的强大，以及Bootstrap的响应式设计。以下是对这个主题的详细解析： **Python Django** Django是Python的...
Django结合Bootstrap完美实现分页效果
01-31
在本文中，我们将深入探讨如何使用Django框架与Bootstrap前端库来实现动态、自适应的分页效果。Django是一个用Python编写的高效、可扩展的Web开发框架，而Bootstrap则是一个流行的前端开发工具，提供了丰富的UI组件...
十九 Django 1.5.4 jquery ajax bootstrap
wcc526的专栏
11-07 2697
一.views.py from django.shortcuts import render_to_response from django.template import RequestContext from demo.apps.ventas.models import producto from demo.apps.home.forms import ContactForm, Logi
Django 1.5.4 专题26 Bootstrap
wcc526的专栏
10-19 2258
一.安装 pip install django south django-bootstrap-toolkit
Django 1.5.4 专题27 pinax
wcc526的专栏
10-20 1849
一.Account Starter Project
十 Django 1.5.4 jQuery
wcc526的专栏
11-06 1142
一.base.html Proyecto Demo body { padding-top: 60px; padding-bottom: 40px; } .sidebar-nav { padding: 9px 0;
十七 Django 1.5.4 Sqlite3 Context Processors
wcc526的专栏
11-07 1500
settings.py
Django-1.5.4 安装和入门
wcc526的专栏
09-28 2334
Ubuntu下安装Djaogo 一.Django初步安装 #!/bin/bash InstallDir="/root/DjangoInstall" mkdir $InstallDir cd ~ cd $InstallDir wget https://www.djangoproject.com/m/releases/1.5/Django-1.5.4.tar.gz tar -z
26.9 Django书籍管理练习
最新发布
清风
08-03 732
1.4.1 作者表 1.4.5 完整代码 1.4.6 数据库迁移 1.5.1 作者表记录 1.5.3 出版社表记录 1.5.5 书籍作者关联表 2.1 路由层 2.3.4 主页面板
12. Django 博客项目01 表设计&注册功能&登入功能
清风
03-25 2075
1. 项目开发流程 1.1 需求分析 架构师 + 产品经理 + 开发者组长 在跟客户谈需求之前, 会大致先了解客户的需求, 然后先设计一套比较好写方案. 与客户沟通交流中引导客户往设计好方案上面靠, 形成一个初步的方案. 1.2 项目设计 架构师: 1. 编程语言选择 2. 框架选择 3. 数据库选择 3.1 主库:MySQL,postgreSQL,... 3.2 缓存数据库:redis、mongodb、memcache... 4. 功能划分
Django安装及基础配置
Wielun
01-11 942
WSGI #!/usr/bin/env python #coding:utf-8 from wsgiref.simple_server import make_server def RunServer(environ,start_response): # envirn 客服端发来的所有数据 # start_response 封装要返回给用户的数据、响应头、状态码 star...
基于django+bootstrap4实现的个人博客python(自带的后台管理系统适配手机端)
06-19
Django 自带的后台管理系统，方便对于文章、用户及其他动态内容的管理 文章分类、标签、浏览量统计以及规范的 SEO 设置 用户认证系统，在 Django 自带的用户系统的基础上扩展 Oauth 认证，支持微博、Github 等第三方...
python3.7+django+bootstrap+sqlite3 恒达科技官网实战web开发例子
11-02
在本实践项目中，"python3.7+django+bootstrap+sqlite3 恒达科技官网实战web开发例子"，我们将深入探讨如何使用这些技术构建一个功能完备的网站。Python 3.7 是一个强大而易读的编程语言，特别适合Web开发；Django是...
Python库 | django-bootstrap3-12.1.0.tar.gz
03-02
**Python库 django-bootstrap3-12.1.0** 在Python的世界里，开发Web应用程序时，框架的选择至关重要。Django，作为一个强大而高效的Web框架，因其丰富的功能和强大的社区支持而备受开发者喜爱。同时，为了简化前端...
史上最快Django 1.6.0 入门
wcc526的专栏
11-13 7619
一.基本的开发环境 Python 2.7.x easy_install and pip Git 1.7/1.8 virtualenv Django Database (SQLite, MySQL, PostgreSQL) South Text editor (Sublime, vim, Komodo, gedit)
十一 Django 1.5.4 修改个人用户信息
wcc526的专栏
11-07 4399
一.productos.html {% extends 'base.html' %} {% block title %} Lista de Productos {% endblock %} {%block content %} Catalogo de Productos: {% if user.is_authenticated %} Nuevo {% endif %} {% if pro
Django 1.5.4 专题六 login 和 logout
wcc526的专栏
10-11 4272
一.修改settings.py的APPS的内容如下
Django 1.5.4 专题23 Celery RabbitMQ
wcc526的专栏
10-19 3760
aptitude install rabbitmq-server
Django 之 十五分钟内创建博客
wcc526的专栏
11-12 3115
mkdir blog cd blog virtualenv venv source venv/bin/activate
Django集成Bootstrap 2.3.0库的使用指南
资源摘要信息:"Python库 django-staticfiles-bootstrap-2.3.0.tar.gz 是一个面向 Python 开发者的资源包，特别适用于使用 Django 框架进行后端开发的场景。该资源包提供了集成了 Bootstrap 2.3.0 的静态文件管理解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值