@using Azure
.Core
<!DOCTYPE
html>
<
html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>@ViewBag
.Title - 村信息管理系统</title>
<!-- LayUI
样式 -->
<link href="~/layui/css/layui
.css" rel="stylesheet" />
<!-- jQuery -->
<script src="~/Content/jquery/jquery-1
.9
.1
.min
.js"></script>
<!-- 自定义
样式 -->
<style>
/* 用户头像
样式 */
.layui-nav-img {
width: 30px;
height: 30px;
margin-right: 5px;
}
/* 导航栏右侧间距调整 */
.layui-layout-right {
margin-right: 15px;
}
/* 主体内容区域间距 */
.layui-body {
padding: 15px;
}
/* 响应式调整 */
@@media screen and (max-width: 768px) {
.layui-nav-item
.layui-nav-child {
position: static;
background-color: transparent;
box-shadow: none;
}
}
</style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<!-- 头部区域 -->
<div class="layui-header">
<div class="layui-logo">村信息管理系统</div>
<!-- 左侧导航 -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item">@
Html.ActionLink("首页", "Index", "Home")</li>
</ul>
<!-- 右侧用户信息 -->
@* <ul class="layui-nav layui-layout-right">
@if (Request
.IsAuthenticated)
{
<li class="layui-nav-item">
<a href="javascript:;">
<img src="~/Content/images/user
.png" class="layui-nav-img">
@User
.Identity
.Name
</a>
<dl class="layui-nav-child">
<dd><a href="@Url
.Action("Manage", "Account")"><i class="layui-icon layui-icon-set"></i> 账户设置</a></dd>
<dd><a href="@Url
.Action("ChangePassword", "Account")"><i class="layui-icon layui-icon-password"></i> 修改密码</a></dd>
<dd><a href="@Url
.Action("Logout", "Account")"><i class="layui-icon layui-icon-logout"></i> 退出登录</a></dd>
</dl>
</li>
}
else
{
<li class="layui-nav-item">@
Html.ActionLink("登录", "Login", "Account")</li>
<li class="layui-nav-item">@
Html.ActionLink("注册", "Register", "Account")</li>
}
</ul> *@
</div>
<!-- 左侧导航菜单 -->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="side-nav">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;"><i class="layui-icon layui-icon-set"></i> 系统管理</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("用户管理", "UserList", "User")</dd>
<dd>@
Html.ActionLink("注册用户", "Register", "User")</dd>
<dd>@
Html.ActionLink("修改密码", "ChangePassword", "Account")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-user"></i> 人口信息管理</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("人信息查看", "UserList", "CMB")</dd>
<dd>@
Html.ActionLink("村内迁移", "VillageMigration", "Population")</dd>
<dd>@
Html.ActionLink("死亡登记", "DeathRegistration", "Population")</dd>
<dd>@
Html.ActionLink("出生登记", "BirthRegistration", "Population")</dd>
<dd>@
Html.ActionLink("失联人员", "MissingPerson", "Population")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-form"></i> 户籍人口管理</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("迁入", "MoveIn", "Household")</dd>
<dd>@
Html.ActionLink("迁出", "MoveOut", "Household")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-app"></i> 民政信息</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("低保管理", "SubsistenceAllowance", "CivilAffairs")</dd>
<dd>@
Html.ActionLink("五保管理", "FiveGuarantees", "CivilAffairs")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-user"></i> 集体经济组织成员</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("成员户信息", "MemberHousehold", "CollectiveEconomy")</dd>
<dd>@
Html.ActionLink("成员人信息", "MemberPerson", "CollectiveEconomy")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-location"></i> 土地确权信息</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("户信息", "HouseholdInfo", "Land")</dd>
<dd>@
Html.ActionLink("土地数量", "LandQuantity", "Land")</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon layui-icon-home"></i> 村名信息</a>
<dl class="layui-nav-child">
<dd>@
Html.ActionLink("村名管理", "CMBList", "CMB")</dd>
<dd>@
Html.ActionLink("自然村管理", "ZRCBList", "CMB")</dd>
<dd>@
Html.ActionLink("组管理", "ZBBList", "CMB")</dd>
</dl>
</li>
</ul>
</div>
</div>
<!-- 主体内容区域 -->
<div class="layui-body">
@RenderBody()
</div>
<!-- 底部固定区域 -->
<div class="layui-footer">
© @DateTime
.Now
.Year 村信息管理系统 - 版权所有
</div>
</div>
<!-- LayUI 核心JS -->
<link href="~/layui/css/layui
.css" rel="stylesheet" />
<script>
//JavaScript代码区域
layui
.use(['element', 'layer'], function () {
var element = layui
.element;
var layer = layui
.layer;
// 监听导航点击
element
.on('nav(side-nav)', function (elem) {
// 可以在这里
添加导航点击后的逻辑
});
});
</script>
@RenderSection("scripts", required: false)
</body>
</
html>帮我在这个页面中引入 bootstrap
本文探讨了在使用@Html.ActionLink方法时正确的参数设置方式，对比了两种不同写法的正确性和有效性，并强调了在ASP.NET MVC项目中如何正确应用这一特性来生成链接。
扫一扫
1054
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
