alampard
Usuario Novato
Usuario Novato

Alguien puede decirme como hacer una página (dentro de una web) en la que desde el móvil o una app pueda escribir todos los días el menú de un restaurante y se cambie por el anterior...algo sencillo. He leido algo de que  puedo escribir en un archivo TXT en el servidor y desde la web leerlo...sería algo tan sencillo como eso pero que lo pueda reescribir desde el móvil con una app sería lo  máximo...

Avatar Image
Usuario Novato
Usuario Novato

Claro, puedo darte una guía básica sobre cómo crear una página web simple para gestionar y mostrar el menú de un restaurante. Para hacer esto, utilizarás HTML, CSS, JavaScript y posiblemente un servidor web simple. Ten en cuenta que la implementación exacta puede depender de tus necesidades específicas y del entorno en el que estás trabajando.

Aquí hay una guía paso a paso:

1. Estructura HTML básica

Crea un archivo HTML básico que contendrá la estructura de tu página. Puedes llamarlo, por ejemplo, index.html.

html

Copy code

<!DOCTYPE html>

<html lang="es">

<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <title>Menú del día</title>

   <link rel="stylesheet" href="styles.css">

</head>

<body>

   <div id="menu-container">

       <h1>Menú del día</h1>

       <div id="menu-content"></div>

   </div>

   <script src="script.js"></script>

</body>

</html>

2. Estilos con CSS

Crea un archivo CSS básico para darle estilo a tu página. Puedes llamarlo, por ejemplo, styles.css.

css

Copy code

body {

   font-family: Arial, sans-serif;

   margin: 0;

   padding: 0;

}

#menu-container {

   text-align: center;

   margin: 20px;

}

#menu-content {

   border: 1px solid #ccc;

   padding: 10px;

}

3. Scripts con JavaScript

Crea un archivo JavaScript para cargar el menú desde un archivo de texto. Puedes llamarlo, por ejemplo, script.js.

js

Copy code

document.addEventListener('DOMContentLoaded', function () {

   // Aquí cargarás el contenido del menú desde el archivo de texto o cualquier fuente de datos

   // Puedes utilizar AJAX para cargar el contenido desde el servidor

   // En este ejemplo, se carga un archivo de texto directamente

   fetch('menu.txt')

       .then(response => response.text())

       .then(data => {

           document.getElementById('menu-content').innerHTML = data;

       })

       .catch(error => console.error('Error al cargar el menú:', error));

});

4. Servidor simple

Para permitir la escritura desde el móvil, necesitarás un servidor simple. Puedes usar Node.js con Express para esto. Asegúrate de tener Node.js instalado y luego ejecuta los siguientes comandos en tu terminal:

bash

Copy code

npm init -y

npm install express

Crea un archivo llamado, por ejemplo, server.js.

js

Copy code

const express = require('express');

const app = express();

const port = 3000;

app.use(express.static('public'));

app.listen(port, () => {

   console.log(`Servidor iniciado en http://localhost:${port}`);

});

5. Archivo de menú

Crea un archivo de texto llamado, por ejemplo, menu.txt en el mismo directorio que tus archivos HTML, CSS y JS. Este archivo contendrá el menú inicial.

6. Ejecutar el servidor

Ejecuta tu servidor Node.js con el siguiente comando:

bash

Copy code

node server.js

7. Accede a la página

Abre tu navegador y accede a http://localhost:3000. Verás la página con el menú inicial.

8. Actualización del menú

Para permitir la actualización del menú desde el móvil, podrías implementar una función de edición en tu aplicación móvil que envíe una solicitud al servidor para actualizar el contenido del archivo menu.txt. Esto implica el uso de tecnologías más avanzadas como APIs REST y autenticación.

Este es un ejemplo muy básico para empezar. Si necesitas una solución más robusta, considera utilizar una base de datos y un servidor más avanzado, como Node.js con Express o Flask (para Python). Debes tener en cuenta contar con Totalplay para que tus programas corran sin problema, ni demora.

Ten en cuenta que esta es solo una guía básica y puede requerir ajustes según tus necesidades específicas y el entorno en el que estás trabajando.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares