Foro

Cómo dividir una aplicacion grande

Ojala alguien pueda ayudarme, mi pregunta es ¿como puedo dividir mi aplicacion web?, osea tener varias paginas htmls o phps segun sea el caso, utilizare ExtJs. Por ejemplo yo siempre hago las aplicaciones(sin usar ExtJs) con un menu(incluso tengo menus desplegables) superior y este con varios links, cada link es un archivo php. Yo quisiera tener por ejemplo un index.php aca estaria el menu y luego llamar a los formularios que estarian en cada archivo.js. porque aca en los tutos lo hace todo en un mismo archivo.js, y ps se hace confundido, yo quiero tenerlo separado. por ejemplo tener asi: index.php-->aca me cargaria el menu, con 3 links form1.html->me mostraria si hago click en link1 form2.html->me mostraria si hago click en link2 form3.html->me mostraria si hago click en link3 obiamente el menu se mantendria. y aparecerian los formularios ya sea en forma modal(bueno eso depende de como quiera) espero me hayan entendido, les agradesco por sus respuestas. saludos.

Usuario no registrado
01/04/2010

2 Respuestas

Mejores votos Por fecha Solución

Hola, pues yo hasta ahora lo hecho de la sgte manera: una carpeta js para los archivos extjs una carpeta php para los php, obvio  una carpeta app para los html una carpeta css para todo lo que es archivo de estilo una carpeta images para las imágenes y un archivo index.html donde cargo un Viewport con un Treepanel en su zona Oeste que carga Tabpanels en la zona Centro del Viewport, ¿se entiende? cada opción del treepanel llama a un archivo html que a su vez llama a los correspondientes js asi por ejemplo cuando se selecciona la opcion "Listado de empleados" esta llama a list_empleados.html y lo carga en el centro del Viewport. En este archivo, list_empleados.html, tengo la sigte cabecera:

<head>
    <link rel="stylesheet" type="text/css" href="../../extjs/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../css/botones.css" />
    <!-- framework extjs -->
    <script type="text/javascript" src="../../extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../../extjs/ext-all.js"></script>
    <script type="text/javascript" src="../../extjs/src/locale/ext-lang-es.js"></script>
    <!--modulo -->
    <script type="text/javascript" src="../js/list_empleados.js"></script>
</head>

donde puedes ver que llamo al estilo botones.css para los botones que serán homogéneos dentro de toda la aplicación y tambien llamo a list_empleados.js que tiene mi componente. ademas dentro del mismo html tengo el sgte script:

<script>
Ext.ns('app');
Ext.onReady(function(){
    app.win = new Ext.Window({
		layout:'fit',
        closable:false,
        border:false,
        draggable:false,
        maximized:true,
        minimizable: false,
        plain:true,
        resizable:false,
		items:[{xtype:'gridEmpleados'}]
    });
    app.win.show();
});
</script>

que carga el componente llamado. Es así como lo estoy haciendo hasta ahora, no sé si es la mejor forma pero me funciona. si puedo ayudarte en algo solo mencionalo. suerte

tokkaido
19/05/2010

Yo solamente creo un HTML donde dinámicamente voy importando cada módulo que solamente es uno o varios JSs que se encargan de crear la GUI y la lógica del mismo, asi mismo voy cargando los plugins y sus dependencias cuando se necesitan unicamente, claro todo es no es necesario en una aplicación pequeña. En algún momento explique aqui en el foro más a detalle el proceso que les acabo de contar, también hay algo de código para ejemplo. Saludos

Crysfel Villa
19/05/2010

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.