6.3 建立页面模板

建立页面模板

 

为什么需要页面模板

模板是为了减少代码的冗余，页面大的布局一样的情况下，把相同的部分提取为页面模板，便于代码的清晰和可维护性。

特别是需要整体调整页面布局的式样时，如果有模板，那么需改一个模板文件，整体的布局就都同步修改了。

 

在Views目录下建立

-Shared目录

-Shared目录下新建一个_Layout.cshtml文件

-_ViewStart.cshtml文件

Shared目录下放置页面的模板

_Layout.cshtml为页面模板

_ViewStart.cshtml用于设置页面默认使用的模板

 

_Layout.cshtml代码如下：

<!DOCTYPE html>

<html>

<head>

    <title>TeamManager</title>

    <link href="~/Content/css/c00.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="~/Content/js/jquery-1.10.2.min.js"></script>

    @RenderSection("style", false)

</head>

<body>

    <div class="header">TeamManager</div>

    <div class="content">

        @RenderBody()

    </div>

    <div></div>

</body>

@RenderSection("js", false)

</html>

 

@RenderSection("style", false) --用于设定一块区域，在使用模板时，能添加需要的css文件

@RenderBody() --用于把使用模板的页面内容，嵌入这块区域

@RenderSection("js", false) --用于设定一块区域，在使用模板时，能添加需要的js文件

 

   

 

_ViewStart.cshtml代码如下：

@{

    Layout = "~/Views/Shared/_Layout.cshtml";

}

 

定义了页面默认使用_Layout.cshtml作为模板

posted on 2013-11-28 21:00  CodeSchool官方博客  阅读(244)  评论(0)    收藏  举报