MVC小知识整理

1.@section Scripts{}和@section css的使用

当共享视图(_Layout.cshtml),存在节点(@RenderSection("scripts", required: false))时,将Javascripts代码放在(@section Scripts{}),css代码放在(@section Scripts{})中。好处是在视图执行时,Razor引擎会将Javascripts代码抽调出来,然后在执行的时候,再将这些代码放置在这个地方。

2.Scripts.Render的使用

2.1.先配置BundleConfig.cs文件

在App_Start 里面BundleConfig.cs 文件里面,添加要包含的js和css文件,BundleConfig配置信息如下:

  public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/vue").Include(
                "~/vue/vue.js",
                "~/vue/vue-resource.js"));
            bundles.Add(new StyleBundle("~/vue/elementcss").Include(
                      "~/vue/css/index.css"));
        }

2.2.使用Scripts.Render、Styles.Render引用BundleConfig中的配置

a、在视图文件中使用Scripts.Render()输出脚本包,Styles.Render()输出样式包

b、Script文件引用:@Scripts.Render(virtualPath[,virtualPath1][,virtualPath2][,...])

c、CSS文件引用:  @Styles.Render(virtualPath[,virtualPath1][,virtualPath2][,...])

实例如下:

   @Scripts.Render("~/bundles/vue")
   @Styles.Render("~/Vue/elementcss")

 

上一篇:visual studio code的终端命令窗口替换成conda的环境


下一篇:Python 2to3 使用方法