冯 海

一个程序新人菜鸟的日记,希望大家多多关照。QQ:32316131

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.

  

 

 

 

 

 

 

 

posted @ 2017-05-30 15:43  秋天来了哟  阅读(109)  评论(0)    收藏  举报
认识就是缘份,愿天下人都快乐!
QQ: 32316131
Email: 32316131@qq.com