<![CDATA[Comunidad Gambas-es - WebApp/WebForms]]> https://gambas-es.org/ Sat, 02 May 2026 05:54:14 +0000 MyBB <![CDATA[Propiedad Data.Control de la clase WebTableData]]> https://gambas-es.org/thread-1986.html Thu, 25 Sep 2025 21:13:00 +0000 omoreno]]> https://gambas-es.org/thread-1986.html
Retomando temas de Gambas WebForm:

El tercer argumento en el evento Data del objeto WebTable es una clase llamada WebTableData y una de las propiedades de esta clase es Data.Control la cual por defecto tiene un valor Null al cual se le puede asignar un Webcontrol.
La ayuda de Gambas dice: Cuando se asigna un WebControl al Data.Control, el WebControl se creara como una copia.

Con lo anterior si deseamos llenar una tabla con: texto, html, con objetos de tipo WebButton y que quede como en la figura

[Imagen: oycd7aCl.png]

Para crear cada WebButton en cada una de las filas del WebTable se requiere forzosamente un contenedor temporal y luego asignar el WebButton a la propiedad Data.Control, el problema es que si luego borras todos WebButton del contenedor temporal, los WebButton del WebTable pierden el enlace con el evento Click asignado.

¿Alguna idea de como se pueden asignar webControl al Data.Control sin tener que usar con contenedor temporal ?

Les adjunto el código fuente.

Gracias por sus posibles respuestas.
.gz
WebTableData-0.0.1.tar.gz (Tamaño: 10.64 KB Descargas: 0)
]]>
Retomando temas de Gambas WebForm:

El tercer argumento en el evento Data del objeto WebTable es una clase llamada WebTableData y una de las propiedades de esta clase es Data.Control la cual por defecto tiene un valor Null al cual se le puede asignar un Webcontrol.
La ayuda de Gambas dice: Cuando se asigna un WebControl al Data.Control, el WebControl se creara como una copia.

Con lo anterior si deseamos llenar una tabla con: texto, html, con objetos de tipo WebButton y que quede como en la figura

[Imagen: oycd7aCl.png]

Para crear cada WebButton en cada una de las filas del WebTable se requiere forzosamente un contenedor temporal y luego asignar el WebButton a la propiedad Data.Control, el problema es que si luego borras todos WebButton del contenedor temporal, los WebButton del WebTable pierden el enlace con el evento Click asignado.

¿Alguna idea de como se pueden asignar webControl al Data.Control sin tener que usar con contenedor temporal ?

Les adjunto el código fuente.

Gracias por sus posibles respuestas.
.gz
WebTableData-0.0.1.tar.gz (Tamaño: 10.64 KB Descargas: 0)
]]> <![CDATA[Nuevo manual dinámico...]]> https://gambas-es.org/thread-1934.html Wed, 16 Apr 2025 22:56:29 +0000 omoreno]]> https://gambas-es.org/thread-1934.html
Continuando con los tutoriales, acá les adelanto uno nuevo y dinámico, por ahora enfocado a los objetos de Gambas WebForm, trate de no escribir mucho para no abrumar al lector.

Con tiempo estaré completando todos los objetos que faltan y servirá como guía y pruebas cada vez que el IDE se actualice con cambios en la forma de codificar o diseñar.

Espero que este nos sirva para comprobar que todo funciona cuando se den los cambios mencionados.

[Imagen: 101nDWjl.jpeg]
22-11-2025 
En el Post #11: manual actualizado con Gambas 3.21.1  Shy

20-04-2025 
En el Post #7: manual actualizado con mas objetos...  Rolleyes

19-04-2025
 En el Post #5: manual actualizado con mas objetos.,
UPS!!!:  El archivo pesa 489.6KB no me deja adjuntarlo... Confused

16-04-2025
.gz
Manual_GambasWebForm_Objetos.tar.gz (Tamaño: 163.26 KB Descargas: 14)


Nota: para ejecutar el archivo Manual_WebForm.Gambas se puede realizar de esta forma:
  1. Descomprime el archivo Manual_GambasWebForm_Objetos.tar.gz
  2. En la carpeta donde esta el archivo GambasWebForm.gambas abrir una terminal
  3. Ejecutar con estos comandos: GB_HTTPD_PORT=8080 gbr3 --httpd GambasWebForm.gambas
  4. Abres un navegador web y colocas http://localhost:8080/
  5. Si no te funciona el paso 4 utiliza 127.0.0.1:8080 o [el IP de tu PC]:8080

Saludos.]]>
Continuando con los tutoriales, acá les adelanto uno nuevo y dinámico, por ahora enfocado a los objetos de Gambas WebForm, trate de no escribir mucho para no abrumar al lector.

Con tiempo estaré completando todos los objetos que faltan y servirá como guía y pruebas cada vez que el IDE se actualice con cambios en la forma de codificar o diseñar.

Espero que este nos sirva para comprobar que todo funciona cuando se den los cambios mencionados.

[Imagen: 101nDWjl.jpeg]
22-11-2025 
En el Post #11: manual actualizado con Gambas 3.21.1  Shy

20-04-2025 
En el Post #7: manual actualizado con mas objetos...  Rolleyes

19-04-2025
 En el Post #5: manual actualizado con mas objetos.,
UPS!!!:  El archivo pesa 489.6KB no me deja adjuntarlo... Confused

16-04-2025
.gz
Manual_GambasWebForm_Objetos.tar.gz (Tamaño: 163.26 KB Descargas: 14)


Nota: para ejecutar el archivo Manual_WebForm.Gambas se puede realizar de esta forma:
  1. Descomprime el archivo Manual_GambasWebForm_Objetos.tar.gz
  2. En la carpeta donde esta el archivo GambasWebForm.gambas abrir una terminal
  3. Ejecutar con estos comandos: GB_HTTPD_PORT=8080 gbr3 --httpd GambasWebForm.gambas
  4. Abres un navegador web y colocas http://localhost:8080/
  5. Si no te funciona el paso 4 utiliza 127.0.0.1:8080 o [el IP de tu PC]:8080

Saludos.]]> <![CDATA[Usar Jekyll con Gambas3 —o sea, gambas al yequillo—]]> https://gambas-es.org/thread-1866.html Wed, 19 Feb 2025 12:53:41 +0000 Grandamakulo]]> https://gambas-es.org/thread-1866.html Después de mucho tiempo vuelvo por estos lares a salud..., estooo, a aprovecharme de vosotros.
En fin, a lo que voy, lo del asunto, ¿cómo puedo invocar el servidor de Jekyll desde gambas?
Si escribo esto desde mi terminal, funciona:

Código:
jekyll s -s /home/francisco/Documentos/Literoj/Mi_web
Pero si lo hago desde gambas con Exec o con Shell, no me funciona:

Código:
Shell("jekyll s -s /home/francisco/Documentos/Literoj/Mi_web")

¿Alguna idea?
¡Gracias!]]> Después de mucho tiempo vuelvo por estos lares a salud..., estooo, a aprovecharme de vosotros.
En fin, a lo que voy, lo del asunto, ¿cómo puedo invocar el servidor de Jekyll desde gambas?
Si escribo esto desde mi terminal, funciona:

Código:
jekyll s -s /home/francisco/Documentos/Literoj/Mi_web
Pero si lo hago desde gambas con Exec o con Shell, no me funciona:

Código:
Shell("jekyll s -s /home/francisco/Documentos/Literoj/Mi_web")

¿Alguna idea?
¡Gracias!]]> <![CDATA[WebForm con mysql gridview]]> https://gambas-es.org/thread-1620.html Thu, 29 Feb 2024 01:46:35 +0000 alessandri]]> https://gambas-es.org/thread-1620.html Les dejo aquí un ejemplo de un proyecto con WebForm usando Mysql y GridView.

he adjutado la DB.

el usuario de la plicacion es juan y el pass 12345678, lo puden verificar en la tabla de usuarios.

Saludos.
.gz
Facturacion-especifica-sfm.tar.gz (Tamaño: 583.88 KB Descargas: 12)
]]> Les dejo aquí un ejemplo de un proyecto con WebForm usando Mysql y GridView.

he adjutado la DB.

el usuario de la plicacion es juan y el pass 12345678, lo puden verificar en la tabla de usuarios.

Saludos.
.gz
Facturacion-especifica-sfm.tar.gz (Tamaño: 583.88 KB Descargas: 12)
]]> <![CDATA[¿Cómo dibujar rectángulos 3D en WebForm?]]> https://gambas-es.org/thread-1404.html Sat, 17 Jun 2023 23:58:34 +0000 omoreno]]> https://gambas-es.org/thread-1404.html
Estoy probando con la clase Paint y el objeto WebDrawingArea.

He podido dibujar lineas, círculos y cuadrados, pero con el polígono el programa se congelaba y lo reporte en el Bugtracker.
Lamentablemente la respuesta de los desarrolladores fue que fue un error en la wiki y me respondieron:
  1. "La documentación es incorrecta: no hay ningún método Paint.Polygon() en el componente 'gb.web.gui'."
  2. "La wiki de documentación ha sido arreglada."
Sad Sad Sad

Entonces ¿cómo se pueden crear imágenes de rectángulos en 3D? ejemplo:

[Imagen: D2gDt7T.png]

Si alguien tiene alguna idea, se le agradece.

Adjunto las pruebas iniciales que he realizado.

[Imagen: dKXYACz.png]

Gracias por sus posibles repuestas.
.gz
Dibujos-0.0.1.tar.gz (Tamaño: 12.52 KB Descargas: 2)
]]>
Estoy probando con la clase Paint y el objeto WebDrawingArea.

He podido dibujar lineas, círculos y cuadrados, pero con el polígono el programa se congelaba y lo reporte en el Bugtracker.
Lamentablemente la respuesta de los desarrolladores fue que fue un error en la wiki y me respondieron:
  1. "La documentación es incorrecta: no hay ningún método Paint.Polygon() en el componente 'gb.web.gui'."
  2. "La wiki de documentación ha sido arreglada."
Sad Sad Sad

Entonces ¿cómo se pueden crear imágenes de rectángulos en 3D? ejemplo:

[Imagen: D2gDt7T.png]

Si alguien tiene alguna idea, se le agradece.

Adjunto las pruebas iniciales que he realizado.

[Imagen: dKXYACz.png]

Gracias por sus posibles repuestas.
.gz
Dibujos-0.0.1.tar.gz (Tamaño: 12.52 KB Descargas: 2)
]]> <![CDATA[Variables de session en Apache2]]> https://gambas-es.org/thread-1334.html Fri, 21 Apr 2023 21:53:57 +0000 omoreno]]> https://gambas-es.org/thread-1334.html
Alguien puede realizar la siguiente prueba:
  1. Crear el ejemplo básico de WebForm, el que se crea automático con solo seleccionar Web Form Application.
  2. Con un WebButton crean una variable de Session ejemplo: Session["DatoX"] = "Hola Mundo"
  3. Con otro WebButton muestran el contenido de la variable de session ejemplo: Message.Info(Session["DatoX"],"OK")
  4. Lo ejecutan desde el servidor incrustado de Gambas
  5. Pulsan el boton que crear la variable de session.
  6. Pulsan el botón que muestra la variable de session... todo debe funcionar bien.
  7. Pulsan F5 en el  navegador para recargar la WebApp, repiten el paso 6 ... todo debe funcionar bien.
  8. Si tienen un servidor Apache realicen la prueba desde ese servidor para comprobar que la variable de session no se borra cuando pulsan F5.
¿Alguien tiene alguna guía para configurar el servidor Apache2 en lo referente a las Sessiones?

En este post: Ejemplo WebApp estamos probando: (Login, registro de usuario, subir archivos, descargar archivos), los cuatro puntos anteriores ya los tengo probados en:
Virtual Box (Lubuntu 22.04 con Apache 2.4.)
Dentro de Apache2 tengo un servidor virtual con directivas para CGI que permiten mostrar una url: dominio.xyz.

Por ahora todo esta correcto, pero lo que no he podido hacer es configurar el Apache2 para que no me elimine las variables de Session con solo recargar la WebApp pulsando F5.

Gracias por sus posibles repuestas.
Saludos.]]>
Alguien puede realizar la siguiente prueba:
  1. Crear el ejemplo básico de WebForm, el que se crea automático con solo seleccionar Web Form Application.
  2. Con un WebButton crean una variable de Session ejemplo: Session["DatoX"] = "Hola Mundo"
  3. Con otro WebButton muestran el contenido de la variable de session ejemplo: Message.Info(Session["DatoX"],"OK")
  4. Lo ejecutan desde el servidor incrustado de Gambas
  5. Pulsan el boton que crear la variable de session.
  6. Pulsan el botón que muestra la variable de session... todo debe funcionar bien.
  7. Pulsan F5 en el  navegador para recargar la WebApp, repiten el paso 6 ... todo debe funcionar bien.
  8. Si tienen un servidor Apache realicen la prueba desde ese servidor para comprobar que la variable de session no se borra cuando pulsan F5.
¿Alguien tiene alguna guía para configurar el servidor Apache2 en lo referente a las Sessiones?

En este post: Ejemplo WebApp estamos probando: (Login, registro de usuario, subir archivos, descargar archivos), los cuatro puntos anteriores ya los tengo probados en:
Virtual Box (Lubuntu 22.04 con Apache 2.4.)
Dentro de Apache2 tengo un servidor virtual con directivas para CGI que permiten mostrar una url: dominio.xyz.

Por ahora todo esta correcto, pero lo que no he podido hacer es configurar el Apache2 para que no me elimine las variables de Session con solo recargar la WebApp pulsando F5.

Gracias por sus posibles repuestas.
Saludos.]]> <![CDATA[Apartado WEB]]> https://gambas-es.org/thread-1316.html Sun, 02 Apr 2023 23:37:58 +0000 omoreno]]> https://gambas-es.org/thread-1316.html
Pregunta la moderador jguardon: ¿Es posible que se pueda tener un apartado llamado WEB?.
Con esto se tendría en un solo lugar todo lo que este relacionado a los temas Web.

Por ahora este seria mi aporte: un PDF y un ejecutable de gambas, es como una guía inicial enfocada a las formas de presentar WebApp.
Hago la invitación solamente a los que tienen experiencia y a los que no la tienen también (osea a todos... Big Grin ).

Envíen sus correcciones o aporten lo que consideren necesario.

Nota: Intente agregar un archivo ejecutable de gambas comprimido de  en  ZIP (1.2MB), pero el sistema me dice que solo se puede 1024k.
por eso lo he guardado en google drive:

Manual_WebForm.gambas

Nota: para ejecutar el archivo Manual_WebForm.Gambas se puede realizar de esta forma:
  1. En la carpeta donde esta el archivo Manual_WebForm abrir una terminal
  2. Ejecutar con estos comandos: GB_HTTPD_PORT=8080 gbr3 --httpd Manual_WebForm.gambas
  3. Abres un navegador web y colocas http://localhost:8080/
10-04-2023:
En el post #11 tenemos el código fuente muy similar al del Manual_WenForm.gambas, con cambios solicitados por el colega tincho.

Saludos.
.pdf
Crear WebApp con Gambas3.pdf (Tamaño: 953.99 KB Descargas: 44)
]]>
Pregunta la moderador jguardon: ¿Es posible que se pueda tener un apartado llamado WEB?.
Con esto se tendría en un solo lugar todo lo que este relacionado a los temas Web.

Por ahora este seria mi aporte: un PDF y un ejecutable de gambas, es como una guía inicial enfocada a las formas de presentar WebApp.
Hago la invitación solamente a los que tienen experiencia y a los que no la tienen también (osea a todos... Big Grin ).

Envíen sus correcciones o aporten lo que consideren necesario.

Nota: Intente agregar un archivo ejecutable de gambas comprimido de  en  ZIP (1.2MB), pero el sistema me dice que solo se puede 1024k.
por eso lo he guardado en google drive:

Manual_WebForm.gambas

Nota: para ejecutar el archivo Manual_WebForm.Gambas se puede realizar de esta forma:
  1. En la carpeta donde esta el archivo Manual_WebForm abrir una terminal
  2. Ejecutar con estos comandos: GB_HTTPD_PORT=8080 gbr3 --httpd Manual_WebForm.gambas
  3. Abres un navegador web y colocas http://localhost:8080/
10-04-2023:
En el post #11 tenemos el código fuente muy similar al del Manual_WenForm.gambas, con cambios solicitados por el colega tincho.

Saludos.
.pdf
Crear WebApp con Gambas3.pdf (Tamaño: 953.99 KB Descargas: 44)
]]> <![CDATA[Webform no se inicia]]> https://gambas-es.org/thread-1164.html Mon, 09 Jan 2023 20:54:42 +0000 gartumar2]]> https://gambas-es.org/thread-1164.html
Estoy queriendo curiosear aplicaciones webform pero ya de entrada me tropiezo con un problema. Según los ejemplos y tutoriales que he visto se crea la aplicación webform, le das a ejecutar y se abre un servidor que lanza la aplicación en el puerto 8080. Pues supongo que a mi no se me lanza el servidor ya que lo único que aparece es el texto html en la consola.

Alguna sugerencia, porfa.]]>
Estoy queriendo curiosear aplicaciones webform pero ya de entrada me tropiezo con un problema. Según los ejemplos y tutoriales que he visto se crea la aplicación webform, le das a ejecutar y se abre un servidor que lanza la aplicación en el puerto 8080. Pues supongo que a mi no se me lanza el servidor ya que lo único que aparece es el texto html en la consola.

Alguna sugerencia, porfa.]]> <![CDATA[¿Cambiaron los Objetos del diseñador WebForm?]]> https://gambas-es.org/thread-869.html Wed, 06 Apr 2022 21:33:52 +0000 omoreno]]> https://gambas-es.org/thread-869.html
Si ya actualizaron a la nueva versión 3.17.1, ahora los objetos se ven tipo abstractos.

Alguien me puede confirmar esto:
  • Todos los objetos contenedores parecen WebTabPanel
  • Los WebButton se ven abstractos
Un WebButton:   [Imagen: CNe2GWa.png]

Un WebForm:
[Imagen: bkEYQh6.png]

Saludos.]]>
Si ya actualizaron a la nueva versión 3.17.1, ahora los objetos se ven tipo abstractos.

Alguien me puede confirmar esto:
  • Todos los objetos contenedores parecen WebTabPanel
  • Los WebButton se ven abstractos
Un WebButton:   [Imagen: CNe2GWa.png]

Un WebForm:
[Imagen: bkEYQh6.png]

Saludos.]]> <![CDATA[Ayuda con la funcion AddHeader de los WebForms]]> https://gambas-es.org/thread-796.html Sun, 02 Jan 2022 23:28:03 +0000 crevilla]]> https://gambas-es.org/thread-796.html
Estoy intentando hacer una página con WebForms. Deseo importar ciertas librerias (CSS y JavaScript) en la WebForm para poder utilizar otros widgets no incluidos en gambas (graficos, tablas de gannt, etc., para ver datos en forma gráfica). Según la wiki de gambas, existe la función AddHeader que supuestamente agrega una cadena a los headers de la WebForm:
Código:
Webform1.AddHeader("<link href=\"http-url-to-stylesheet" rel=\"stylesheet\" />")

Sin embargo, al ejecutar la página, mi header no aparece ser incluido (ni siquiera en el código de la página, al revisar el codigo fuente html generado)

Tiene alguien experiencia con esta función o podría decirme alguien cómo se puede incluir una librería externa (css, javascript, angular, etc..) a una página WebForm? Cualquier ayuda será muy agradecida.

CR]]>
Estoy intentando hacer una página con WebForms. Deseo importar ciertas librerias (CSS y JavaScript) en la WebForm para poder utilizar otros widgets no incluidos en gambas (graficos, tablas de gannt, etc., para ver datos en forma gráfica). Según la wiki de gambas, existe la función AddHeader que supuestamente agrega una cadena a los headers de la WebForm:
Código:
Webform1.AddHeader("<link href=\"http-url-to-stylesheet" rel=\"stylesheet\" />")

Sin embargo, al ejecutar la página, mi header no aparece ser incluido (ni siquiera en el código de la página, al revisar el codigo fuente html generado)

Tiene alguien experiencia con esta función o podría decirme alguien cómo se puede incluir una librería externa (css, javascript, angular, etc..) a una página WebForm? Cualquier ayuda será muy agradecida.

CR]]> <![CDATA[Web con gambas, a ver si entre todos lo logramos]]> https://gambas-es.org/thread-605.html Tue, 14 Sep 2021 18:46:23 +0000 tincho]]> https://gambas-es.org/thread-605.html Inicie un proyecto en gitlab para ir poniendo todo los avances, que de momento son escuetos, hasta lograr una web funcional hecha con gambas WebForms.
https://gitlab.com/belmotek/base-web
[Imagen: RAaauEp.png]

A efectos prácticos en adelante me referiré como myweb.gambas al ejecutable creado con el IDE de gambas de un proyecto web que usa el componente gb.web.gui y no  gb.web.form.

¿Que es un servidor Web?
En pocas palabras, es un servidor de red que se encuentra en un servidor físico (oops, un servidor en un servidor) y espera que un cliente envíe una solicitud. Cuando recibe una solicitud, genera una respuesta y la devuelve al cliente. La comunicación entre un cliente y un servidor se realiza mediante el protocolo HTTP. Un cliente puede ser tu navegador o cualquier otro software que hable HTTP.
Fuente: https://ruslanspivak.com/lsbaws-part1

Protocolo de transferencia de hipertexto
El Protocolo de transferencia de hipertexto (en inglés, Hypertext Transfer Protocol, abreviado HTTP) es el protocolo de comunicación que permite las transferencias de información a través de archivos (XHML, HTML…) en la World Wide Web. Fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, siendo el más importante de ellos el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse.

HTTP es un protocolo sin estado, por lo que no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de sesión, y también permite rastrear usuarios, ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.
Fuente: https://es.wikipedia.org/wiki/Protocolo_...hipertexto

Request (solicitud) - Response (respuesta)
Grambas contempla estos conceptos en el componente gb.web

gb.web.gui
Este componente permite desarrollar aplicaciones web siguiendo un modelo similar al de las aplicaciones GUI clásicas.
Sustituye al anterior componente gb.web.form, siendo más rápido y fácil de usar.
Clases
Align, Application, Arrange, Color, Key, Message, Scroll, Select, Session, WebAudio, WebButton, WebCheckBox, WebComboBox, WebContainer, WebControl, WebControlStyle, WebDateBox, WebDateChooser, WebFileButton, WebForm, WebHBox, WebHtml, WebImage, WebLabel, WebListBox, WebMenu, WebProgressBar, WebRadioButton, WebScrollView, WebSeparator, WebSlider, WebSpinBox, WebTable, WebTableData, WebTabPanel, WebTextArea, WebTextBox, WebTimer, WebTree, WebTreeData, WebVBox

gb.web
This component allows to make a web application based on a CGI script. It manages:
  • HTTP requests with the Request class.
  • HTTP response with the Response class.
  • Session management with the Session class.
  • JSP-like HTML pages rendered on the server-side with Gambas Server Pages.
  • Application - Returns information about the CGI application.
  • CGI - This class is used for managing the CGI interface.
  • Request -This class is used for managing the HTTP request.
  • Response - This class is used for generating the HTTP response.
  • Session     - This class is used for managing sessions.
  • URL - This class provides static utility methods that deal with URL strings.
  • WebPage - This class implements the Gambas JSP-like dynamic html page.
Sesión
La sesión es el lugar donde guardar las variables globales, como el programa en producción residirá en el el directorio del servidor web, luego cuando un usuario se conecte a esta aplicación, automáticamente se iniciara la sesión en la que se colocaran los parámetros de dicha conexión al servicio web. Usuario, contraseña, y cualquier otro parámetro de cualquier tipo, ya que es Variant
Agregar o editar parámetros de una sesión
Código:
Sesion["usuario"] =  "user1"
Sesion["password"] =  "ushuaia"
Sesion["ciudad"] =  "ushuaia"

Uso de cokies ??
Seguridad y control de acceso de la aplicación web ??


Problemas y soluciones
  • La web no se muestra en el navegador > Depuración / Configuración > Depurador / Usar el servidor HTTP incrustado = True
  • La web sigue sin mostrarse en el navegador > Depuración / Configuración > Entorno / GB_HTTPD_PORT = 8082 (usar un puerto diferente de 8080)
  • Los paneles no se expanden > Para ello hay que dar las propiedades H y W del contenedor en % [New]
  • Donde se coloca el archivo CSS > .public/
  • New Como se gestionan las sesiones de varios usuarios > Cada sesion sera una ejecución independiente, un proceso a parte. Es decir habrá tantos myweb.gambas corriendo en el servidor como sesiones exista.
  • New La web no se ve en el navegador > Conviene ver el archivo log de Apache /var/log/apache2/error.log
  • New Las imágenes no se muestran en la web > Hay que indicar el tamaño en px para la dimensión horizontal y para la vertical, por ejemplo 128px
Configuración del servidor Debian estable 11 (adaptación de la lista de Heberth )
  •     Actualizar el sistema
    • sudo apt update
  • Motor de bases de datos MySQL
    • sudo apt-get install mysql-server
  • Motor de bases de datos MariaDB
    • sudo apt-get install mariadb-server
  • Motor de bases de datos PosgreSQL
    • sudo apt install postgresql postgresql-contrib
  • Gambas3
    • sudo apt update
    • sudo apt -t bullseye-backports install gambas3-gb-web-gui
  • Apache
    • sudo apt install apache2
    • Editar el archivo /etc/apache2/conf-available/serve-cgi-bin.conf > sudo nano /etc/apache2/conf-available/serve-cgi-bin.conf [1]
    • Activar CGI en Apache2 > sudo a2enmod cgi
    • sudo service apache2 restart / sudo systemctl restart apache2 / sudo systemctl start apache2
  • Copiar el programa dentro del directorio del servidor
    • cp /home/user/proyectoweb.gambas /usr/lib/cgi-bin/
    • Cambia los permisos de la carpeta > sudo chmod +x -R /usr/lib/cgi-bin/
  • Acceder a la web
Archivo log de Apache
Este archivo es transcendental al principio, cuando intentamos desplegar una app.gambas, pero seguramente luego también lo sea, pero es una corazonada.
Al copiar la myweb.gambas en el directorio del servidor Apache y hacer todo "correctamente" la aplicación no funcionaba, así que recurrí al archivo log de apache y alli me decía que me faltaban instalar algunos componentes. Procedí a instalarlos y luego todo funciono.

[1]
Código:
<IfModule mod_alias.c>
<IfModule mod_cgi.c>
Define ENABLE_USR_LIB_CGI_BIN
</IfModule>
<IfModule mod_cgid.c>
Define ENABLE_USR_LIB_CGI_BIN
</IfModule>
<IfDefine ENABLE_USR_LIB_CGI_BIN>
ScriptAlias /cgi-bin/ /var/www/cgi-bin
<Directory "/var/www/cgi-bin">
AllowOverride None
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
AddHandler cgi-script .cgi .py .gb
Require all granted
</Directory>
</IfDefine>
</IfModule>


Cómo instalar un servidor Linux, Apache, MySQL y PHP (LAMP) en Ubuntu 20.04
https://www.digitalocean.com/community/t...u-20-04-es
Cómo instalar PostgrSQL en Ubuntu 20.04
https://www.digitalocean.com/community/t...ckstart-es
Referencias ]]> Inicie un proyecto en gitlab para ir poniendo todo los avances, que de momento son escuetos, hasta lograr una web funcional hecha con gambas WebForms.
https://gitlab.com/belmotek/base-web
[Imagen: RAaauEp.png]

A efectos prácticos en adelante me referiré como myweb.gambas al ejecutable creado con el IDE de gambas de un proyecto web que usa el componente gb.web.gui y no  gb.web.form.

¿Que es un servidor Web?
En pocas palabras, es un servidor de red que se encuentra en un servidor físico (oops, un servidor en un servidor) y espera que un cliente envíe una solicitud. Cuando recibe una solicitud, genera una respuesta y la devuelve al cliente. La comunicación entre un cliente y un servidor se realiza mediante el protocolo HTTP. Un cliente puede ser tu navegador o cualquier otro software que hable HTTP.
Fuente: https://ruslanspivak.com/lsbaws-part1

Protocolo de transferencia de hipertexto
El Protocolo de transferencia de hipertexto (en inglés, Hypertext Transfer Protocol, abreviado HTTP) es el protocolo de comunicación que permite las transferencias de información a través de archivos (XHML, HTML…) en la World Wide Web. Fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, siendo el más importante de ellos el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse.

HTTP es un protocolo sin estado, por lo que no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de sesión, y también permite rastrear usuarios, ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.
Fuente: https://es.wikipedia.org/wiki/Protocolo_...hipertexto

Request (solicitud) - Response (respuesta)
Grambas contempla estos conceptos en el componente gb.web

gb.web.gui
Este componente permite desarrollar aplicaciones web siguiendo un modelo similar al de las aplicaciones GUI clásicas.
Sustituye al anterior componente gb.web.form, siendo más rápido y fácil de usar.
Clases
Align, Application, Arrange, Color, Key, Message, Scroll, Select, Session, WebAudio, WebButton, WebCheckBox, WebComboBox, WebContainer, WebControl, WebControlStyle, WebDateBox, WebDateChooser, WebFileButton, WebForm, WebHBox, WebHtml, WebImage, WebLabel, WebListBox, WebMenu, WebProgressBar, WebRadioButton, WebScrollView, WebSeparator, WebSlider, WebSpinBox, WebTable, WebTableData, WebTabPanel, WebTextArea, WebTextBox, WebTimer, WebTree, WebTreeData, WebVBox

gb.web
This component allows to make a web application based on a CGI script. It manages:
  • HTTP requests with the Request class.
  • HTTP response with the Response class.
  • Session management with the Session class.
  • JSP-like HTML pages rendered on the server-side with Gambas Server Pages.
  • Application - Returns information about the CGI application.
  • CGI - This class is used for managing the CGI interface.
  • Request -This class is used for managing the HTTP request.
  • Response - This class is used for generating the HTTP response.
  • Session     - This class is used for managing sessions.
  • URL - This class provides static utility methods that deal with URL strings.
  • WebPage - This class implements the Gambas JSP-like dynamic html page.
Sesión
La sesión es el lugar donde guardar las variables globales, como el programa en producción residirá en el el directorio del servidor web, luego cuando un usuario se conecte a esta aplicación, automáticamente se iniciara la sesión en la que se colocaran los parámetros de dicha conexión al servicio web. Usuario, contraseña, y cualquier otro parámetro de cualquier tipo, ya que es Variant
Agregar o editar parámetros de una sesión
Código:
Sesion["usuario"] =  "user1"
Sesion["password"] =  "ushuaia"
Sesion["ciudad"] =  "ushuaia"

Uso de cokies ??
Seguridad y control de acceso de la aplicación web ??


Problemas y soluciones
  • La web no se muestra en el navegador > Depuración / Configuración > Depurador / Usar el servidor HTTP incrustado = True
  • La web sigue sin mostrarse en el navegador > Depuración / Configuración > Entorno / GB_HTTPD_PORT = 8082 (usar un puerto diferente de 8080)
  • Los paneles no se expanden > Para ello hay que dar las propiedades H y W del contenedor en % [New]
  • Donde se coloca el archivo CSS > .public/
  • New Como se gestionan las sesiones de varios usuarios > Cada sesion sera una ejecución independiente, un proceso a parte. Es decir habrá tantos myweb.gambas corriendo en el servidor como sesiones exista.
  • New La web no se ve en el navegador > Conviene ver el archivo log de Apache /var/log/apache2/error.log
  • New Las imágenes no se muestran en la web > Hay que indicar el tamaño en px para la dimensión horizontal y para la vertical, por ejemplo 128px
Configuración del servidor Debian estable 11 (adaptación de la lista de Heberth )
  •     Actualizar el sistema
    • sudo apt update
  • Motor de bases de datos MySQL
    • sudo apt-get install mysql-server
  • Motor de bases de datos MariaDB
    • sudo apt-get install mariadb-server
  • Motor de bases de datos PosgreSQL
    • sudo apt install postgresql postgresql-contrib
  • Gambas3
    • sudo apt update
    • sudo apt -t bullseye-backports install gambas3-gb-web-gui
  • Apache
    • sudo apt install apache2
    • Editar el archivo /etc/apache2/conf-available/serve-cgi-bin.conf > sudo nano /etc/apache2/conf-available/serve-cgi-bin.conf [1]
    • Activar CGI en Apache2 > sudo a2enmod cgi
    • sudo service apache2 restart / sudo systemctl restart apache2 / sudo systemctl start apache2
  • Copiar el programa dentro del directorio del servidor
    • cp /home/user/proyectoweb.gambas /usr/lib/cgi-bin/
    • Cambia los permisos de la carpeta > sudo chmod +x -R /usr/lib/cgi-bin/
  • Acceder a la web
Archivo log de Apache
Este archivo es transcendental al principio, cuando intentamos desplegar una app.gambas, pero seguramente luego también lo sea, pero es una corazonada.
Al copiar la myweb.gambas en el directorio del servidor Apache y hacer todo "correctamente" la aplicación no funcionaba, así que recurrí al archivo log de apache y alli me decía que me faltaban instalar algunos componentes. Procedí a instalarlos y luego todo funciono.

[1]
Código:
<IfModule mod_alias.c>
<IfModule mod_cgi.c>
Define ENABLE_USR_LIB_CGI_BIN
</IfModule>
<IfModule mod_cgid.c>
Define ENABLE_USR_LIB_CGI_BIN
</IfModule>
<IfDefine ENABLE_USR_LIB_CGI_BIN>
ScriptAlias /cgi-bin/ /var/www/cgi-bin
<Directory "/var/www/cgi-bin">
AllowOverride None
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
AddHandler cgi-script .cgi .py .gb
Require all granted
</Directory>
</IfDefine>
</IfModule>


Cómo instalar un servidor Linux, Apache, MySQL y PHP (LAMP) en Ubuntu 20.04
https://www.digitalocean.com/community/t...u-20-04-es
Cómo instalar PostgrSQL en Ubuntu 20.04
https://www.digitalocean.com/community/t...ckstart-es
Referencias ]]> <![CDATA[WebForm en varios TAB del navegador]]> https://gambas-es.org/thread-480.html Wed, 23 Jun 2021 17:53:17 +0000 omoreno]]> https://gambas-es.org/thread-480.html
IDE: Gambas 3.16.1
Componente: gb.web.gui
S.O.: Linux Mint 20.1.
Navegadores: Chrome, Firefox.

Me podrían ayudar probando este proyecto en sus sistemas y verificar si les ocurre el mismo problema que a mi.
Favor de brindar una posible solución o si hay que reportar al Bugtracker.

Para ver el Problema:

Ejecutar el proyecto de Gambas
  • Abrirlo en el navegador
  • Probar cambiado de formulario con los botones (Inicio, F1, F2, F3)
  • Probar la selección de los botones de radio y ver que solo uno debe estar seleccionado.
Todo debe funcionar bien, pero si abren un nuevo TAB y luego cambian de TAB unas dos o tres veces, seleccionando los botones de radio y cambiando de formulario en cada TAB observen lo que ocurre:

[Imagen: jiblKHg.png]
 Los formularios se apilan en el contenedor y en los botones de radio, observar que varios permanecen seleccionados.
 
No he podido dar con este problema.
Sabemos que los usuarios tienden a abrir un sitio de ventas en dos TAB para ver diferentes departamentos en cada TAB, con este problema me he quedado estancado.
 
He adjuntado:
 
1- Un pequeño proyecto de Gambas WebForm que:
  • Tiene un menú de botones para realizar el cambio de WebForm en un contenedor.
  • También tiene un contenedor con 4 botones de radio.
 
2- El mismo proyecto funcionando bien en HTML5, CSS y JavaScript:
  • Se que no es lo mismo que los WebForm de Gambas, pero es para comparar el problema.
Saludos y gracias por sus posibles respuestas.
.gz
WebP9-0.0.1.tar.gz (Tamaño: 12.88 KB Descargas: 7)

.gz
VariosTab.tar.gz (Tamaño: 855 bytes Descargas: 8)
]]>
IDE: Gambas 3.16.1
Componente: gb.web.gui
S.O.: Linux Mint 20.1.
Navegadores: Chrome, Firefox.

Me podrían ayudar probando este proyecto en sus sistemas y verificar si les ocurre el mismo problema que a mi.
Favor de brindar una posible solución o si hay que reportar al Bugtracker.

Para ver el Problema:

Ejecutar el proyecto de Gambas
  • Abrirlo en el navegador
  • Probar cambiado de formulario con los botones (Inicio, F1, F2, F3)
  • Probar la selección de los botones de radio y ver que solo uno debe estar seleccionado.
Todo debe funcionar bien, pero si abren un nuevo TAB y luego cambian de TAB unas dos o tres veces, seleccionando los botones de radio y cambiando de formulario en cada TAB observen lo que ocurre:

[Imagen: jiblKHg.png]
 Los formularios se apilan en el contenedor y en los botones de radio, observar que varios permanecen seleccionados.
 
No he podido dar con este problema.
Sabemos que los usuarios tienden a abrir un sitio de ventas en dos TAB para ver diferentes departamentos en cada TAB, con este problema me he quedado estancado.
 
He adjuntado:
 
1- Un pequeño proyecto de Gambas WebForm que:
  • Tiene un menú de botones para realizar el cambio de WebForm en un contenedor.
  • También tiene un contenedor con 4 botones de radio.
 
2- El mismo proyecto funcionando bien en HTML5, CSS y JavaScript:
  • Se que no es lo mismo que los WebForm de Gambas, pero es para comparar el problema.
Saludos y gracias por sus posibles respuestas.
.gz
WebP9-0.0.1.tar.gz (Tamaño: 12.88 KB Descargas: 7)

.gz
VariosTab.tar.gz (Tamaño: 855 bytes Descargas: 8)
]]> <![CDATA[Codigo QR en un WebForm]]> https://gambas-es.org/thread-463.html Sun, 13 Jun 2021 17:49:46 +0000 Herberth]]> https://gambas-es.org/thread-463.html
Necesito ayuda

Estoy utilizando gb-web-gui y tengo un formulario webform y un webtextbox.

Necesito mostrar el codigo QR de la cadena ingresada en el webtextbox.
Alguien que pueda ayudarme por favor.

Muchas gracias.]]>
Necesito ayuda

Estoy utilizando gb-web-gui y tengo un formulario webform y un webtextbox.

Necesito mostrar el codigo QR de la cadena ingresada en el webtextbox.
Alguien que pueda ayudarme por favor.

Muchas gracias.]]> <![CDATA[Abrir WebForm dentro de otro WebForm]]> https://gambas-es.org/thread-436.html Tue, 01 Jun 2021 22:46:46 +0000 javierosva]]> https://gambas-es.org/thread-436.html
Gracias por aceptarme.

Yendo al tema, estoy haciendo una aplicación con WebForm siguiendo unos videos del señor Alessandri.

Todo va muy bien pero cuando deseo llamar ptro WebForm desde el WebForm principal, el segundo me abre con la apariencia de una ventana emergente.

El código que estoy usando es el siguiente.

Public Sub WebButton1_Click()
   Dim W_Administrador As New WebformAdministrador
   W_Administrador.ShowModal()
   W_Administrador.Resizable = True
End

Gracias por su ayuda
Cuando abro el segundo formulario vean su apariencia.



Mi intención es que en el explorador cambiara todo.

De nuevo muchas gracias
.png
Ventana.png (Tamaño: 135.5 KB Descargas: 14)
]]>
Gracias por aceptarme.

Yendo al tema, estoy haciendo una aplicación con WebForm siguiendo unos videos del señor Alessandri.

Todo va muy bien pero cuando deseo llamar ptro WebForm desde el WebForm principal, el segundo me abre con la apariencia de una ventana emergente.

El código que estoy usando es el siguiente.

Public Sub WebButton1_Click()
   Dim W_Administrador As New WebformAdministrador
   W_Administrador.ShowModal()
   W_Administrador.Resizable = True
End

Gracias por su ayuda
Cuando abro el segundo formulario vean su apariencia.



Mi intención es que en el explorador cambiara todo.

De nuevo muchas gracias
.png
Ventana.png (Tamaño: 135.5 KB Descargas: 14)
]]> <![CDATA[WebComboBox]]> https://gambas-es.org/thread-414.html Sun, 16 May 2021 16:28:53 +0000 omoreno]]> https://gambas-es.org/thread-414.html
Entorno: Gambas: 3.16.0 y S.O.: Linux Mint 20.1

En un WebForm tengo dos WebComboBox:
  • El primero se carga con datos cuando el webform se inicia.
  • El segundo se carga con datos cuando se selecciona un elemento del primer WebComboBox.
  • En ambos WebComboBox agrego como primer elemento una cadena que referencia su objetivo:
           WebComboBox1.Add("*** Secciones ***", 0)
           WebComboBox2.Add("*** Categorías ***", 0)
  • Ambos WebComboBox  se cargan con los datos de sus respectivas tablas de SQLite.
Preguntas:
  1. ¿Cómo se puede hacer para que el segundo WebComboBox, cuando termina de cargar  los datos se posicione en el primer elemento ya que  WebComboBox2.Index = 0 no lo hace?.
  2. ¿Porque el evento _Click de ambos WebComboBox requiere pulsar dos veces  para que se ejecute, solo en dispositivos con S.O. Android  (Tabletas y celulares) ?.
Saludos y gracias por sus respuestas.]]>
Entorno: Gambas: 3.16.0 y S.O.: Linux Mint 20.1

En un WebForm tengo dos WebComboBox:
  • El primero se carga con datos cuando el webform se inicia.
  • El segundo se carga con datos cuando se selecciona un elemento del primer WebComboBox.
  • En ambos WebComboBox agrego como primer elemento una cadena que referencia su objetivo:
           WebComboBox1.Add("*** Secciones ***", 0)
           WebComboBox2.Add("*** Categorías ***", 0)
  • Ambos WebComboBox  se cargan con los datos de sus respectivas tablas de SQLite.
Preguntas:
  1. ¿Cómo se puede hacer para que el segundo WebComboBox, cuando termina de cargar  los datos se posicione en el primer elemento ya que  WebComboBox2.Index = 0 no lo hace?.
  2. ¿Porque el evento _Click de ambos WebComboBox requiere pulsar dos veces  para que se ejecute, solo en dispositivos con S.O. Android  (Tabletas y celulares) ?.
Saludos y gracias por sus respuestas.]]>