Autor |
Mensaje |
tincho
Analista Programador
Registrado: Noviembre 2014
Mensajes: 2565
Edad: 48 Ubicación:
|
Crear Una Aplicación Web Paso A Paso.
Hola, estoy tratando de pasar un programa que hice en gambas para usarlo de forma remota
mediante un servidor web para que pueda accederse desde las PC de la red interna de una empresa.
Alguien sabe de un cursillo paso a paso para hacerlo?
El programa podría ser, por ejemplo, una agenda de contactos o cualquier otro que maneje altas bajas y modificaciones, imprima o genere un PDF.
¿Como se haría todo eso?
Me gustaría ir poniendo aquí en este hilo la información disponible para generar una especie de cursillo paso a paso.
Pasos que se me ocurren (por favor comenten los que falten).
1 - Creación de webform.
2 - Creación de controles por código.
3 - Control de acceso (sesión de usuario y administrador)
4 - Conectarse a una base de datos
5 - Generar, imprimir y descargar un PDF.
6 - Generar y descargar un ODS.
7 - Subir un archivo desde el navegador a la aplicación.
8 - Instalar y configurar un servidor web para servir la aplicación gambas-web
El ejemplo se puede ver en:
https://github.com/belmotek/webo
Saludos.
última edición por tincho el Domingo, 11 Junio 2017, 20:17; editado 3 veces
|
#1 Martes, 06 Junio 2017, 20:23 |
|
|
tincho
Analista Programador
Registrado: Noviembre 2014
Mensajes: 2565
Edad: 48 Ubicación:
|
Re: Crear Una Aplicación Web Paso A Paso.
Encontré un ejemplo de aplicación web en la granja.
PCInfo_Web
Saludos.
|
#2 Miercoles, 07 Junio 2017, 00:23 |
|
|
vicr
Técnico Programador
Registrado: Septiembre 2013
Mensajes: 158
Edad: 47
|
Re: Crear Una Aplicación Web Paso A Paso.
Hola, Tincho.
Bajé ese ejemplo para ver de que trata. Creo que es la utilización de características modernas de gambas, ya que la extensión del archivo que será la presentación es webform y existe un conjunto de controles llamados igualmente "webform". Aquí el formulario, por lo tanto, está hecho con contenedores en los que han arrastrado los controles necesitados. Luego al ejecutarlo se convertirá en un Html
Hay un ejemplo en gambas llamado SmallWiki que la extensión del archivo que será la presentación Html es "webpage" y en ese la página está escrita ya con HTML, por lo que debemos conocer ese lenguaje de marcado si queremos trabajar así...
En el foro debe haber un ejemplo de Jsbsan usando un programa gambas como CGI... creo que hasta debe haber un ejemplo mio, lo buscaré.
Voy a mirar de que va el webform y webpage a ver si entiendo como se debe implementar (En el foro "nabble" se refieren o referían a esto como asp-like -o sea "como-asp" o "al estilo asp" y ahora tengo un libro de ASP versión año 2000 aproximadamente ).
En el mismo foro vi que antes (no se si ahora) no había manera de trabajar con la técnica Ajax.
Saludos a todos...
|
#3 Miercoles, 07 Junio 2017, 16:31 |
|
|
vicr
Técnico Programador
Registrado: Septiembre 2013
Mensajes: 158
Edad: 47
|
Re: Crear Una Aplicación Web Paso A Paso.
Creando un proyecto web gambas desde cero - primer acercamiento
-Crear un proyecto de tipo: Aplicación Web
-Indicar directorio padre donde se guardará
-Luego de dar nombre a proyecto nos mostrará el entorno de trabajo,
veremos que en el lado izquierdo existe un archivo Main. Al hacer doble clic sobre ese archivo nos despliega lo que vemos al lado derecho: en la pestaña dice que es "Main.webpage" y en el código tenemos una estructura html presentada
como ejemplo y entre esos tag Html también hay otros con la forma 'mayor que' y porcentaje y su cierre 'menor que' y porcentaje con un código
gambas entremedio:
Ejemplo:
"<c>"
Esos códigos los interpretará el servidor y será procesado para mostrar resultado incluyéndolo en ese lugar del Html, que luego es entregado al navegador para armar la presentación de la página web.
Al ejecutar dicho código nos será desplegado en el navegador por defecto lo siguiente:
Mostraré como realiza un cálculo y lo pone como título de la página:
En el navegador
Esta forma de incluir código en la página con "<% %>" puede tornarse compleja y más si el código crece, la alternativa en algunos casos es hacer llamadas a funciones. La clase de la página que estamos viendo se accede presionando el botón derecho sobre "Main" que está en el arbolito del proyecto y eligiendo la opción "Abrir código".
A modo de ejemplo modificaré el título de la página con esa clase a través de una función (también lo hice con una SUBrutina y también imprimiendo la variable).
En todos esos casos cambió el título.
Este ha sido el acercamiento del día de hoy. Saludos a todos...
|
#4 Jueves, 08 Junio 2017, 03:06 |
|
|
jsbsan
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4175
Edad: 51 Ubicación: dos hermanas, sevilla
|
Re: Crear Una Aplicación Web Paso A Paso.
Yo la duda (y necesidad) que tengo es el gestionar sesiones.
Osea que un señor A use la página web con su login (sesion A) que el programa le reconozca y de sus opciones en los menus, y que otro señor B use la página web con su login (sesión B), y que el programa le reconozca y muestre las opciones en los menus (a los que este autorizado).
Creo que se hace con cokies, pero ni idea..
|
#5 Jueves, 08 Junio 2017, 09:45 |
|
|
vicr
Técnico Programador
Registrado: Septiembre 2013
Mensajes: 158
Edad: 47
|
Re: Crear Una Aplicación Web Paso A Paso.
Jsbsan, en PHP puedes usar Cookies o Sesiones y sirven para lo mismo, la primera guarda los datos en el cliente y la otra en el servidor. A la rápida veo que gambas tiene en el componente gb.web una clase Session y por lo que veo trabaja con cookies almacenándolas en:
"/tmp/gambas." &/ System.User.Id &/ "session" &/ Session.Id
Espero alcanzar a hacer un ejemplo con ello durante el día de hoy... saludos a todos.
|
#6 Jueves, 08 Junio 2017, 11:48 |
|
|
tincho
Analista Programador
Registrado: Noviembre 2014
Mensajes: 2565
Edad: 48 Ubicación:
|
Re: Crear Una Aplicación Web Paso A Paso.
...gestionar sesiones.
Si lo de las sesiones es fundamental para hacer una aplicación multiusuario.
Yo también me lo apunte en la lista de cosas pendientes.
Saludos.
|
#7 Jueves, 08 Junio 2017, 13:33 |
|
|
tincho
Analista Programador
Registrado: Noviembre 2014
Mensajes: 2565
Edad: 48 Ubicación:
|
Re: Crear Una Aplicación Web Paso A Paso.
Las imágenes del proyecto como por ejemplo los logotipos, que habitualmente se colocan en el raíz del proyecto, hay que ponerlas en .public
Saludos.
|
#8 Jueves, 08 Junio 2017, 13:40 |
|
|
tincho
Analista Programador
Registrado: Noviembre 2014
Mensajes: 2565
Edad: 48 Ubicación:
|
Re: Crear Una Aplicación Web Paso A Paso.
Ya logre crear controles por código en los webForm pero surge una pregunta.
Dado que los navegadores con los que se abrirá la aplicación web pueden seguramente diferir. Incluso el sistema operativo también puede hacerlo.
Pasa lo siguiente, como la clase Desktop no esta habilitada para las aplicaciones web, eso da como resultado que no existen los colores ButtonBackground y ButtonForeground del sistema operativo del servidor.
Esto tiene sentido ya que lo mas probable es que no exista el entorno gráfico en dicho servidor.
Así que:
¿Como le puedo poner esos colores a los botones pero que se adapten al entorno cliente, es decir en el navegador+SO de turno?
Saludos.
|
#9 Jueves, 08 Junio 2017, 14:55 |
|
|
vicr
Técnico Programador
Registrado: Septiembre 2013
Mensajes: 158
Edad: 47
|
Re: Crear Una Aplicación Web Paso A Paso.
Tincho,
Por lo que veo, esas propiedades de los botones el servidor gambas lo transformará a HTML, haciendo la conversión el mismo.
Por ejemplo en PCinfo_web tenemos esto en la clase:
''WEBTAB
WebTabPanelInnova.Style["color"] = "#006FDF"
WebTabPanelInnova.Background = &00001929&
Y en en el código fuente de la página se ve esto en una parte:
<div class="gw-tabpanel" id="@1.WebTabPanelInnova"><div class="gw-tab-header">
¿O no te pasa eso en donde lo pruebas?
|
#10 Jueves, 08 Junio 2017, 17:52 |
|
|
|