структура для jquery в моем проекте MVC

Question

Какой лучший способ структурировать jqueryfiles в моем приложении MVC. Теперь у меня есть все мои скрипты в папке скриптов, и это становится трудно иметь хороший обзор.

// спасибо

Answer 1

Мы использовали следующую структуру в моем последнем проекте:

Scripts
|
|- jQuery
|- Libraries
|- Infrastructure
|- PageSpecific

jQuery содержит jQuery и любые плагины.Библиотеки содержали другие сторонние библиотеки (например, underscore.js).Инфраструктура содержала общие модули JavaScript, например, один полный набор служебных функций или один для обработки сообщений управления учетными записями на стороне сервера и т. Д. PageSpecified содержал код для подключения обработчиков событий и логику для конкретной страницы.

Answer 2

HTML5 Boilerplate уже имеет некоторую минимальную структуру для JavaScript. Все, что я делаю, скорее всего, будет построено на этом, потому что есть, по крайней мере, шанс, что другой разработчик столкнулся с этим, прежде чем попасть в мой проект.

Boilerplate имеет подкаталог "js", который содержит весь JavaScript, другой каталог под названием "libs", в котором есть только jQuery и Modernizr, и каталог "mylibs", куда вы должны поместить все сторонние библиотеки например, библиотеки для шаблонов jQuery или Lawnchair).

js
  libs
  mylibs
  plugins.js
  script.js

Они также рекомендуют, чтобы ваши короткие плагины были объединены в plugins.js, а ваши базовые скриптовые материалы - в script.js. Конечно, это не сработает для большого проекта, но вы, по крайней мере, начали с структуры js, js / libs и js / mylibs. В настоящее время я использую файл JavaScript на HTML с соответствующим именем (blahblah.html + blahblah.js), но в долгосрочной перспективе я знаю, что мне понадобится больше структуры, чем эта.

Answer 3

Хранение ваших файлов JavaScript в папке Scripts - это способ сделать это. При желании вы можете использовать подпапки в папке «Сценарии», чтобы она была немного более упорядоченной.

Answer 4

Это всегда хорошая идея, чтобы ваши CSS-файлы и javascripts были организованы в вашем веб-приложении.

• В корневой папке вашего приложения есть две основные папки 'styles' и 'scripts'.
• Внутри каждой из этих папок создайте подпапки, отражающие определенный модуль в вашем приложениикак 'jquery', 'blueprint' и т. д., и разместите эти файлы там.