Использование сценариев на главной странице с ASP.NET MVC

Question

Я довольно новичок в ASP.NET MVC, и у меня возникли небольшие проблемы со скриптами... в частности, я хочу использовать jQuery на большинстве страниц, поэтому имеет смысл поместить его на главную страницу. Однако, если я делаю (из моего ~/Views/Shared/Site.Master):

<script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>

Тогда это буквально то, что сводится к клиенту - что, конечно, работает, только если наш текущий маршрут имеет правильное количество уровней. Начиная с ~/Scripts/... не работает Начиная с /Scripts/... будет работать только в том случае, если проект находится в корне сайта (что я не хочу предполагать).

У меня есть один рабочий подход (я опубликую ниже) - но: я что-то упустил?

Я бы предпочел не привлекать диспетчер сценариев, поскольку это, кажется, лишает простоты модели ASP.NET MVC... или я слишком беспокоюсь?

Вот способ, которым я могу заставить это работать, который работает также для нетривиальных виртуальных машин - но это кажется чрезмерно сложным:

<script src="<%=Url.Content("~/Scripts/jquery-1.2.6.js")%>" type="text/javascript"></script>

Answer 1

У меня есть класс AppHelper с некоторыми методами для добавления ссылок на сценарии:

public static string ReferenceScript(string scriptFile)
{
    var filePath = VirtualPathUtility.ToAbsolute("~/Scripts/" + scriptFile);
    return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>";
}

так что на вашей главной странице вы можете использовать:

<%= AppHelper.ReferenceScript("jquery-1.2.6.js") %>

Answer 2

Я думаю, что самый простой способ состоит в том, чтобы использовать следующее, и это работает с точки зрения.

<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/myscript.js") %>">

</script>

Answer 3

Основываясь на других ответах, возможно, метод расширения на Html (который очень распространен для MVC), подобный ответу Эдуардо:

 <%=Html.Script("~/Scripts/jquery-1.2.6.js")%>

С:

public static string Script(this HtmlHelper html, string path)
{
    var filePath = VirtualPathUtility.ToAbsolute(path);
    return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>";
}

Answer 4

Почему бы просто не указать свою главную страницу на файловом хостинге Google js? Тогда даже когда дело доходит до развертывания (если ваш сайт работает в сети), вы можете злоупотреблять, возможно, предварительно кэшированными файлами jquery?

Answer 5

Я сделал некоторые из того, что упоминает OJ, я создал класс GoogleHelper с помощью этих методов

public static string ReferenceGoogleAPI()
{
    var appSettings = new AppSettingsReader();
    string apiKey = appSettings.GetValue("GoogleApiKey", typeof(string)).ToString();
    return ReferenceGoogleAPI(apiKey);
}

public static string ReferenceGoogleAPI(string key)
{
    return "<script type=\"text/javascript\" src=\"http://www.google.com/jsapi?key=" + key + "\"></script>";
}

public static string ReferenceGoogleLibrary(string name, string version)
{
    return "<script type=\"text/javascript\">google.load(\"" + name + "\", \"" + version + "\");</script>";
}

Теперь я добавляю дополнительные методы для получения данных ClientLocation;)

Answer 6

Вы должны взглянуть на использование утилиты, как зажмите ее. Он может собирать и скрывать все ваши файлы CSS и JS для вас. Или вы можете использовать его для генерации тегов скрипта, если вы просто продолжаете отладку с помощью ForceDebug ()

http://www.codethinked.com/squishit-the-friendly-aspnet-javascript-and-css-squisher

Answer 7

На работе мы делаем что-то вроде этого из кода ASP:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  Const jQuery As String = "jQuery"

  With Me.Page.ClientScript
    If Not .IsClientScriptIncludeRegistered(jQuery) Then
      .RegisterClientScriptInclude(jQuery, VirtualPathUtility.ToAbsolute("~/Includes/jQuery-1.2.6.js"))
    End If
  End With
End Sub

Я не знаю, возможно ли это сделать с помощью ASP.NET MVC.

Answer 8

ResolveUrl - самое элегантное решение IMO. Хотя это настоящий позор, URL-адреса CSS решаются с помощью runat=server, а не сценария.

Answer 9

Я просто использую косую черту (/). Например:

<script src="/Script/jquery-1.4.1.js"></script>

когда файл "jquery-1.4.1.js" находится в каталоге Script root. И это работает отлично.

Answer 10

Вы можете попробовать метод расширения Url.Content с синтаксисом Razor.

<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>

Answer 11

Наши приложения развертываются с использованием виртуальных каталогов, и у нас были некоторые проблемы с другими ответами, упомянутыми здесь (неправильное определение пути). Один способ, который работал хорошо (не единственный способ заметить), был использовать это:

<script src="<%=Request.ApplicationPath%>/Web/AppName/JavaScript/jquery-1.4.1.js"></script>