bootstrap adminlte教程4-1:实现新建文章的功能
1.首先更改CmsContent的index控制器和前台。
public async Task<ActionResult> Index()
{
ViewBag.drolistmenu =db.CmsColumns.Select(g => new SelectListItem
{
Text = g.Name,
Value = g.Id.ToString(),
Selected = false
});
return View(await db.CmsContents.ToListAsync());
}
@model IEnumerable<jsdhh2.Models.CmsContent>
@{
ViewBag.Title = "Index"; Layout = "~/Views/Shared/_AdminLayout.cshtml";
}
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
文章管理
<small>分为超管和本人</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
<li class="active">Here</li>
</ol>
</section>
<!--end Content Header (Page header) -->
<!-- Main content -->
<section class="content">
<div class="col-xs-12">
<div class=" ">
<div class="panel panel-default">
<div class="panel-heading">
<a class="btn btn-primary" href="/CmsContents/Create">新建</a>
</div>
<div class="panel-body">
<form class="form-inline">
<div class="form-group">
@Html.DropDownList("SeachColumnString", new SelectList(ViewBag.drolistmenu, "Value", "Text"), "请选择")
</div>
<div class="form-group">
<div class="input-group col-md-12">
<input id="txtSearchKey" type="text" class="input form-control" placeholder="搜索关键字" />
<span class="input-group-btn ">
<button id="btnSearch" class="btn btn btn-primary" type="button"> <i class="fa fa-search"></i> 搜索</button>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="box">
<div class="box-body table-responsive no-padding">
<table class="table">
<tr>
<th>
标题
</th>
<th>创建时间
</th>
<th>
创建者
</th>
<th></th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.DisplayFor(modelItem => item.CreatTime, "DateTimeTemplate")
</td>
<td>
</td>
@Html.DisplayFor(modelItem => item.CreatUser)
<td>
@Html.ActionLink("修改", "Edit", new { id = item.Id }, new { @class = "btn btn-info" }) |
@Html.ActionLink("阅读", "Details", new { id = item.Id }, new { @class = "btn btn-success" }) |
@Html.ActionLink("删除", "Delete", new { id = item.Id }, new { @class = "btn btn-warning" })
</td>
</tr>
}
</table>
</div>
</div><!-- /.box -->
</div>
<!-- Main content -->
</section>
效果如下:注意,搜索和栏目搜索功能还没有做。

2.
浙公网安备 33010602011771号