Preview only show first 6 pages with water mark for full document please download

Transcript

Soluciones IT Django es un “Framework web”, es decir, una plataforma de desarrollo enfocada al entorno web. Es muy útil, ya que proporciona una serie de herramientas para facilitar la creación de páginas, siguiendo los principios DRY (Don’t Repeat Yourself; No Te Repitas) para evitar duplicidad en las líneas de código e invertir el menor esfuerzo posible. Por ejemplo, levantar un panel de administración básico sólo requiere un par de líneas de Python. También se adscribe al diseño MVC (Modelo-Vista-Controlador), por lo que las diferentes partes del sitio están claramente separadas. Por ejemplo, el código de acceso a los datos es completamente independiente al que gobierna el aspecto externo de la página INDICE PREPARACIÓN PARA LA APLICACIÓN | CREACIÓN DE LA BASE DE DATOS | CREACIÓN DE UNA APLICACIÓN | PÁGINAS WEBS DE INTERÉS PREPARACIÓN PARA LA APLICACIÓN Una vez tengamos nuestro FreeBSD instalado, procedemos a instalar los paquetes necesarios para poder crear una aplicación web con Django. Ejecutamos la siguiente linea para asegurarnos de que los paquetes que ya tenemos están actualizados: pkg update && pkg upgrade -y Como es la primera vez que utilizamos el comando “pkg” nos pedirá que instalemos la herramienta de gestión de paquetes. A continuación instalaremos los paquetes que usaremos de aquí en adelante: page 1 / 13 Soluciones IT pkg install bash ap24-mod_wsgi4 py27-virtualenv mysql56-server Una vez se hayan instalado, cambiaremos la shell al Bash. Esto lo hacemos porque el comando virtualenv, que usaremos más adelante, funciona mejor con esta shell. Para ello simplemente debemos de introducir "bash". El siguiente paso será crear un directorio donde guardaremos los archivos de nuestra aplicación web y dirigirnos a este. mkdir -p /www/data/AplicacionWeb cd /www/data/AplicacionWeb Ahora procedemos a crear el entorno virtual para Python y a activarlo: virtualenv venv source venv/bin/activate Una vez hecho esto, nos aseguraremos de que las herramientas de Python están actualizadas e instalaremos el conector entre MySQL y Python: pip install -U setuptools pip pip install django mysql-python Por último añadiremos las siguientes lineas al archivo de configuración de FreeBSD (cuya ruta es /etc/rc.conf): mysql_enable="YES" apache24_enable="YES" Volver al principio de la página CREACIÓN DE LA BASE DE DATOS Arrancamos MySQL-Server: page 2 / 13 Soluciones IT service mysql-server start Ahora ejecutamos el siguiente comando para establecer contraseña al usuario root en MySQL y demás configuraciones: mysql_secure_installation Ejecutamos MySQL y creamos una base de datos que se llame “mysite”, por ejemplo, y luego creamos un usuario para esa base de datos: create database mysite; grant all privileges on mysite.* to 'mysite'@'localhost' identified by 'password'; Volver al principio de la página CREACIÓN DE UNA APLICACIÓN Como ejemplo, usaremos una aplicación que trate sobre un blog. Es importante que estemos en el directorio /www/data/AplicacionWeb a la hora de ejecutar los siguientes comandos. Para empezar a crear la base de nuestro proyecto escribiremos lo siguiente: django-admin.py startproject mysite . Esto nos crea una carpeta con el nombre “mysite”, que contiene cuatro archivos .py que son la base de nuestro proyecto, y además un archivo llamado “manage.py” que nos servirá para arrancar nuestra aplicación y para crear las tablas de nuestros modelos en la base de datos. Después crearemos la carpeta de nuestra aplicación ejecutando lo siguiente: django-admin.py startapp blog Esto ha creado otra carpeta llamada "blog" y otros archivos .py en su interior. page 3 / 13 Soluciones IT Ahora vamos a cambiar el archivo de configuración del proyecto. Se llama settings.py y está dentro de la carpeta "mysite". """ Django settings for mysite project. Generated by 'django-admin startproject' using Django 1.9.6. For more information on this file, see https://docs.djangoproject.com/en/1.9/topics/settings/ For the full list of settings and their values, see https://docs.djangoproject.com/en/1.9/ref/settings/ """ import os # Build paths inside the project like this: os.path.join(BASE_DIR, ... ) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # Quick-start development settings - unsuitable for production # See https://docs.djangoproject.com/en/1.9/howto/deployment/checklist / # SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = 'v!mg@fm4fvs3gct-f(4do@(+o)%xgxj$g^+m)gyh_sgepp%ulr' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True ALLOWED_HOSTS = [] # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', page 4 / 13 Soluciones IT 'blog', ] MIDDLEWARE_CLASSES = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ROOT_URLCONF = 'mysite.urls' TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, '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', ], }, }, ] WSGI_APPLICATION = 'mysite.wsgi.application' # Database # https://docs.djangoproject.com/en/1.9/ref/settings/#databases DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'mysite', 'USER': 'mysite', 'PASSWORD': 'password', 'HOST': '/tmp/mysql.sock', } page 5 / 13 Soluciones IT } # Password validation # https://docs.djangoproject.com/en/1.9/ref/settings/#auth-password-va lidators AUTH_PASSWORD_VALIDATORS = [ { 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValida tor', }, { 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', }, { 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', }, { 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', }, ] # Internationalization # https://docs.djangoproject.com/en/1.9/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.9/howto/static-files/ STATIC_URL = '/static/' page 6 / 13 Soluciones IT Hemos añadido el nombre de la aplicación a "Installed Apps" y además hemos cambiado la sección de "Database", donde hemos puesto que es MySQL, el nombre de nuestra base de datos, el usuario y la contraseña. Importante: Recuerda que tendrás que cambiar donde pone "password" y poner la contraseña que estableciste para el usuario de la base de datos. Ahora abriremos el archivo models.py, que se encuentra dentro de la carpeta "blog", y pondremos lo siguiente: from __future__ import unicode_literals from django.db import models from django.contrib import admin # Create your models here. class BlogPost(models.Model): title=models.CharField(max_length=150) body=models.TextField() time=models.DateTimeField() class BlogPostAdmin(admin.ModelAdmin): list_display = ('title', 'body', 'time') admin.site.register(BlogPost, BlogPostAdmin) Este archivo es un modelo de Django, el cual es una descripción de los datos en la base de datos, representada como código de Python. Además nos sirve para crear las tablas en nuestra base de datos, tal y como vamos a ver a continuación. Para que se cree en la base de datos lo que hemos puesto en el modelo, debemos de ejecutar las dos siguientes lineas: ./manage.py makemigrations ./manage.py migrate Recuerda que el archivo manage.py se encuentra en /www/data/AplicacionWeb. Ahora que ya tenemos nuestra tabla creada en la base de datos, vamos a proceder a entrar en el panel de administración de nuestra aplicación. page 7 / 13 Soluciones IT Para ello tenemos que crear un superusario ejecutando lo siguiente: ./manage.py createsuperuser Una vez que lo hayamos creado, arrancamos la aplicación con la siguiente linea: ./manage.py runserver 192.168.56.101:8000 Donde pone "192.168.56.101", tendrás que poner tu ip de la tarjeta host-only. Ahora abrimos un navegador, iremos a http://192.168.56.101:8000/admin y loguearemos con el usuario que hemos creado antes. Una vez logueado nos saldrá una pantalla así: Como puedes observar, dentro de Blog, está la tabla Blog posts que se ha creado a través el archivo models.py. El siguiente paso es darle a "add" y añadiremos dos o tres posts con lo que queramos. Estos se añadirán automáticamente en la base de datos cuando los guardemos. Una vez hecho esto último vamos a proceder a añadirle una vista a nuestra aplicación. Para ello vamos a crear dos carpetas dentro de la carpeta "blog": templates y static. Dentro de la carpeta "templates" crearemos un archivo HTML que se llamará archive.html y contendrá lo siguiente: {% load staticfiles %} Mi Blog en Django page 8 / 13 Soluciones IT
{% for post in posts %}
{{ post.time }}

{{ post.title }}

{{ post.body }}

{% endfor %}
Y dentro de la carpeta "static" crearemos otra carpeta llamada "css" donde crearemos un archivo llamado blog.css, cuyo contenido será el siguiente: h1 a { color: #FCA205; font-family: 'Lobster'; } .page-header { background-color: #ff9400; margin-top: 0; padding: 20px 20px 20px 40px; page 9 / 13 Soluciones IT } .page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-h eader h1 a:active { color: #ffffff; font-size: 36pt; text-decoration: none; } .content { margin-left: 40px; } h1, h2, h3, h4 { font-family: 'Lobster', cursive; } .date { float: right; color: #828282; } .save { float: right; } .post-form textarea, .post-form input { width: 100%; } .top-menu, .top-menu:hover, .top-menu:visited { color: #ffffff; float: right; font-size: 26pt; margin-right: 20px; } .post { margin-bottom: 70px; } .post h1 a, .post h1 a:visited { color: #000000; } Ahora que ya tenemos el HTML y el CSS para mostrar los blogs, vamos a modificar los archivos page 10 / 13 Soluciones IT necesarios. Primero modificaremos el archivo views.py de la carpeta "blog": from from from from django.shortcuts import render django.http import HttpResponse django.template import loader, Context blog.models import BlogPost # Create your views here. def archive(request): posts = BlogPost.objects.all() mi_template = loader.get_template("archive.html") context = {'posts':posts,} return HttpResponse(mi_template.render(context, request)) Luego editaremos el archivo urls.py de la carpeta "mysite": """mysite URL Configuration The `urlpatterns` list routes URLs to views. For more information plea se see: https://docs.djangoproject.com/en/1.9/topics/http/urls/ Examples: Function views 1. Add an import: from my_app import views 2. Add a URL to urlpatterns: url(r'^$', views.home, name='home') Class-based views 1. Add an import: from other_app.views import Home 2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='hom e') Including another URLconf 1. Import the include() function: from django.conf.urls import url , include 2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls')) """ from django.conf.urls import * from django.contrib import admin urlpatterns = [ url(r'^$', include('blog.urls')), page 11 / 13 Soluciones IT url(r'^mysite/blog', include('blog.urls')), url(r'^admin/', admin.site.urls), ] Y por último crearemos un archivo llamado urls.py en la carpeta "blog" que contendrá lo siguiente: from django.conf.urls import * from blog.views import archive urlpatterns = [ url(r'^$', archive), ] Ahora ya solo nos queda ejecutar nuestra aplicación: ./manage.py runserver 192.168.56.101:8000 ¡Y este es el resultado de nuestro blog hecho con Django! Volver al principio de la página PÁGINAS WEBS DE INTERÉS Aquí encontrarás algunas paginas webs que me han servido de ayuda y que contienen mucha información acerca de Django. Página oficial de Django LibrosWeb page 12 / 13 Soluciones IT Código Facilito Volver al principio de la página mysql_enable="YES" apache24_enable="YES"   Ahor a ejecutamos el siguiente comando para establecer contraseña al usuari o root en mysql y demás configuraciones:   page 13 / 13 Powered by TCPDF (www.tcpdf.org)