OT: PHPRad
233 views
Skip to first unread message
mapner
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
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
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
Jul 11, 2018, 5:01:10 PM7/11/18
to publicesvfoxpro
Gracias Mapner, descargando para echarle una revisada. Saludos
acmc
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
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
Jul 12, 2018, 3:11:01 PM7/12/18
to Comunidad de Visual Foxpro en Español
Gracias Antonio!!
Dsan
Jul 12, 2018, 3:35:28 PM7/12/18
to publice...@googlegroups.com
YA VEREMOS....
mapner
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
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
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
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
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
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
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 src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script>
$(document).ready(function(){
$("#app").html("Hola Foxeros");
});
</script>
</body>
</html>
Carlos Hidalgo
Jul 12, 2018, 5:46:11 PM7/12/18
to publice...@googlegroups.com
Antonio Meza
Jul 12, 2018, 7:24:04 PM7/12/18
to Comunidad de Visual Foxpro en Español
Sin entrar en controversia !!! jajajaja
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
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
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
Saludes
DS
Reply all
Reply to author
Forward
0 new messages