blocks|key|1398915|text|实现这一点的一种方法是提供您自己的ActionInvoker。使用下面包含的代码，您可以添加到控制器的构造函数中：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1398916|ActionInvoker+=+new+JavaScriptActionInvoker();|code-block|syntax|javascript|1398917|现在，无论何时将.js文件放在视图旁边：|1398918|​|1398919|📷|atomic|1398920|1398921|您可以直接访问：|1398922|http://yourdomain.com/YourController/Index.js|1398923|以下是源代码：|1398924|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);
++++++++}
++++}
}|1398925|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/acc40e3d1505c4701870c227142dbe77.png|imageAlt^0|H|D|0|0|8|3|0|0|0|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1G|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|R|3|N|5|6|7|1L|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1M|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|1N|8|@]|D|@]|E|$I|J]]|$1|W|3|X|5|6|7|1O|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|H|7|1P|8|@]|D|@]|E|$I|J]]|$1|10|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17|18|-4]]]]

One way of achieving this is to supply your own <code>ActionInvoker</code>. Using the code included below, you can add to your controller's constructor:

<pre><code>ActionInvoker = new JavaScriptActionInvoker();
</code></pre>

Now, whenever you place a <code>.js</code> file next to your view:

<img src="https://i.stack.imgur.com/k7j9G.png" alt="enter image description here">

You can access it directly:

<pre><code>http://yourdomain.com/YourController/Index.js
</code></pre>

Below is the source: 

<pre><code>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&lt;string, object&gt; 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);
 }
 }
}
</code></pre>

blocks|key|1613725|text|旧问题，但我想把我的答案，以防其他人来寻找它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1613726|我也希望我的视图特定的js/css文件在views文件夹下，下面是我是如何做到的：|1613727|在/Views根目录下的web.config文件夹中，您需要修改两个部分，以使two服务器能够提供文件：|1613728|++++<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>
++++++++
++++</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>
++++++++
++++</system.webServer>|code-block|syntax|javascript|1613729|然后，从视图文件中，您可以像预期的那样引用urls：|1613730|@Url.Content("~/Views/<ControllerName>/somefile.css")|1613731|这将允许提供.js和.css文件，并将禁止提供任何其他文件。|1613732|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Old question, but I wanted to put my answer incase anyone else comes looking for it.

I too wanted my view specific js/css files under the views folder, and here's how I did it:

In the web.config folder in the root of /Views you need to modify two sections to enable the webserver to serve the files:

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

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

Then from your view file you can reference the urls like you expect:

<pre><code>@Url.Content("~/Views/&lt;ControllerName&gt;/somefile.css")
</code></pre>

This will allow serving of .js and .css files, and will forbid serving of anything else.

blocks|key|1613779|text|您可以反转davesw的建议并仅阻止.cshtml|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1613780|<httpHandlers>
++++<add+path="*.cshtml"+verb="*"+type="System.Web.HttpNotFoundHandler"/>
</httpHandlers>|code-block|syntax|javascript|1613781|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can invert davesw's suggestion and block only .cshtml

<pre><code>&lt;httpHandlers&gt;
 &lt;add path="*.cshtml" verb="*" type="System.Web.HttpNotFoundHandler"/&gt;
&lt;/httpHandlers&gt;
</code></pre>

blocks|key|1399131|text|我知道这是一个相当古老的话题，但我有几件事想补充。我尝试了davesw的答案，但它在试图加载脚本文件时抛出了一个500错误，所以我不得不将以下内容添加到web.config中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1399132|<validation+validateIntegratedModeConfiguration="false"+/>|code-block|syntax|javascript|1399133|敬system.webServer。这是我所拥有的，并且我能够让它工作：|1399134|<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>|1399135|以下是有关验证的更多信息：https://www.iis.net/configreference/system.webserver/validation|offset|length|1399136|entityMap|0|LINK|mutability|MUTABLE|url|https://www.iis.net/configreference/system.webserver/validation^0|0|0|0|0|D|1R|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I know this is a rather old topic, but I have a few things I would like to add. I tried davesw's answer but it was throwing a 500 error when trying to load the script files, so I had to add this to the web.config:

<pre><code>&lt;validation validateIntegratedModeConfiguration="false" /&gt;
</code></pre>

to system.webServer. Here is what I have, and I was able to get it to work:

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

Here is more information on validation: <a href="https://www.iis.net/configreference/system.webserver/validation" rel="nofollow noreferrer">https://www.iis.net/configreference/system.webserver/validation</a>

blocks|key|1613945|text|将此代码添加到system.web标记内的web.config文件中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1613946|<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>|code-block|syntax|javascript|1613947|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

add this code in web.config file inside system.web tag 

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

What is the best place (which folder, etc) to put view-specific javascript files in an ASP.NET MVC application? 

To keep my project organized, I'd really love to be able to put them side-by-side with the view's .aspx files, but I haven't found a good way to reference them when doing that without exposing the ~/Views/Action/ folder structure. Is it really a bad thing to let details of that folder structure leak?

The alternative is to put them in the ~/Scripts or ~/Content folders, but is a minor irritation because now I have to worry about filename clashes. It's an irritation I can get over, though, if it is "the right thing."

Where to put view-specific javascript files in an ASP.NET MVC application?

服务器

在ASP.NET MVC应用程序中放置特定于视图的javascript文件的最佳位置(哪个文件夹等)？为了保持我的项目有条理，我真的希望能够将它们与视图的.aspx文件放在一起，但是我还没有找到一种在不公开~/Views/Action/文件夹结构的情况下引用它们的好方法。让文件夹结构的细节泄露真的是一件坏事吗？另一种选...

问在ASP.NET MVC应用程序中，将特定于视图的javascript文件放在哪里？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET MVC应用程序中，将特定于视图的javascript文件放在哪里？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET MVC应用程序中，将特定于视图的javascript文件放在哪里？
EN