32.- Curso Django 2 | Blog con Django: Barra de busqueda

#Django,#Python,#Developer.pe Agreguemos la barra de búsqueda a nuestro blog! :D
Recuerda que puedes suscribirte y dejar una manito arriba para apoyarme :D
Puedes seguirnos en nuestras Redes Sociales:
- Facebook : Developer.pe
- Instagram: Developer.pe
- Twitter: @Developerpepiur
- KZbin: Developer.pe
Cualquier duda o consulta escríbenos a nuestro correo:
- Correo: [e-mail]
O visitar nuestra web y blog! :D
- Web: www.developerpe.com

[@ivantamayo6905]

gracias, me salvaste :) muy bien explicado

[@sebastianignaciosantillan2454]

Gracias. Me sirvió mucho

[@ivantdev]

Que gran aporte. Es justo lo que andaba buscando. Muy buen contenido en tu canal!

[@guillermoyuste2412]

Muchas gracias, me resultó súper útil.

[@goldaso]

Excelente explicacion, me fue de mucha utilidad.

[@danieldaza7801]

muchas gracias, fue de gran utilidad

[@maocarinrivero8292]

Amigo eres un pro! Gracias

[@blissofking3335]

que buen vídeo

[@marceloiacobucci3305]

Estimado, estoy mezclando este tutorial con el de vistas basadas en clases. Hice el listview con el form como se indica en los videos de biblioteca. Con una barra de búsqueda como la que sale en este video para encontrar un número de expediente o su carátula (variable enviada por GET). No tengo muy en claro como recibir la variable en ese caso. He intentado con esto: class ListadoExpediente(View): model = Expediente form_class = ExpedienteForm template_name = 'expediente/listar_expediente.html' def get_queryset(self): queryset = Expediente.objects.filter(estado = True) parametro = self.kwargs.get('buscar',None) if parametro: queryset = Expediente.objects.filter( Q(expediente = parametro), Q(caratula = parametro) ).distinct() return queryset def get_context_data(self, **kwargs): contexto = {} contexto['expedientes'] = self.get_queryset() #agregamos la consulta al contexto contexto['form'] = self.form_class return contexto def get(self, request, *args, **kwargs): return render(request, self.template_name, self.get_context_data())

[@Developerpe]

Si estás enviando parámetros para búsquedas por GET los podrás obtener del request.GET ya que allí están llegando a tu vista, y este dato enviarlo a tu get_queryset o get_context_data, dependiendo como lo quieras definir.

[@fernandotoffanin5551]

Alguien pudo solucionar el problema de la barra de búsqueda que aparece debajo de la imagen?

[@rafaelrafael4843]

Oliver para que funciona en este ejemplo el distinct(), hice muchismas pruebas quitando el distinct() y funciona exactamente igual... Pensando por partes estoy checando que valida una consulta de titulo contains si lo encuentra pues me trae el objeto, luego hace otra consulta y si me encuentra otro objeto que tenga el atributo repetido de todas formas me lo trae... No sera que el distinct() no funciona en SQLITE3 ?

[@cristianance8889]

Hay algo que se nos pasa por el alto con el buscador. Es que al buscar, tambien nos va a traer post que no queremos mostrar (desactivados) que matcheen con la busqueda. No encontré solución aún pero menciono esto por si a alguien le sirve

[@peterameghino]

Buenas tardes! Muy útil! Gracias. Consulta, hay algún repo de donde obtener el blog para trabajar en mi lab?

[@robertoceratti5523]

,aster en que minuto esta lo del h1 con el mensaje de no hay post gracias

[@abnereliberganzahernandez6337]

muy buen video!! mira yo tengo un proyecto donde tenia un buscador y hacia una consulta, pero tenia el inconveniente que solo me buscaba exacto, con este video resolvi el problema pero tengo tambien el siguiente problema que tal si alguen escribe un poco mas de la cuenta? en ese caso si esta lo que el quiere buscar pero como contiene mas no hace la consulta. hay alguna forma de solucionar el problema? el problema se da por ejemplo aqui: si busco: casco lo encuentra si busco: casco de motos lo encuentra pero... si busco casco de motos no lo encuentra ya se que casi nadie va escribir tan mal pero suele pasar existe algun modo?

[@alexpimentelminga6551]

Si quiero que a medida que vaya escribiendo me muestre las coincidencias? como lo haría.

[@hebertvillafuerte7223]

amigo en el listado de post , en el index quiero agregar un parrafo mostrando de una vez que categoría es el post , como lo agrego {{post.categoria}} no me funciona :c

[@Developerpe]

Hola Hebert, sale algún error cua do intentas realizarlo o simplemente no sale nada? 🤔🤔

[@jmf2998]

Cual es la url del repositorio ? Gracias

[@fernandotoffanin5551]

Buenas, e copiado los archivos CSS que descargue de github y al continuar con el video, la barra de búsqueda me sale más abajo de lo mostrado en el video. Siendo más específico fuera de la imagen de fondo pero encima del encabezado del primer post. Alguna ayuda por favor. Gracias

[@rubensanchez9422]

En el archivo "index.html", donde se importa el css "clean-blog.min.css" se debe actualizar el nombre a "clean-blog.css". Ese archivo es el que contiene las líneas de código que suben la barra de búsqueda: ".search{ margin-top: -180px; }". Si al cambiar el nombre del css no funciona puede ser porque se esté usando una versión anterior del archivo (la última está en github "github.com/developerpe/django_blog/tree/master/static/css"). Se debe descargar la versión de "clean-blog.css" que está en github. En caso de que siga sin funcionar deben limpiar la caché y archivos del navegador, para que cargue la última versión de "clean-blog.css". Esto último solucionó el problema para mi.

[@fernandotoffanin5551]

@@rubensanchez9422 Muchas Gracias.. Lo pude solucionar

[@cristianlaguna1158]

al momento de darle al boton buscar me llega este error = Field 'id' expected a number but got 'titulo'. ¿alguien sabe por qué?

[@cristianlaguna1158]

y tambien me sale = Related Field got invalid lookup: icontains

[@danieltornero5523]

La barra de búsqueda me sale más abajo de lo mostrado en el video. Siendo más específico fuera de la imagen de fondo pero encima del encabezado del primer post. Alguna sugerencia? gracias

[@jmf2998]

@Camilo Alejandro Lesmes Leguizamo Cual es la url del repositorio? Gracias

[@alexalvarez5058]

@Camilo Alejandro Lesmes Leguizamo Yo en el index.html en la parte de importación de css importa el clean-blog.min.css a lo que borre el .min y quedo igual que el video

[@rubensanchez9422]

En el archivo "index.html", donde se importa el css "clean-blog.min.css" se debe actualizar el nombre a "clean-blog.css". Ese archivo es el que contiene las líneas de código que suben la barra de búsqueda: ".search{ margin-top: -180px; }". Si al cambiar el nombre del css no funciona puede ser porque se esté usando una versión anterior del archivo (la última está en github "github.com/developerpe/django_blog/tree/master/static/css"). Se debe descargar la versión de "clean-blog.css" que está en github. En caso de que siga sin funcionar deben limpiar la caché y archivos del navegador, para que cargue la última versión de "clean-blog.css". Esto último solucionó el problema para mi.

[@Developerpe]

Pues gracias por ayudarme a responder, como mencionan los estilos fueron modificados por lo que si los desean igual deben copiar los del repositorio que si están actualizados, muchas gracias y me alegra que se ayuden entre si. 😊😊😊💪💪

[@yoydev]

Aqui lo interesante es porque no usar este metodo: {% if request.path == '/' %}muestra el buscador{% endif %} Y con eso ya estuvo.

[@marcelocee9359]

A mi también me sale la barra de Buscar mas abajo, debajo de la imagen del encabezado y sin estilo.

[@alexalvarez5058]

​@Camilo Alejandro Lesmes Leguizamo Yo en el index.html en la parte de importación de css importa el clean-blog.min.css a lo que borre el .min y quedo igual que el video

[@josetanta]

mano dale esto en tu index.html

[@cleimangerman]

hola En la terminal de la BBDD me salta esto : [10/Jul/2019 11:39:55] "GET /static/css/clean-blog.css HTTP/1.1" 200 9787 Traceback (most recent call last): File "c:\users\usuario\appdata\local\programs\python\python37-32\Lib\wsgiref\handlers.py", line 138, in run self.finish_response() ------------------------------------------------------------ ConnectionAbortedError: [WinError 10053] Se ha anulado una conexión establecida por el software en su equipo host ----------------------------------------------------------- Exception happened during processing of request from ('127.0.0.1', 61072) Traceback (most recent call last): ----------------------------------------------------------- ConnectionAbortedError: [WinError 10053] Se ha anulado una conexión establecida por el software en su equipo host During handling of the above exception, another exception occurred: Traceback (most recent call last): File "c:\users\usuario\appdata\local\programs\python\python37-32\Lib\wsgiref\handlers.py", line 141, in run self.handle_error() ---------------------------------------------------------- return self.environ['SERVER_PROTOCOL'].upper() != 'HTTP/0.9' TypeError: 'NoneType' object is not subscriptable During handling of the above exception, another exception occurred: Traceback (most recent call last): File "c:\users\usuario\appdata\local\programs\python\python37-32\Lib\socketserver.py", line 650, in process_request_thread ----------------------------------------------------------------- File "c:\users\usuario\appdata\local\programs\python\python37-32\Lib\wsgiref\simple_server.py", line 35, in close self.status.split(' ',1)[0], self.bytes_sent AttributeError: 'NoneType' object has no attribute 'split' y en la terminal de el navegador CSS3121: La consulta multimedia -ms-viewport quedó obsoleta ya apague y arranque el servidor y pasa lo mismo salta este error sigue trabajando un rato y se cuelga Tenes idea de que se tarta?

[@cleimangerman]

creo que es por los static de bootstrap

[@Developerpe]

La verdad es que no sabría porqué ha sucedido, primera vez que veo ese error 🤔 de la nada te salió?

[@cleimangerman]

no se, no lo había notado antes la primera vez que paso se colgó el servidor después reinicie y el error sigue cada vez que paso de un template a otro aparece, pero continua trabajando bien el servidor también note un error que solo aparece en la terminal del navegador cada vez que uso el buscador del blog : 0: Unable to get property 'SavePersonalAndPaymentData' of undefined or null reference Autoformfill_ContentScript.js (1,20660) Entro a Autoformfill_ContentScript.js (1,20660) ….. parece ser un problema de js del navegador, pero no modifica el funcionamiento i({command:"document.activity",type:"activate"})},!1),window.addEventListener("unload",function(){i({command:"document.activity",type:"unload"})},!0),window.addEventListener("scroll",p),window.addEventListener("resize",function(){if(n)i({command:"document.activity",type:"resize"}),f(__gMsEdge.common.currentFieldName,"PageResized"),__gMsEdge.core.clearFormCache()},!1),__gMsEdge.core.clearFormCache=function(){__gMsEdge.currentFieldFormCache={};__gMsEdge.isCurrentFieldFocusEventAdded={}},document.addEventListener("submit",function(n){var u=n.target;let f=__gMsEdge.common.getFormIdentifier(u),i=!0;if(t[f]&&(s(f,__gMsEdge.submitTrigger.SubmitEvent)||(i=!1)),!n.defaultPrevented||i){let r=__gMsEdge.saveType.SavePersonalAndPaymentData;n.defaultPrevented?r=__gMsEdge.saveType.SaveOnlyPaymentData:i||(r=__gMsEdge.saveType.