Я также хотел разместить js-файлы, связанные с представлением, в той же папке, что и представление.
Мне не удалось заставить другие решения в этом потоке работать, не потому, что они сломаны, но я слишком новичок в MVC, чтобы заставить их работать.
Используя приведенную здесь информацию и несколько других стеков, я пришел к решению, которое:
- Позволяет разместить файл javascript в том же каталоге, что и представление, с которым он связан.
- URL-адреса скрипта не раскрывают базовую физическую структуру сайта
- URL-адрес скрипта не должен заканчиваться косой чертой (/)
- Не мешает статическим ресурсам, например: /Scripts/someFile.js все еще работает
- Не требует включения runAllManagedModulesForAllRequests.
Примечание. Я также использую маршрутизацию атрибутов HTTP. Возможно, что маршрут, используемый в моей душе, можно было бы изменить для работы без включения этого.
Учитывая следующий пример структуры каталогов / файлов:
Controllers
-- Example
-- ExampleController.vb
Views
-- Example
-- Test.vbhtml
-- Test.js
Используя шаги настройки, приведенные ниже, в сочетании с приведенным выше примером структуры, URL-адрес тестового представления будет доступен через:, /Example/Testа ссылка на файл javascript будет:/Example/Scripts/test.js
Шаг 1 - Включите маршрутизацию атрибутов:
Отредактируйте файл /App_start/RouteConfig.vb и добавьте routes.MapMvcAttributeRoutes()чуть выше существующих маршрутов .MapRoute:
Imports System
Imports System.Collections.Generic
Imports System.Linq
Imports System.Web
Imports System.Web.Mvc
Imports System.Web.Routing
Public Module RouteConfig
Public Sub RegisterRoutes(ByVal routes As RouteCollection)
routes.IgnoreRoute("{resource}.axd/{*pathInfo}")
' Enable HTTP atribute routing
routes.MapMvcAttributeRoutes()
routes.MapRoute(
name:="Default",
url:="{controller}/{action}/{id}",
defaults:=New With {.controller = "Home", .action = "Index", .id = UrlParameter.Optional}
)
End Sub
End Module
Шаг 2. Настройте свой сайт для обработки и обработки /{controller}/Scripts/*.js как пути MVC, а не статического ресурса.
Отредактируйте файл /Web.config, добавив следующее в раздел system.webServer -> handlers файла:
<add name="ApiURIs-ISAPI-Integrated-4.0" path="*/scripts/*.js" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
И снова с контекстом:
<system.webServer>
<modules>
<remove name="TelemetryCorrelationHttpModule"/>
<add name="TelemetryCorrelationHttpModule" type="Microsoft.AspNet.TelemetryCorrelation.TelemetryCorrelationHttpModule, Microsoft.AspNet.TelemetryCorrelation" preCondition="managedHandler"/>
<remove name="ApplicationInsightsWebTracking"/>
<add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web" preCondition="managedHandler"/>
</modules>
<validation validateIntegratedModeConfiguration="false"/>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0"/>
<remove name="OPTIONSVerbHandler"/>
<remove name="TRACEVerbHandler"/>
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0"/>
<add name="ApiURIs-ISAPI-Integrated-4.0" path="*/scripts/*.js" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
Шаг 3 - Добавьте следующий результат действия сценария в файл контроллера
- Не забудьте отредактировать путь маршрута, чтобы он соответствовал имени {controller} для контроллера, в данном примере это: <Route (" Example / Scripts / {filename}")>
Вам нужно будет скопировать это в каждый из ваших файлов контроллера. Если вы хотите, вероятно, есть способ сделать это как-то в виде единой разовой конфигурации маршрута.
' /Example/Scripts/*.js
<Route("Example/Scripts/{filename}")>
Function Scripts(filename As String) As ActionResult
' ControllerName could be hardcoded but doing it this way allows for copy/pasting this code block into other controllers without having to edit
Dim ControllerName As String = System.Web.HttpContext.Current.Request.RequestContext.RouteData.Values("controller").ToString()
' the real file path
Dim filePath As String = Server.MapPath("~/Views/" & ControllerName & "/" & filename)
' send the file contents back
Return Content(System.IO.File.ReadAllText(filePath), "text/javascript")
End Function
Для контекста это мой файл ExampleController.vb:
Imports System.Web.Mvc
Namespace myAppName
Public Class ExampleController
Inherits Controller
' /Example/Test
Function Test() As ActionResult
Return View()
End Function
' /Example/Scripts/*.js
<Route("Example/Scripts/{filename}")>
Function Scripts(filename As String) As ActionResult
' ControllerName could be hardcoded but doing it this way allows for copy/pasting this code block into other controllers without having to edit
Dim ControllerName As String = System.Web.HttpContext.Current.Request.RequestContext.RouteData.Values("controller").ToString()
' the real file path
Dim filePath As String = Server.MapPath("~/Views/" & ControllerName & "/" & filename)
' send the file contents back
Return Content(System.IO.File.ReadAllText(filePath), "text/javascript")
End Function
End Class
End Namespace
Заключительные примечания.
В javascript-файлах test.vbhtml view / test.js нет ничего особенного, и они здесь не показаны.
Я сохраняю свой CSS в файле представления, но вы можете легко добавить к этому решению, чтобы вы могли ссылаться на свои файлы CSS аналогичным образом.
