chapter3 - jjvillavicencio/historias-clinicas-iess-loja GitHub Wiki

Templates Django

Indice

  1. Home
  2. Modelado de Datos
  3. Base de Datos
  4. Entorno Django
  5. Templates Django
  6. Ajustes generales.
  7. Añadir Bootstrap.
  8. Añadir página home

Templates

Se va comfigurar el uso de archivos html como templates para la presentacion de los datos de nuestro proyecto en Django, la ventaja que nos facilitara el uso de templates será que no tendremos que repetir cieta estructura de la pagina que se repetirá varias veces.

Nota: Vamos a trbajar en el directorio HistoriasClinicasProject/HistoriasClinicas/

Ajustes generales

[Arriba]

  • Creamos una carpeta templates dentro de la carpeta HistoriasClinicasApp:

     mkdir HistoriasClinicas/templates
    
  • Configurar la carpeta templates en el archivo HistoriasClinicas/settings.py

    Modificamo el campo 'DIRS':[]

    TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
         'DIRS': [os.path.join(os.path.dirname(__file__),'templates'),],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
                 'django.template.context_processors.debug',
                 'django.template.context_processors.request',
                 'django.contrib.auth.context_processors.auth',
                 'django.contrib.messages.context_processors.messages',
             ],
         },
     },
    ]
    

Añadir Bootstrap

[Arriba]

  • Creamos una carpeta de nombre static :

    mkdir static
    
  • Añadimos al final del archivo HistoriasClinicas/settings.py :

    STATICFILES_DIRS=(
      os.path.join(BASE_DIR, 'static/'),
    )
    
  • Descargamos Bootstrap de su página y lo descomprimimos en la carpeta /static

Añadir página home

[Arriba]

  • Creamos archivo index.html en la carpeta HistoriasClinicasApp/templates, el contenido del archivo lo encontramos aquí

  • Crear vista, en el archivo /HistoriasClinicasApp/views.py importamos lo siguiente:

    from django.shortcuts import render, render_to_response, RequestContext
    
  • En el mismo archivo definimos la vista para el index de la siguiente forma:

    def index_view(request):
      return render_to_response('index.html', context=RequestContext(request))
    
  • Enlazamos las urls de la aplicación,en el archivo /HistoriasClinicas/urls.py en a sentencia urlpatterns = [] añadimos:

    url(r'^', include('HistoriasClinicasApp.urls')),
    
  • En la carpeta /HistoriasClinicasApp creamos un archivo llamado urls.py

  • En el archivo creado añadimos lo siguiente:

    from django.conf.urls import patterns, url
    
    urlpatterns = patterns('HistoriasClinicasApp.views',
    )
    
  • En el mismo archivo en la sentencia urlpatterns = patterns('HistoriasClinicasApp.views',) añadir lo siguiente:

    url(r'^$', 'index_view', name='index'),
    
  • Iniciamos el servidor para probar nuestro proyecto:

    python manage.py runserver

  • Abrimos la aplicación en el navegador

    http://127.0.0.1:8000/