2013-03-13 86 views
0

我正在构建一个ASP.NET MVC 4仪表板site.I试图为我的需求提出一个设计。该网站将是一个三柱式布局。最左边一列是垂直导航菜单。中心和右列将包含小部件。同一个wiget可以出现在中心区域或右侧区域。此外,还需要将3列布局更改为2列或其他布局,并且将来的干扰最小。它基本上是一个小部件系统,其中许多不同的小部件将根据角色显示给用户,并且这些小部件可以放置在任何位置/区域中。任何关于如何开始的建议都会很棒。ASP.NET MVC 4 - 带小部件区域的动态页面布局

回答

0

这些都不需要在ASP.Net MVC中做任何特殊的事情,它更多的是在HTML中获得正确的布局。我建议你为HTML和CSS首先工作获取模板。网上有很多地方可以找到三个栏目模板来帮助你开始。

一旦你对你的HTML & CSS进行了排序,你会发现ASP.Net MVC足够灵活,可以处理任何布局。您可能会发现“小孩操作”将是处理小部件的最佳方式。

+0

非常感谢你一个很好的教程。但我想有能力在运行时选择布局,当我说布局我的意思是使页眉和页脚静态和页眉和页脚内部分视图的布局将根据角色改变。 – 2013-03-14 02:31:05

+0

即使有这个要求,你的重点仍然应该放在HTML和CSS上。在运行时更改布局可能与使用JQuery更改CSS一样简单,或者可能使“_layout.cshtml”文件基于用户角色返回略微不同的布局。 – StanK 2013-03-14 03:00:10