Comment organiser le code JavaScript dans les applications ASP.NET MVC

Question

Nous allons ajouter des fonctions Ajax sur une page de vue. Dites, cliquez sur un bouton de suppression ou d'insertion et une action sera appelée pour effectuer un travail CRUD derrière la scène, puis actualiser la liste des éléments après cette opération.

Dans de nombreux exemples existants, le code javascript est incorporé dans la page d'affichage de la balise <script>. Comme il existe généralement plusieurs fonctions dont une vue peut avoir besoin. Dites, lors de l'insertion d'un enregistrement, il y aura une fonction pour collecter les données du formulaire, valider les données (cette partie peut être très longue), et appeler l'action par $.ajax(). Pour cette raison, nous pensons placer tous ces javascript dans un fichier .js séparé.

Alors, quelle est la pratique professionnelle dans ce domaine? Devons-nous placer les fichiers .js dans le même dossier avec ses Views? Ou devrait être placer tous dans le dossier Script et référence à partir de là?

Devrions-nous créer des fichiers séparés .js pour chaque vue individuelle ou combiner tous les fichiers .js pour obtenir des vues différentes dans un fichier volumineux?

En outre, nous aimons comment nous pouvons regrouper le code C# en utilisant #region afin de réduire. Y a-t-il quelque chose de similaire en JavaScript? Il pousse juste trop longtemps.

Nous vous remercions de votre aide.

Answer 1

Je n'utiliserais pas le répertoire Scripts à cette fin, car tous les fichiers JavaScript par défaut (c'est-à-dire jQuery et autres) sont placés ici. J'utilise généralement le répertoire Content pour mes propres fichiers JavaScript (aussi CSS et images).

Vous pouvez structurer vos fichiers dans des dossiers distincts comme vos vues (par exemple ~/Content/js/myviewfolder/somename.js).

Si vous souhaitez structurer votre code JavaScript: vous pouvez séparer le code indépendant en différents fichiers et le laisser traiter en un seul fichier. Ou vous pouvez le regrouper en blocs de code auto-exécutables anonymes, vous pouvez alors réduire ces blocs. A part ça, je n'ai plus d'idées. (Personnellement, je voudrais aller pour différents fichiers (il existe des moyens si la construction de différents fichiers JavaScript dans un seul fichier.)