c# - 如何在 C# MVC 中显示基于月份和年份的详细信息
问题描述
我对 c# MVC 有点陌生。我想根据月份和年份显示图像及其内容或详细信息。我怎么做?现在我正在显示所有内容。但我想显示如下内容:
我的图像在不同的表中,称为“照片”。和日期内容在称为“文章”的不同表中。
2018
七月
[图片] [你好世界]
六月
[图片] [你好世界!!!你好世界]
看法:
@model Magzine.Models.Article
<div class="row">
@if (Model.Image.Count > 0)
{
@foreach (var img in Photos)
{
<div class="col-md-2">
<img class="Img" src="=@Url.Content(img.img_url) " /></a>
</div>
}
}
<div class="col-md-10">
<strong>@Model.date</a></strong>
<strong>@Model.content</a></strong>
</div>
</div>
解决方案
这是一个想法。您的模型是文章列表。因此,您需要按文章的年份和月份对列表进行分组。
Model.GroupBy(item => item.date.Month)
Foreach 组,您应该通过下面的方法打印月份的名称和他的集合关联。
CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(group.Key)
但我建议您在服务器中执行这些操作并返回包含精炼数据的模型。View 上没有动作计算,只是if
并且for
可以接受。
看法:
@foreach (var groupYear in Model.GroupBy(item => item.data.Year).Select(group => new { Key = group.Key, Items = group.ToList() })
{{Key}}
@foreach (var groupMonth in Items.GroupBy(item => item.date.Month))
<span>{CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(groupMonth.Key)};
@foreach (var article in groupMonth )
{
<div class="row">
<div class="col-md-2">
<img class="Img" src="=@Url.Content(article.img_url)"/></a>
</div>
<div class="col-md-10">
<strong>@article.date</a></strong>
<strong>@article.content</a></strong>
</div>
</div>
}
}
推荐阅读
- time-series - 如何将先前的时间戳预测作为下一个时间戳的附加输入?
- c - 请告诉我为什么这段代码不起作用
- python - Pandas series.map 将值更改为 NaN
- python - 如何返回 Django 模型中两个 DateTimeFields 的差异?
- python - 如何根据与 GeoPandas 的匹配属性计算两点之间的距离?
- python - 删除内容后如何在 tkinter 中缩小框架?
- python - 如何在 AWS Lambda 中缓存多个 AWS Parameter Store 值?
- vb.net - Visual Studio 2019 中的选项在哪里让 Ctrl-K Ctrl-D 不对 VB.NET 代码进行样式更改?
- c# - 如何使用 do while
- combobox - React 小部件组合框;如何清除输入或防止选择