OT: PHPRad

233 views
Skip to first unread message

mapner

unread,
Jul 11, 2018, 1:04:35 PM7/11/18
to Comunidad de Visual Foxpro en Español
Hola,

Buceando por Internet me topé con un utilitario para generar aplicaciones básicas en web y creo que le va a ser de utilidad a todos aquellos que quieren dar sus primeros pasos en esta plataforma y con tecnologías estándares actuales (PHP, MySQL o MariaDB o PostgreSQL, MVC, HTML, Javascript, Vue, ...). En principio es para hacer aplicaciones muy básicas de mantenimiento de tablas tipo CRUD pero viene con un manejo de Login, Usuarios, Permisos, Menús, etc... y la UI es bastante actualizada de tipo responsive y el código generado es más que decente, facilmente legible y "tocable" ... La versión a bajar es un trial, pero si se quiere comprar el precio está bastante bien (u$s 50 o 75). Lo veo interesante porque más allá de la "magia" al generar la app a partir de tablas de BD, el código que queda es lo bueno para aprovechar, aprender y modificar.


Saludos!


Antonio Meza

unread,
Jul 11, 2018, 2:29:04 PM7/11/18
to Comunidad de Visual Foxpro en Español
Esta muy interesante ya lo descargue y hice unas pruebas, sobre todo lo que me gusta es que usa Vue.js que es el que estoy aprendiendo y se puede ver el código como dices para revisar!!!

gracias por compartir!!

saludos
Antonio Meza

mapner

unread,
Jul 11, 2018, 3:53:39 PM7/11/18
to Comunidad de Visual Foxpro en Español
Que bueno Antonio, como decía, en principio es para cosas medianamente básicas, por ejemplo, un formulario tipo Factura on Cabecera/Detalle no veo como se podría hacer con este producto, pero quizá evolucione o bien queda hacer una app simple y luego meterle mano al código para completar los faltantes... yo por mi lado me manejo con otras herramientas, pero el tema de interfaces responsives esta bueno, sobre todo si existe un generador..

Eric Natareno Guerra

unread,
Jul 11, 2018, 5:01:10 PM7/11/18
to publicesvfoxpro
Gracias Mapner, descargando para echarle una revisada. Saludos

acmc

unread,
Jul 12, 2018, 1:54:35 PM7/12/18
to Comunidad de Visual Foxpro en Español
Gracias por el dato!!

Antonio, que material estas utilizando para aprender Vue.js??

Salu2!!


El miércoles, 11 de julio de 2018, 12:04:35 (UTC-5), mapner escribió:

Antonio Meza

unread,
Jul 12, 2018, 2:35:29 PM7/12/18
to Comunidad de Visual Foxpro en Español
Hay varios este es el mas recomendado para iniciarse con Vue.js


es totalmente gratis!! solo hay que registrarse.

acmc

unread,
Jul 12, 2018, 3:11:01 PM7/12/18
to Comunidad de Visual Foxpro en Español
Gracias Antonio!!

Dsan

unread,
Jul 12, 2018, 3:35:28 PM7/12/18
to publice...@googlegroups.com



YA VEREMOS....

mapner

unread,
Jul 12, 2018, 4:15:54 PM7/12/18
to Comunidad de Visual Foxpro en Español
Ayer vi los un tutorial bastante claro en español sobre Vue y para quien arranca con esta herramienta me pareció bastante bien explicado.


Vue pinta en principio bastante más sencillo y manejable que Angular y veo que de a poco va ampliando la comunidad y la cantidad de componentes.

<html>
<body>
<div id="app">
  {{ message }}
</div>

<script type="text/javascript">
var app = new Vue({
  el: '#app',
  data: {
    message: 'Saludos Foxeros!'
  }
})
</script>
</body>
</html>

Carlos Hidalgo

unread,
Jul 12, 2018, 4:38:26 PM7/12/18
to publice...@googlegroups.com
lo que no me agrada es lo del doble corchete o llave como le llamen: {{ }}

Antonio Meza

unread,
Jul 12, 2018, 5:04:52 PM7/12/18
to Comunidad de Visual Foxpro en Español
A parte es mas rápido que Angular y React!!!

Lo mejor de todo es que lo puedes usar como una librería simplemente o usar junto con Node.js

saludos
Antonio Meza

Antonio Meza

unread,
Jul 12, 2018, 5:06:43 PM7/12/18
to Comunidad de Visual Foxpro en Español
y porque no te agradan los dobles corchetes? es una forma tan sencilla de integrar Vue.js en HTML.

saludos
Antonio Meza

Carlos Hidalgo

unread,
Jul 12, 2018, 5:10:33 PM7/12/18
to publice...@googlegroups.com
Porque es escribir mas. (a parte que en algunos teclados hay que sacarlos con Alt+123 y Alt+125 😒 .. con Jquery se hace  referencia al id de la etiqueta y se la pasa el valor a mostrar.

Salvo que se pueda hacer de igual forma con Vue.. 

Saludos

Antonio Meza

unread,
Jul 12, 2018, 5:22:41 PM7/12/18
to Comunidad de Visual Foxpro en Español
Jquery es cosa del pasado y a parte es bien pesado!!! jajajajajaj

Eso de que se escribe mas es totalmente relativo, en Vue.js se escribe mucho menos que Jquery la diferencia es abismal!!! 

saludos

Carlos Hidalgo

unread,
Jul 12, 2018, 5:34:27 PM7/12/18
to publice...@googlegroups.com
jajajaja......  ​Es cuestión de Gustos y Sabores... ​  Lo de pesado es cosa del pasado... con lo avanzado que esta el hardware

el mismo ejemplo que publico Mapner   con Jquery.  Sin tocar el HTML
<html>
<body>
<div id="app">
 
 </div>
<script>
$(document).ready(function(){
 $("#app").html("Hola Foxeros");
   }); 
</script>
</body>
</html>

Carlos Hidalgo

unread,
Jul 12, 2018, 5:46:11 PM7/12/18
to publice...@googlegroups.com

Antonio Meza

unread,
Jul 12, 2018, 7:24:04 PM7/12/18
to Comunidad de Visual Foxpro en Español
Sin entrar en controversia !!! jajajaja

El problema de jquery es que se complica cuando usas muchos elementos y proyectos grandes, he insisto es ultra pesado, si te gusta escribir mucho código para lo mismo usa JQuery, si quieres simplificar, reactividad y ganar velocidad usa Vue.js!!! 

Otro punto a favor que me gusta de Vue.js es que el código se hace entendible y sobre todo mantenible, y lo mas importante es que separas la Lógica del html, y en jquery mezclas lógica con Html. 


Como quedaría este ejemplo de Vue.js con Jquery

<html>
<body>
<div id="app">
 Hola soy {{nombre}}.{{apellido}} Versión: {{ version }}, {{ message }}
</div>

<script type="text/javascript">
var app = new Vue({
  el: '#app',
  data: {
    message: 'Saludos Foxeros!',
    nombre: 'Vue!',
    apellido: "js",
    version: '2.5'
  }
})
</script>
</body>
</html>

saludos
Antonio Meza

mapner

unread,
Jul 12, 2018, 9:01:55 PM7/12/18
to Comunidad de Visual Foxpro en Español
Vue es un manipulador del DOM como lo es también JQuery pero por lo poco que vi en Vue, se basa en cierto concepto de "plantilla" (las dobles llaves remiten a eso) y la forma de declarar un objeto Vue es bastante similar a la estructura de la OOP, defines una "clase" con un "alcance" que tiene "propiedades" , "eventos" y "métodos" , la sintaxis es bastante clara. Por ejemplo en Vue se pueden definir "componentes" que serían como una clase visual (basada en una plantilla o template HTML)  y esa clase se puede instanciar tantas veces lo quieras, ejemplo: si quieres hacer una entrada de datos compleja y repetitiva como las filas de una grilla.  Esto nos lleva a algo parecido a los componentes visuales que se pueden hacer en VFP, lo defines y lo reutilizas las veces que quieras... Todas estás tecnologías como Vue, Angular, React quiérase o no, son tendencia para desarrollo (web y hasta escritorio), en principio apuntan a que desde el lado del cliente se puedan programar aplicaciones en forma independiente al backend, lo cual da una enorme fexibilidad al desarrollo. Puedes armar un sistema en Vue o similar y luego el front end solo hace peticiones al back end sin saber en que plataforma o lenguaje está desarrollado el sistema en el servidor, la respuesta vendrá como JSON, XML o etc y el front end la desplegará y manipulara en forma local al cliente. Saludos! o mejor dicho... {{Saludos}} 

Dsan

unread,
Jul 12, 2018, 9:36:56 PM7/12/18
to publice...@googlegroups.com
Carlos Hidalgo, pero podes suprimir los corchete en teoria,

Foto con Corchete abajo sin


Foto sin Corchete, y segun explica el exponente los quita y funciona. Hace lo mismo.



Saludes
DS
Reply all
Reply to author
Forward
0 new messages