Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo Crear Un Menú De Vista De Árbol Dinámico

 En este tutorial, describiré cómo crear un menú de vista de árbol dinámico usando PHP, MySQL y css. Es una funcionalidad muy común en cualquier proyecto web, he visto muchos ejemplos de código a través de Google y he creado un menú de vista de árbol basado en la búsqueda.

En realidad, necesito crear un menú de vista de árbol de lista de tareas basado en la tarea del proyecto. Una sola tarea se puede dividir en número de subtareas, por lo que necesito agregar dinámicamente una subtarea al árbol de tareas y, mientras tanto, se refleja en la vista de árbol.


Cree Un Menú De Vista De Árbol Dinámicamente Usando PHP Y MySQL

Creemos una vista de árbol basada en MySQL y css. Crearemos una tabla de base de datos que contiene toda la información del menú del árbol.

Paso 1- Crea Una Tabla MySQL

Primero, crearemos una tabla de vista de árbol en la base de datos MySQL. esta tabla contiene cuatro columnas-

  • id - Este campo de tabla contiene la identificación de la tarea.
  • title - Esta columna contendrá el título del menú.
  • parent_id - Esta columna se utilizará para almacenar la identificación principal del menú y el nombre es el nombre de la tarea.

Paso 2: Creado index.phparchivo y creada createTreeView()método. Este método es recursivo si el ID de la tarea actual es mayor que el ID de la tarea anterior.

Paso 3: agregue el siguiente código en el archivo index.php para mostrar el menú de vista de árbol. Este es el archivo principal del ejemplo de vista de árbol, aquí llamaremos al createTreeView()método con los parámetros requeridos.

Paso 4: Creemos un style.cssarchivo CSS. Este archivo contiene todas las clases relacionadas con css. Actualmente estoy usando la lista de pedidos para crear una vista de árbol. También puede cambiar la ruta de la imagen aquí según la ubicación de la imagen.

Resultado:

vista de árbol

Demostración Y Descarga Del Código Fuente

Publicar un comentario

0 Comentarios