Python Django

HACKATHON CAMPTI
Aplicaciones web con Python y Django
Abril 2018
Sesión I – Objetivo del Hackathon
Al finalizar el hackathon, el participante reconocerá y aplicará

las técnicas y procedimientos básicos para crear un proyecto
web con Python y el Framework Django.
Sesión I - Temario
ORDEN DEL DIA ETAPA 1

1.- def bienvenida(): 5.- def modelando_Bdatos():
Presentación del equipo Identificación de tablas
diseño Relacional en Navicat
2.- def discutir_el_problema_a_resolver():
Lectura del problema y análisis 6.- def creando_el_proyecto() :
configurando environment virtual
adquiriendo paquetes
3.- def configurando_entorno_de_trabajo(): desplegando el proyecto
Instalar python 3.x configurando bdatos mysql
Instalar xammp, wamp, mamp instalando sección admin
Instalar ide pycharm
7.- def creando_mtv_noticias():
4.- class Break(models.Model): creando models noticias
comer_pizza_y_botanas = true creando templates noticias
creando views noticias
Sesión I - Temario
ORDEN DEL DIA ETAPA 2
8.- def reto():

Explicación del reto
9.- def realizar_el_reto():

Programan el reto
10.- def presentación_de_reto():

Exponen el reto por parejas
Sesión I – Presentación
EQUIPO ORGANIZADOR
Dra. Teresa de Jesús Javier Baeza

Análisis del problema
MA. José Juan Ulín Ricardez

Modelado de datos
MIS. José Ángel Jesús Magaña

Programacion del framework
MTC. José Manuel Gómez Zea

Programación del framework
EQUIPO ORGANIZADOR
Mtro. Miguel Martínez

Análisis del reto
MTI. José Javier Torres Hernández

Programación de framework
Comencemos……..
def discutir_el_problema_a_resolver():
Lectura del problema y análisis
PROCESO DE DESARROLLO
INICIO
Entender el problema y
Crear el proyecto
modelarlo Desplegar en el
navegador
Instalar y configurar
Configurar el Entorno roles y permisos
Modelar la Base de Crear models-templates- FIN

Datos views
La cámara nacional de la industria de la transformación (CANACINTRA), requiere

un sistema de noticias (BLOG), para publicar notas sobre los eventos realizados y
próximos a realizar.
El administrador del sistema podrá realizar las siguientes acciones:

• Iniciar sesión y cerrar sesión
• Crear, Actualizar y eliminar publicaciones.
• Publicar noticias.
• Aprobar y eliminar comentarios
Todos los demás usuarios son usuarios generales que pueden realizar las siguientes acciones:
• Leer publicaciones.
• Crear comentarios de las publicaciones
• La página principal del sistema debe mostrar una lista de las publicaciones más
recientes.
• En la página principal solo deben mostrarse 10 publicaciones y para acceder las

demás en pestañas de otras páginas
• El sistema debe mostrar una noticia junto con sus comentarios aprobados.
OBJETOS IDENTIFICADOS EN EL ANALISIS

Noticias
blog
Comentarios Usuarios
Configurando el entorno ……..

def configurando_entorno_de_trabajo():
Instalar python 3.x
Instalar mysql- xampp, wamp, mamp
Instalar IDE-pycharm, sublime text, visual studio code
Sesión I – Configuración del entorno
Cargar los plugins de sublime para django (menú-view-show-console)

Buscar código de configuración desde google escriba
install plugins in sublime text.
Pegar el código en la consola y dar enter.

Buscar los plugins desde la paleta de comandos (menú-tools-command palette.)
Escribir install package y

Dar enter
Instalar todos los plugins siguientes
• Anaconda
• SidebarEnhancements
• Alignment
• Colorpicker
• GitGutter
• FTPSync
• Djaneiro
• requirementstxt
• SublimeLinter
• AdvancedNewFile
• Emmet
• Markdown Preview
Pizzas is time...
Modelando la base de datos ……..

def modelando_Bdatos():
OBJETOS IDENTIFICADOS EN EL ANALISIS

Noticias
blog
Comentarios Usuarios
def modelando_Bdatos():
OBJETOS IDENTIFICADOS EN EL ANÁLISIS
NOTICIAS COMENTARIOS
USUARIO
not_id int autoincrement com_id int autoincrement
usu_id int autoincrement
not_title varchar 200 com_fk_noticia int
usu_username varchar 200
not_body longtext com_title varchar 200
Usu_password char(20)
not_created_at datetime com_body text
not_created_at datetime
not_fk_user int com_created_at datetime
com_fk_user int
Creando el proyecto ……..

Revisar la versión de python instalada
Revisar la versión de pip
Instalar el ambiente virtualenvwrapper

Crear carpeta para proyectos
Crear el ambiente virtual para proyectos
Activar un virtualenv Python con virtualenvwrapper

Instalar django framework

Creando el proyecto
Ingresamos a la carpeta del

proyecto
Sesión I – Programación del proyecto
Abriendo el proyecto en nuestro editor de código

Ejecutando el servidor web

http://localhost:8000
Actualizar paquetes o migraciones faltantes
Detener el servicio web con control + c
Instalar la librería mysqlclient

Configurar la conexión de base de datos en django

archivo settings.py
Realizamos la migración de los aplicaciones declaradas en settings.py

Observamos las tablas creadas en la base de datos

Ejecutamos el servidor de pruebas

http://localhost:8000/admin
Crear un usuario para administrar la consola

Entrar a la sección de administración con usuario y contraseña

Crear la app de noticias
Registrar la APP noticias en la configuración settings.py

Agregar el route url de la nueva APP NOTICIAS

Crear archivo url.py dentro de la APP noticias

Crear el controlador en el archivo views.py

http://localhost:8000/noticias/
Diseñar los templates

Modificamos el archivo views.py y redirigimos el controlador al template noticias/index.html
Creamos la carpeta templates y dentro la carpeta noticias y dentro el archivo index.html

Diseñamos un layout.html en nuestros templates

Enlazar nuestra página con el marco css materialize http://materializecss.com/

Copiamos el link css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

Pegamos el link en nuestro archivo layout.html en la sección de head

Agregamos la sección de header al cuerpo y la llamada de bloques de codigo

Modificamos y llamamos el layout en el template index.html

Creamos el modelo de la clase Noticias de acuerdo a la tabla

Generamos la migración al archivo 0001_initial.py

Observamos el archivo 0001_initial.py de la estructura de la base de datos

Migramos la primera tabla

Observamos que fue creada nuestra base de datos

Agregamos vinculo a la sección administrativa en el archivo admin.py

Accedemos a la sección de administración http://localhost:8000/admin

Agregamos dos noticias a nuestro base de datos desde el administrador

Cambiamos el nombre de la columna de los registros que se muestran

Reiniciamos el servidor web y volvemos a iniciarlo y observamos

Hacemos que la raíz del sitio inicie el template index de noticias agregamos la ruta en el
archivo urls.py del proyecto
Consultamos todas las noticias de 10 en 10 y pasamos el arreglo a el template

Modificamos la vista para mostrar todos los registros obtenidos mediante un ciclo for each
En el archivo index.html
Agregamos vínculos a las noticias para que visualice el contenido de la misma agregando
el a href
Damos clic en el hipervínculo y observamos que nos envia al template detalles no. 1
Diseñamos la vista y el template de el detalle de la noticia dentro del archivo view.py

Creamos el template detalles.html dentro de templates/noticias

Agregamos el route en el archivo de urls.py

Damos clic en el hipervínculo
Pagina
principal de
noticias
Detalle de la
noticia
HACKATHON CAMPTI
Aplicaciones web con Python y Django
Abril 2018

Python Django

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Python Django

Uploaded by

Copyright:

Available Formats

HACKATHON CAMPTI

Aplicaciones web con Python y Django

Al finalizar el hackathon, el participante reconocerá y aplicará

ORDEN DEL DIA ETAPA 1

ORDEN DEL DIA ETAPA 2

8.- def reto():

9.- def realizar_el_reto():

10.- def presentación_de_reto():

Dra. Teresa de Jesús Javier Baeza

MA. José Juan Ulín Ricardez

MIS. José Ángel Jesús Magaña

MTC. José Manuel Gómez Zea

Mtro. Miguel Martínez

MTI. José Javier Torres Hernández

Modelar la Base de Crear models-templates- FIN

La cámara nacional de la industria de la transformación (CANACINTRA), requiere

El administrador del sistema podrá realizar las siguientes acciones:

• En la página principal solo deben mostrarse 10 publicaciones y para acceder las

OBJETOS IDENTIFICADOS EN EL ANALISIS

Configurando el entorno ……..

Cargar los plugins de sublime para django (menú-view-show-console)

Pegar el código en la consola y dar enter.

Buscar los plugins desde la paleta de comandos (menú-tools-command palette.)

Escribir install package y

Instalar todos los plugins siguientes

Modelando la base de datos ……..

OBJETOS IDENTIFICADOS EN EL ANALISIS

Creando el proyecto ……..

Revisar la versión de pip

Instalar el ambiente virtualenvwrapper

Crear carpeta para proyectos

Crear el ambiente virtual para proyectos

Activar un virtualenv Python con virtualenvwrapper

Instalar django framework

Ingresamos a la carpeta del

Abriendo el proyecto en nuestro editor de código

Ejecutando el servidor web

Actualizar paquetes o migraciones faltantes

Detener el servicio web con control + c

Instalar la librería mysqlclient

Configurar la conexión de base de datos en django

Realizamos la migración de los aplicaciones declaradas en settings.py

Observamos las tablas creadas en la base de datos

Ejecutamos el servidor de pruebas

Crear un usuario para administrar la consola

Entrar a la sección de administración con usuario y contraseña

Crear la app de noticias

Registrar la APP noticias en la configuración settings.py

Agregar el route url de la nueva APP NOTICIAS

Crear archivo url.py dentro de la APP noticias

Crear el controlador en el archivo views.py

Diseñar los templates

Creamos la carpeta templates y dentro la carpeta noticias y dentro el archivo index.html

Diseñamos un layout.html en nuestros templates

Enlazar nuestra página con el marco css materialize http://materializecss.com/

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

Pegamos el link en nuestro archivo layout.html en la sección de head

Agregamos la sección de header al cuerpo y la llamada de bloques de codigo

Modificamos y llamamos el layout en el template index.html

Creamos el modelo de la clase Noticias de acuerdo a la tabla

Generamos la migración al archivo 0001_initial.py

Observamos el archivo 0001_initial.py de la estructura de la base de datos

Migramos la primera tabla