Où placer des fichiers javascript spécifiques à une vue dans une application ASP.NET MVC?

Question

Quel est le meilleur emplacement (quel dossier, etc.) pour placer des fichiers javascript spécifiques à une vue dans une application ASP.NET MVC? Pour garder mon projet organisé, j'aimerais vraiment pouvoir les mettre côte à côte avec les fichiers .aspx de la vue, mais je n'ai pas trouvé un bon moyen de les référencer en faisant cela sans exposer la structure ~/Views/Action/folder. Est-ce vraiment une mauvaise chose de laisser les détails de cette structure de dossier de fuite? L'alternative est de les placer dans les dossiers ~/Scripts ou ~/Content, mais c'est une irritation mineure car maintenant je dois m'inquiéter des conflits de noms de fichiers. C'est une irritation que je peux surmonter, si c'est "la bonne chose".

Answer 1

Vieille question, mais je voulais mettre ma réponse au cas où quelqu'un d'autre viendrait la chercher.

Moi aussi, je voulais que ma vue js spécifiques/fichiers css sous le dossier vues, et voici comment je l'ai fait:

Dans le dossier web.config à la racine/Vues vous devez modifier deux sections pour permettre le serveur Web pour servir les fichiers:

<system.web> 
     <httpHandlers> 
      <add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
      <add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
      <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/> 
     </httpHandlers> 
     <!-- other content here --> 
    </system.web> 

    <system.webServer> 
     <handlers> 
      <remove name="BlockViewHandler"/> 
      <add name="JavaScript" path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
      <add name="CSS" path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
      <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" /> 
     </handlers> 
     <!-- other content here --> 
    </system.webServer> 

Ensuite, à partir de votre fichier de vue, vous pouvez référencer les urls comme vous attendez:

@Url.Content("~/Views/<ControllerName>/somefile.css") 

Cela permettra au service de .js et .css et interdira le service de toute autre chose.

Answer 2

Une façon d'y parvenir est de fournir votre propre ActionInvoker. En utilisant le code inclus ci-dessous, vous pouvez ajouter au constructeur de votre contrôleur:

ActionInvoker = new JavaScriptActionInvoker(); 

Maintenant, chaque fois que vous placez un fichier .js à côté de votre vue:

Vous pouvez y accéder directement:

http://yourdomain.com/YourController/Index.js 

est inférieure à la source:

namespace JavaScriptViews { 
    public class JavaScriptActionDescriptor : ActionDescriptor 
    { 
     private string actionName; 
     private ControllerDescriptor controllerDescriptor; 

     public JavaScriptActionDescriptor(string actionName, ControllerDescriptor controllerDescriptor) 
     { 
      this.actionName = actionName; 
      this.controllerDescriptor = controllerDescriptor; 
     } 

     public override object Execute(ControllerContext controllerContext, IDictionary<string, object> parameters) 
     { 
      return new ViewResult(); 
     } 

     public override ParameterDescriptor[] GetParameters() 
     { 
      return new ParameterDescriptor[0]; 
     } 

     public override string ActionName 
     { 
      get { return actionName; } 
     } 

     public override ControllerDescriptor ControllerDescriptor 
     { 
      get { return controllerDescriptor; } 
     } 
    } 

    public class JavaScriptActionInvoker : ControllerActionInvoker 
    { 
     protected override ActionDescriptor FindAction(ControllerContext controllerContext, ControllerDescriptor controllerDescriptor, string actionName) 
     { 
      var action = base.FindAction(controllerContext, controllerDescriptor, actionName); 
      if (action != null) 
      { 
       return action; 
      } 

      if (actionName.EndsWith(".js")) 
      { 
       return new JavaScriptActionDescriptor(actionName, controllerDescriptor); 
      } 

      else 
       return null; 
     } 
    } 

    public class JavaScriptView : IView 
    { 
     private string fileName; 

     public JavaScriptView(string fileName) 
     { 
      this.fileName = fileName; 
     } 

     public void Render(ViewContext viewContext, TextWriter writer) 
     { 
      var file = File.ReadAllText(viewContext.HttpContext.Server.MapPath(fileName)); 
      writer.Write(file); 
     } 
    } 


    public class JavaScriptViewEngine : VirtualPathProviderViewEngine 
    { 
     public JavaScriptViewEngine() 
      : this(null) 
     { 
     } 

     public JavaScriptViewEngine(IViewPageActivator viewPageActivator) 
      : base() 
     { 
      AreaViewLocationFormats = new[] 
      { 
       "~/Areas/{2}/Views/{1}/{0}.js", 
       "~/Areas/{2}/Views/Shared/{0}.js" 
      }; 
      AreaMasterLocationFormats = new[] 
      { 
       "~/Areas/{2}/Views/{1}/{0}.js", 
       "~/Areas/{2}/Views/Shared/{0}.js" 
      }; 
      AreaPartialViewLocationFormats = new [] 
      { 
       "~/Areas/{2}/Views/{1}/{0}.js", 
       "~/Areas/{2}/Views/Shared/{0}.js" 
      }; 
      ViewLocationFormats = new[] 
      { 
       "~/Views/{1}/{0}.js", 
       "~/Views/Shared/{0}.js" 
      }; 
      MasterLocationFormats = new[] 
      { 
       "~/Views/{1}/{0}.js", 
       "~/Views/Shared/{0}.js" 
      }; 
      PartialViewLocationFormats = new[] 
      { 
       "~/Views/{1}/{0}.js", 
       "~/Views/Shared/{0}.js" 
      }; 
      FileExtensions = new[] 
      { 
       "js" 
      }; 
     } 

     public override ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache) 
     { 
      if (viewName.EndsWith(".js")) 
       viewName = viewName.ChopEnd(".js"); 
      return base.FindView(controllerContext, viewName, masterName, useCache); 
     } 


     protected override IView CreatePartialView(ControllerContext controllerContext, string partialPath) 
     { 
      return new JavaScriptView(partialPath); 
     } 

     protected override IView CreateView(ControllerContext controllerContext, string viewPath, string masterPath) 
     { 
      return new JavaScriptView(viewPath); 
     } 
    } 
} 

Answer 3

Vous pouvez inverser la suggestion de davesw et bloquer uniquement .cshtml

<httpHandlers> 
    <add path="*.cshtml" verb="*" type="System.Web.HttpNotFoundHandler"/> 
</httpHandlers> 

Answer 4

Je sais que ce sujet est un peu vieux, mais j'ai quelques choses que je voudrais ajouter. J'ai essayé la réponse de davesw mais il jetais une erreur 500 en essayant de charger les fichiers de script, donc je devais ajouter à la web.config:

<validation validateIntegratedModeConfiguration="false" /> 

à system.webServer. Voici ce que j'ai, et j'ai pu le faire fonctionner:

<system.webServer> 
    <handlers> 
    <remove name="BlockViewHandler"/> 
    <add name="JavaScript" path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
    <add name="CSS" path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
    <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" /> 
    </handlers> 
    <validation validateIntegratedModeConfiguration="false" /> 
</system.webServer> 
<system.web> 
    <compilation> 
    <assemblies> 
     <add assembly="System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" /> 
    </assemblies> 
    </compilation> 
    <httpHandlers> 
     <add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
     <add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
     <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/> 
    </httpHandlers> 
</system.web> 

est ici plus d'informations sur la validation: https://www.iis.net/configreference/system.webserver/validation

Answer 5

ajouter ce code dans le fichier web.config à l'intérieur du système.étiquette Web

<handlers> 
    <remove name="BlockViewHandler"/> 
    <add name="JavaScript" path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
    <add name="CSS" path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" /> 
    <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" /> 
</handlers>