Le Meilleur Tableau De Bord De L'Architecture

Tout d'abord, il y a beaucoup de front-end des cadres pour vous aider à démarrer. Certaines des plus populaires comprennent:

• Épine dorsale
• Javascript MVC
• Sproutcore

Un peu de recherche sur Google peut le rendement des avantages et des inconvénients de chaque et je voudrais le poids de vos options en conséquence.

Cela étant dit, le problème de base qui vous pose qui semble similaire à la nôtre. En fin de compte, nous avons construit quelque chose d'un peu différent dans la maison. De nombreux cadres sont optimisés pour l'affichage d'un singulier canonique "vue", basé sur le Modèle traduit par la DB et un Contrôleur pour gérer de petits changements. Un tableau de bord a, en substance, une variété de différents modules qui doivent être en train de faire leurs propres choses comme vous l'avez mentionné dans votre question. En raison du nombre élevé de modules indépendants, j'ai le sentiment que vous pourriez ressentir des douleurs dans certains cadres énumérés ci-dessus.

Je ne peux pas vous dire exactement comment mettre en œuvre un module de l'architecture, mais voici quelques règles de base que nous avons utilisées lors de la conception de la nôtre:

Conception De Module:

• Module de base. (Module de connexion, la Carte du module, chaque Dashlet peut être un module, etc.)
• Modules doivent avoir un Modèle, peut pas avoir plus d'une Collection, qui est un Modèle), et peut avoir un ou plusieurs points de Vue.
• Un module peut être utilisé dans de multiples endroits et des pages. Le singulier Modèle devrait rester la même, mais les points de Vue sont vraisemblablement différents.

Rendu:

• Presque tout le code HTML de la page est écrit et mis à jour par modules javascript. Les fichiers de modèle sont presque vides, sauf pour les en-têtes et de base de l'échafaudage.
• Tous les modules de rendre leur pleine HTML " soi " et de remplacer eux-mêmes dans les DOM. Le module doit avoir comme complète de HTML statique représentation prêt à aller de l'avant de l'insérer dans le DOM. Cela signifie que le rendu des fonctions utilisation “.remplaceavec()” au lieu de “.append()”.
• Si simple HTML remplacement n'est pas une option (c'est à dire doit être animé) une transition de la fonction doit être définie en détail comment aller de rendu d'un état à l'autre.
• Parce que le rendu est cher, les Vues par défaut ne sont pas auto-refresh sur tous les changements de Modèle. Re-déchirante qui se passe à travers des événements. _render() est en fait une méthode interne.

Orthogonalité:

• Un seul inter-module répartiteur d'évènement sur la page de Contrôleur gère tous les effets croisés entre les modules.
• Modules ne devraient jamais “à l'extérieur” de leurs propres DOM contexte. Si un événement dans un module sur une autre, elle doit passer par le contrôleur de la page répartiteur.
• Chaque module orthogonale que possible. Ils dépendent les uns des autres aussi peu que possible.
• Chaque module dans son propre fichier.

De la connexion à backend:

• Tous les modules utilisent le même backend de l'adaptateur. Les Modules de ne jamais parler à l'arrière-plan par eux-mêmes. Cela rend votre front-end, back-end agnostique.

Récursive:

• Modules sont généralement inclus dans les autres modules.
• Modules de rendre à nouveau de manière récursive.

Testable:

• Parce que les modules de rendu HTML statiques, elles peuvent être prévisible testé.
• Modules doivent être vérifiables.
  • L'entrée Standard -> Module> Prévisible HTML statique de sortie.
  • Événements Standard -> Module> Prévisible HTML statique de sortie.

Si quelqu'un connaît d'autres cadres, le long de ces lignes, merci de partager!

OriginalL'auteur Evan

Je vous déconseillons d'utiliser un web personnalisé cadre, alors qu'il existe de nombreux gratuits.

Comme mentionné dans une autre réponse, le traditionnel style MVC cadres ne sont pas vraiment bien adaptée à votre "tableau de bord" souhaité de style de l'INTERFACE utilisateur. Ils sont mieux utilisées pour la création de statique sites web basés sur les données récupérées ailleurs. Ils ne gèrent pas l'interaction de l'utilisateur bien et vous avez généralement à la main de rouler vos propres AJAX pour faire quelque chose d'utile sans une demande de page.

Une meilleure race de frameworks web à regarder sont le Web 2.0 fraemworks, aussi connu comme les cadres qui vous aider à construire applications web. Il est important de comprendre la différence entre un site web et des applications web. Ils sont généralement différenciés par le dernier étant interactif et de l'ancienne étant la plupart du temps statique. Les sites web qui ont aussi certaines composantes interactives sont encore les sites web. Une bonne façon de penser, il est de se demander "est-ce à se sentir comme une application de bureau?".

Pour le développement d'applications web en Java (JVM) domaine, je voudrais utiliser Vaadin. Il vous permet d'écrire du code Java similaire à Balancer la programmation, avec des événements basés sur les méthodes. Vous pouvez même éviter d'écrire du HTML tout à fait si vous souhaitez par la définition de vos points de vue par programmation. Cela vous permet de unittest votre point de vue logique (dans les applications web, il est plus que d'habitude) ce qui n'est pas possible avec HTML ordinaire, à partir de modèles de cadres de. L'autre principal avantage est qu'il a construit dans les méthodes qui vous permettent d'écrire du code Java pour gérer dynamique, asynchrone fonctionnalités et tout cela se traduit en JavaScript automatiquement. Pas besoin d'écrire des 4 langues différentes lors de l'écriture de votre application web, il suffit d'écrire Java pour tout! L'essayer, c'est un plaisir de travailler avec!

Une autre application web cadre qui reçoit beaucoup d'attention est Ascenseur. Je n'ai pas d'expérience avec elle, mais de nombreux développeurs à qui j'ai parlé ont promu moi. Je crois qu'il utilise des modèles HTML avec du code Java en tant que back-end. Il est aussi apparemment vraiment facile à prendre en main et de votre application web en rotation. Il a également un support intégré pour faire de l'AJAX comme fonctionnalité. La peine de chercher en au moins.

Il y a probablement beaucoup plus de web app cadres qui répondent à vos besoins. Elles ont toutes l'avantage d'être testé, indépendamment mises à jour et sécurisé*. Si vous roulez votre propre cadre de ce projet, vous avez besoin de s'inquiéter à propos de tout vous-même. Écrit un framework web qui n'offre pas quelque chose de nouveau serait encore écrit un autre langage de programmation qui n'est pas novateur, il est juste un gaspillage de temps.

OriginalL'auteur Jesse Webb