我正在Visual Studio2012中开发一个ASP.NET MVC4应用程序。我也在使用twitter bootstrap。
每当我生成一个新的控制器时,VS2012都会自动为我生成默认的CRUD页面,这很好。
但是,我已经厌倦了修改页面,以便按照bootstrap所需的方式布局DIVs。
有没有VS2012插件可以帮助生成bootstrap期望的视图?
这是一个由VS2012生成的示例div。
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>。。我将手动将其更改为...
<div class="editor-label control-group">
@Html.LabelFor(model => model.Name, new { @class = "control-label" })
<div class="editor-field controls">
@Html.EditorFor( model => model.Name, "CustomTemplate",
new { @class = "input-xlarge" })
@Html.ValidationMessageFor(model => model.Name)
</div>
</div>发布于 2013-02-26 05:26:24
ASP.NET MVC使用T4 templates通过“添加视图”和“添加控制器”对话框构建视图(以及控制器)。
你可以很容易地用你的自定义Bootsrtap标记定制这些模板。
您只需从复制CodeTemplates目录(根据安装的OS、VS和ASP.NET MVC版本,路径在您的机器上可能会有所不同)
c:\Program Files (x86)\
Microsoft Visual Studio 10.0\Common7\IDE\ItemTemplates\CSharp\Web\MVC 4在您的MVC项目中的CodeTemplates目录下,它们已经准备好进行定制。
下面是关于这个过程的一步一步的指南:Modifying the default code generation/scaffolding templates in ASP.NET MVC
如果您想进一步搭建脚手架,我建议您查看MVC.Scaffolding项目,该项目具有比内置项目更多的功能。
或者,因为您正在寻找针对Bootstrap的定制,您可以查看twitter.bootstrap.mvc项目(intro blog post)
它的一些features
自定义MVC代码模板(仍在开发中)可在单独的nuget包中获得:
PM> Install-Package twitter.bootstrap.mvc4.templateshttps://stackoverflow.com/questions/15076612
复制相似问题