mvc php js和css放在哪,asp.net-mvc – 在ASP.Net MVC中,如何创建将javascript和css放在应该去的位置的小部件？...

我试图在ASP.Net MVC中创建一个可重用的小部件.这是一个将2个日期连接成字符串的小部件.该小部件包含3个文件：Widget.cshtml,Widget.css和Widget.js以及几个

jquery库的依赖项.

Widget.cshtml

Create a date range

Start:

End:

Create

Widget.css

label { color: #555;}

Widget.js

$(function () {

$(".date").datepicker();

$("#createDateRange").click(function () {

var start = $("#startDate").val();

var end = $("#endDate").val();

$("#output").html(start + " to " + end);

});

});

我想在我的MVC页面中重用这个小部件.我想出了几个选项,包括：

>创建HTML帮助器

> RenderPartial

> RenderAction

>从窗口小部件文件中删除所有css和javascript依赖项.手动复制并粘贴到我在正确位置使用它的每个视图中.

当我记得Steve Souders关于网站性能的规则时,我正准备使用帮助器：

规则5：将样式表放在顶部

规则6：将脚本放在底部

选项1),2)和3)看起来都是好主意,但它们都是内联编写代码并违反了性能规则.选项4)允许我手动将javascript和css文件放在它们所属的位置,但复制和粘贴容易出错.一个潜在的想法是写一个脚手架,把所有东西放在它所属的地方,但这似乎现在太多了.

什么是最好的(希望很简单)做小部件的方式,仍然遵循性能规则5& 6？