所以我正在开发一个模型视图控制器(MVC)项目。由于规模和复杂性,我试图确保组织。我设法偶然发现了一个独特的困境,让我很困惑。我的问题来自我正在集成到我的网站的Jquery Rotator 。
我的解决方案资源管理器:
- 内容:此特定文件夹包含三个直接子文件夹
Images
、Scripts
和Stylesheets
。
这三个子文件夹包含更具体和更详细的细节,一个例子是Scripts
包含另一个Rotator
为此jQuery实现调用的文件夹。
所以困境发生在View内部。
此视图中的示例:
<div class = "banner-style">
<div id = "Infinite-Banner">
<div class = "banner-container">
<div class = "slides">
<img src = "~/Content/Images/Banner/Slides/One.jpg">
<img src = "~/Content/Images/Banner/Slides/Two.jpg">
</div>
</div>
</div>
</div>
所以在这个结构中,它似乎没有加载Images。尽管它已正确映射到目录。但是,如果您使用上述相同的结构,但将img
部分更改为:
<div class = "slide-one" />
<div class = "slide-two" />
然后在相关的Stylesheet中,简单地为它神奇地出现 background: url(~/Content/Images/Banner/Slides/One.jpg);
的Element定义一个。slide-one
所以这让我相信这是由于嵌套。但这不太有意义,因为这将迫使我在两者之间建立一个内部元素,div slides
以便我可以产生适当的影响。
另一个想法是创建一个model
映射所有关系图像数据的方法;但这似乎是一项艰巨的工作。
这是我的机器特有的限制还是问题?解决此类问题的最佳方法是什么?这确实是由于我对文件夹采取的结构吗?