首页 > 代码库 > 自己开发博客(ASP.NET MVC+EF CodeFrist)-历程小功能
自己开发博客(ASP.NET MVC+EF CodeFrist)-历程小功能
自己开发博客(ASP.NET MVC+EF CodeFrist)-时间轴小功能
想写个类似时间轴的效果 就找了一个插件
前端不济 找了一个简单的插件地址http://sc.chinaz.com/jiaoben/130509308250.htm
这是实体类
public class TimnAxis : BaseEntity<int> { [Required(ErrorMessage = "{0}是必须的")] [Display(Name = "时间")] public DateTime Time { get; set; } [Required(ErrorMessage = "{0}是必须的")] [Display(Name = "标题")] [StringLength(50, ErrorMessage = "长度必须少于{1}个字")] public string Title { get; set; } [Required(ErrorMessage = "{0}是必须的")] [Display(Name = "内容")] [StringLength(1000, ErrorMessage = "长度必须少于{1}个字")] public string Content { get; set; } }
这是控制器
[HttpGet] public ActionResult TimnAxis(bool isAll=false) { ViewBag.WebInfo = webInfo; List<TimnAxis> timnAxises=new List<TimnAxis>(); if (isAll) { timnAxises = ItimnAxisManager.FindList().OrderBy(t => t.Time).ToList(); } else { timnAxises = ItimnAxisManager.FindList().OrderBy(t => t.Time).Take(30).ToList(); } return View(timnAxises); }
依赖的脚本和循环出内容
@section style{ <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"/Content/timeaxis/css/default.css" /> <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"/Content/timeaxis/css/component.css" />}@section scripts{ <script src=http://www.mamicode.com/"/Content/timeaxis/js/modernizr.custom.js"></script>}
<div class="main "> <ul class="cbp_tmtimeline"> @{ foreach (var item in Model) { <li> <time class="cbp_tmtime" datetime="2013-04-18 09:56"> <span style="font-size: 20px"> @item.Time.ToString("yyyy/MM/dd") </span> <span style="font-size: 25px">@item.Time.Hour :@item.Time.Minute</span> </time> <div class="cbp_tmicon cbp_tmicon-phone"></div> <div class="cbp_tmlabel"> <h2>@item.Title</h2> <p> @item.Content </p> </div> </li> } } </ul></div>
前台
后台
用的bootstrap table 做简单的管理
个人博客地址 http://www.yhyboy.top/
自己开发博客(ASP.NET MVC+EF CodeFrist)-历程小功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。