创建局部页
# 局部页的制作及说明
和普通模板页一样，局部页也需要保存为.cshtml后缀，局部页面可以保存在`Views/public`或`Views/shared`目录下，模板中通过`Html.Partial`方式加载，这两个目录用法都一样，都可自己定义和创建；但必须放在模版目录下面
> 如我们在`Views/public`目录下创建一个`header.cshtml`保存页面顶部的html代码，在模板页可以通过`Html.Partial`方式加载
## 示例代码
#### 普通模板页
```html
<!DOCTYPE html>
<html>
<head>
<title>@Html.Config("WebSiteTitle")</title>
<meta name="keywords" content="@Html.Config("WebKeyWords")" />
<meta name="description" content="@Html.Config("WebDescript")" />
</head>
<body>
@Html.Partial(Html.TemplateDir() + "/public/header.cshtml")
<div></div>
</body>
</html>
```
#### 局部页`header.cshtml`代码示例
```html
<div class="header">
<ul class="menu">
<li class="item"><a class="link" href="/">首页</a></li>
@foreach (var item in ((List<ColumnInfo>)ViewBag.ColumnInfo).Where(x => x.ShowInTop == 1))
{
<li class="item">
<a class="link" href="@Url.Action("List", "Content", new { Id = item.Id })">@item.ColumnName</a>
</li>
}
</ul>
</div>
```
**代码说明**
- `Html.TemplateDir()`代表模板路径；具体可参考 [如何获取当前模板路径](doc:1B87BeLg)
- 局部页面中的代码不需要包含`<!DOCTYPE html>`、`<html>`、`<head>`等html元素