11. Crear plantilla de administrador

Marcar esta unidad como culminada

Tema anterior Siguiente tema

10 comentarios

Inicia sesión para comentar

Iniciar sesión

Comentarios:

Pipe Dorado hace 7 meses

tengo el mismo error que muchos de los demas no me carga la foto ya realise todos los pasos al pie de la letra como en el video ademas tambien realise el php artisan optimize:clear y no me craga la imagen demas de el error de el boton que no me despliega
y los pasos los hice conforme al video
me podrias ayudar
- Victor Arana Flores hace 7 meses
  
  Hola Pipe, si no te carga las imagenes la unica explicación es que no has seguido los pasos tal cual.
  Los errores por los que no te puede cargar una imagen son varios
  No has creado un virtualhost. Laravel utiliza la información que coloques en la variable app_url para acceder a los assets (CSS, JS, imagenes). Si no has creado un virtualhost o no has configurado correctamente el valor de la variabla app_url no podrás acceder a las imagenes.
  Estas trabajando en el disco local. El disco local te permite almacenar archivos de manera local, pero no está hecho para mostrarlo en el navegador, si necesitas mostrarlo en el navegador asegurate de trabajar en el disco public.
  No tienes generado el acceso directo al disco public. Busca en la carpeta public si hay un acceso directo llamado storage. Debe ser un acceso directo, no una carpeta. De no existir, o de ser una carpeta, eliminala, y ejecuta php artisan storage:link
  Quedo cacheado tu configuración. Si es el caso se soluciona ejecutando php artisan optimize:clear
- Pipe Dorado hace 7 meses
  
  si muchas gracias ya lo solucione
Luis Cesar Tafur Torres hace 7 meses

hola victor buenas tengo el mismo problema que cambie el archivo FILESYSTEM_DISK=local por FILESYSTEM_DISK=public y aun no me sale la foto alguna solución
- Kleyver hace 7 meses
  
  yo volvi a recrear y el proyecto y solvente
- Luis Cesar Tafur Torres hace 7 meses
  
  también me funcionó ello, gracias por la respuesta
- Victor Arana Flores hace 7 meses
  
  Es probable es que hayan tenido almanecado en cache la configuracion. Cuando eso ocurra, ejecuten php artisan optimzan:clear
Kleyver hace 7 meses

hola victor buenas cambie el archivo FILESYSTEM_DISK=local por FILESYSTEM_DISK=public y aun no me sale la foto alguna solucion
- Victor Arana Flores hace 7 meses
  
  Hola Kleyver, ejecuta en la terminal php artisan optimize:clear
- Kleyver hace 7 meses
  
  gracias vic 👍
Luis Fernando Angulo Heredia hace 11 meses

tengo un inconveniente, no me despliega el dropdown para ver mi nombre de usiario al momento de estar autenticado, tampoco me da desde mi navigation-menu.blade.php
- Torres Rocha Luis Alejandro hace 7 meses
  
  tengo el mismo problema
- Victor Arana Flores hace 7 meses
  
  Hola, te recomendarias que veas los primeros capitulos donde explico la instalación y configuracion necesaria para que todo funcione correctamente.
- Edinson Jaime Uriarte Cieza hace 5 meses
  
  tengo el mismo problema y he seguido los pasos tal cual
Marco A. Yanez hace 11 meses

Oka… en el minuto 20:40 ..mencionas que necesitamos tener bien seleccionado el disco donde se guardan los archivos de lo contrario no lograremos ver la foto…
- Victor Arana Flores hace 11 meses
  
  Genial :D
Marco A. Yanez hace 11 meses

En la Documentación Oficial de Laravel hacen referencia a una configuración disk public incluido en la de su aplicación filesystems El archivo de configuración está destinado a archivos que van a ser accesibles al público. Por defecto, el disco public utilizan el driver local y almacena sus archivos enstorage/app/public. la configuración por defecto da acceso a estos archivo solo de forma local
- Victor Arana Flores hace 11 meses
  
  Hola Marco así es :D tienes que cambiarlo al disco public.
  
  En el capitulo 31 si no me equivoco cambio la configuracion del disco, ya que es a partir de ese capitulo donde empezamos a trabajar con imagenes.
Marco A. Yanez hace 11 meses

Mi estimado victos…Todo bien y al detalle… Peroooo… al llegar al minuto 19:50 donde se muestra la imagen del usuario en el avatar craks…, cuando solo se muestra las iniciales en el avatar..perfecto el problema se presenta al cargarle una fotografía, el avatar toma es el nombre del usuario.. existirá alguna configuración adicional que no se esta realizando?

Otra podría ser que entre tantos proyectos podría ser que realizaste ese PASO o configuración pero olvidaste mencionarlo en el vídeo …
- Victor Arana Flores hace 11 meses
  
  Hola Marco, asegurate de estar trabajando en el disco public, de lo contrario no podrás acceder a las imagenes subidas.
  Ve al archivo .env, busca la variable FILESYSTEM_DISK y asignale el valor de public.
  Tambien asegurate de haber generado un virtualhost, y el dominio que hayas generado asignaselo a la vairable APP_URL dentro de tu archivo .env
  Con eso debes solucionar el problema :D
Jose Alejandro Sanchez hace 1 año

muy bueno, que hagas ese análisis de del scroll me ha pasado, continuo, claro entiendo la z es para el orden de prioridad en el diseño, pasara con dvh pero por el tamaño

Blanca Segura hace 1 año

Problema: No abre el menu en formato sm.
Mi código de “sidebar.blade.php”:

-----------------

<aside id="logo-sidebar"
class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0 dark:bg-gray-800 dark:border-gray-700"
:class="{
'translate-x-0 ease-out'; sidebarOpen,
'-translate-x-full ease-in': !sidebarOpen
}"
aria-label="Sidebar">

y en admin.blade.php
--------------------

<body class="font-sans antialiased"
x-data="{
sidebarOpen: false
}"
:class="{
'overflow-y-hidden': sidebarOpen
}">

-----------------------------------------------------------

navigation.blade.php

<div class="flex items-center justify-start rtl:justify-end">
                <button x-on:click="sidebarOpen = !sidebarOpen"
                    data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar" type="button"
                    class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg sm:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">
                    <span class="sr-only">Open sidebar</span>
                    <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
                    </svg>
                </button>
                ........

Cualquier ayuda … será bienvenida

Victor Arana Flores hace 1 año

Hola Blanca, en tu navegador da click derecho inpeccionar e indicame que te aparece

Blanca Segura hace 1 año

Hola Víctor, muchas gracias. Te envío el texto que aparece:
<div class="fixed inset-0 bg-gray-900 bg-opacity-50 z-20 
sm:hidden" x-show="sidebarOpen" x-on:click="sidebarOpen = false">

Victor Arana Flores hace 1 año

Hola Blanca, lo que requiero es que me pases lo que aparece en consola.
Emmanuel Montoya Lòpez hace 11 meses

Hola blanca, el error parece ser este, las comillas de el objeto deben ser simples para que no hayan conflictos con las de afuera
:class="{ 'translate-x-0 ease-out': sidebarOpen, '-transalte-x-full ease-in': !sidebarOpen }" aria-label="Sidebar">

Nicole G hace 1 año

Yo estoy utilizando adminlte:( espero no tener inconvenientes con el panel administrativo y el ecommerce
- Steven Ortiz hace 1 año
  
  Hola perdón por metiche pero porque utilizas ese es mejor que el que esta usando en el video ?? consulto para ver si la uso también!
- Victor Arana Flores hace 1 año
  
  La diferencia principal es que AdminLTE ya esta hecha y que solo tienes que implementarla. Incluso hay una versión en la que puedes instalarla por composer. La desventaja (por lo menos para mi) es que esta hecha con Boostrap, y yo prefiero mil veces tailwind, ya que la considero mucho mas versatil.
  
  Y bueno, esta plantilla yo ya lo tengo creada, con todas las funcionalidades para agregar enlaces, mostrar enlaces segun el rol, trabajar con breadcrumb, responsiva, etc.
  
  Cada vez que necesito un panel copio la plantilla y lo uso, no tengo que estar diseñandolo desde cero.
  
  Si quieres tener una plantilla que puedes personalizar a tu gusto de manera facil, puedes optar por la que enseño en este curso. Si lo que buscas es una forma rapida de implementar puedes optar por AdminLTE