ASP.NET MVC5网站开发之添加删除重置密码修改密码列表浏

在Index方法上右键添加视图 

@{
 ViewBag.Title = "管理员";
}

<ol class="breadcrumb">
 <li><span class="glyphicon glyphicon-home"></span> @Html.ActionLink("首页", "Index", "Home")</li>
 <li class="active">@Html.ActionLink("管理员", "Index", "Admin")</li>
</ol>

@section style{
 @Styles.Render("~/Content/bootstrapplugincss")
}

@section scripts{
 @Scripts.Render("~/bundles/jqueryval")
 @Scripts.Render("~/bundles/bootstrapplugin")
 
}

添加侧栏导航视图
Ninesky.Web/Areas/Control/Views/Admin【右键】->添加->视图 

视图代码如下 

<div class="panel panel-default">
 <div class="panel-heading">
 <div class="panel-title"><span class="glyphicon glyphicon-lock"></span> 管理员</div>
 </div>
 <div class="panel-body">
 <div class="list-group">
 <div class="list-group-item"><span class="glyphicon glyphicon-list"></span> @Html.ActionLink("管理","Index")</div>
 </div>
 </div>
</div>

在Index视图中添加@section SideNav{@Html.Partial("SideNavPartialView")}（如图）

1、管理员列表
 在Admin控制器中添加ListJson()方法 

/// <summary>
 /// 管理员列表
 /// </summary>
 /// <returns></returns>
 public JsonResult ListJson()
 {
 return Json(adminManager.FindList());
 }

为在index中使用bootstrap-table显示和操作管理员列表，在index视图中添加下图代码。 

<div id="toolbar" class="btn-group" role="group">
 <button id="btn_add" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> 添加</button>
 <button id="btn_del" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span> 删除</button>
</div>
<table id="admingrid"></table>

在@section scripts{ } 中添加js代码 

<script type="text/javascript">

 $(document).ready(function () {

 //表格
 var $table = $('#admingrid');
 $table.bootstrapTable({
 toolbar: "#toolbar",
 showRefresh: true,
 showColumns: true,
 showFooter: true,
 method: "post",
 url: "@Url.Action("ListJson")",
 columns: [
 { title: "state", checkbox: true },
 { title: "ID", field: "AdministratorID" },
 { title: "帐号", field: "Accounts" },
 { title: "登录时间", field: "LoginTime", formatter: function (value) { return moment(value).format("YYYY-MM-DD HH:mm:ss") } },
 { title: "登录IP", field: "LoginIP" },
 { title: "创建时间", field: "CreateTime", formatter: function (value) { return moment(value).format("YYYY-MM-DD HH:mm:ss") } },
 { title: "操作", field: "AdministratorID", formatter: function (value, row, index) { return "<a href="javascript:void(0)" onclick="ResetPassword(" + value + ",'" + row.Accounts + "')">重置密码</a>" } }
 ]
 });
 //表格结束
 });
 </script>
}

显示效果如图： 

（编辑：滁州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!