Razor类库的使用(五)—— Razor类库中的静态内容

现在我们看一下在Razor类库中增加静态内容,与主项目一样,Razor类库中引用的静态内容,也保存在wwwroot文件夹中,我们需要创建这样一个文件夹,然后在里面增加自定义的静态内容。我们在里面增加一个自定义的css文件,



这文件中的内容很简单:

body {
    background-color: #1b6ec2;
}

然后我们修改布局页面的模板,引入这个文件:




    
    
    
    


    
    @RenderBody()
    


运行项目,发现没有起作用,按F12进入浏览器的开发者模式,发现没有找到mycss.css这个文件,原来,引用的路径位置不正确,"/css/mycss.css"是针对主项目的路径,需要修改为指向Razor类库的路径。Razor类库的根路径位置是"/_conteng/类库的名称",在这个例子中,路径应该是"~/_content/RazorPlugin/css/mycss.css"。将路径修改后,再次访问这个页面,可以正确工作了:

图片.png

你可能感兴趣的:(Razor类库的使用(五)—— Razor类库中的静态内容)