Как организовать код JavaScript в приложениях ASP.NET MVC
Мы должны добавить некоторые функции Ajax на странице просмотра. Скажем, нажмите кнопку "Удалить" или "Вставить" и вызывается Action для выполнения задания CRUD за сценой, а затем обновляет список элементов после этой операции.
Во многих существующих примерах код javascript встроен на страницу просмотра в теге <script>
. Поскольку обычно существует много функций, которые могут понадобиться одному виду. Скажем, при вставке записи будет функция для сбора данных формы, проверки данных (эта часть может быть очень длинной) и вызвать действие $.ajax()
. По этой причине мы думаем о размещении всех этих javascript в отдельном файле .js
.
Итак, какова профессиональная практика в этом? Должны ли мы поместить файлы .js
в одну и ту же папку с помощью Views
? Или нужно разместить все их в папке Script
и ссылку оттуда?
Должны ли мы создавать отдельные .js
файлы для каждого отдельного представления или объединять все файлы .js
для разных представлений в большой файл?
Также нам нравится, как мы можем группировать код С# с помощью #region
, чтобы свернуть. Есть ли что-то подобное в JavaScript? Он просто слишком длительный.
Благодарим вас за полезные советы.
Ответы
Ответ 1
Я не использовал бы каталог Scripts для этой цели, потому что здесь размещаются все файлы JavaScript по умолчанию (то есть jQuery и другие). Обычно я использую каталог Content для своих собственных файлов JavaScript (также CSS и изображений).
Вы можете структурировать свои файлы в отдельных папках, например, ваши представления (т.е. ~/Content/js/myviewfolder/somename.js).
Если вы хотите структурировать свой код JavaScript: вы можете разделить независимый код на разные файлы, и вы можете позволить ему обрабатывать один файл. Или вы можете сгруппировать его в анонимные самоисполняющиеся блоки кода, тогда вы можете свернуть эти блоки. Кроме того, у меня нет идей. (Лично я бы пошел для разных файлов (есть способы, если вы создаете разные файлы JavaScript в один файл.)