Paso 1: Crea un nuevo tipo de objeto
- Ve a la pestaña de Datos del editor de Bubble.io y crea un nuevo tipo de objeto. Podrías nombrarlo "PlayerScore".
- Añade campos a tu nuevo tipo de objeto, como "Username" y "Score".
Paso 2: Diseño del tablero de clasificación
- Ve a la pestaña de Diseño y dibuja un grupo repetido en tu página. Esto servirá como tu tablero de clasificación.
- Define la fuente de datos para el grupo repetido como una búsqueda de objetos "PlayerScore", ordenados por el campo "Score" en orden descendente para mostrar las puntuaciones más altas en la parte superior.
Paso 3: Poblar datos del tablero de clasificación
- Dentro de las celdas del grupo de repetición, inserta elementos de texto para mostrar el "Username" y el "Score" del jugador.
- Usa datos dinámicos para llenar estos campos con los datos correspondientes del objeto "PlayerScore" para cada celda en el grupo de repetición.
Paso 4: Crea un flujo de trabajo para añadir nuevas puntuaciones
- Añade elementos como campos de entrada y un botón de guardar para permitir a los usuarios enviar sus puntuaciones.
- Crea flujos de trabajo que se activan cuando se hace clic en el botón de guardar.
- En el flujo de trabajo, crea un nuevo objeto "PlayerScore", estableciendo el campo "Username" a la entrada del usuario y el campo "Score" a su puntuación.
Paso 5: Prueba la funcionalidad
- Previsualiza tu aplicación y añade algunos datos utilizando los campos de entrada y el botón de guardar que has creado.
- Verifica si las nuevas puntuaciones se añaden y ordenan correctamente dentro del tablero de clasificación del grupo repetido.
Paso 6: Estilo y refinado
- Aplica estilos a tus textos y elementos para que coincidan con la estética de tu aplicación.
- Configura el grupo repetido para mostrar un bonito indicador de carga mientras los datos están cargando.
Recuerda probar y depurar regularmente tu tablero de clasificación utilizando la vista previa de tu aplicación y los registros del servidor para asegurarte de que está capturando y mostrando los datos como se espera.