.net core mvc初级教程（六）

一、创建movie的视图
二、对cinema、movie视图添加‘添加信息’的操作

一、创建movie的视图

在views文件夹下添加Movie文件夹，在这个文件夹下添加Index.cshtml视图，为什么添加Index.cshtml这个名字的视图，可以看看我们写的MovieController控制器

@using DemoCoreStudy.Models
@model IEnumerable<Movie><div class="container"><div class="row"><table class="table"><thead class="thead-dark"><tr><th scope="col">Id</th><th scope="col">Name</th><th scope="col">Staring</th><th scope="col">ReleseDate</th><th></th></tr></thead><tbody>@Html.DisplayForModel()</tbody></table></div>
</div>

然后再Movie文件夹下添加DispalyTemplates文件夹，其中添加Movie.cshtml视图

@model DemoCoreStudy.Models.Movie<tr><th scope="col">@Model.Id</th><td>@Model.Name</td><td>@Model.Starring</td><td>@Model.ReleseDate</td><td asp-action="Edit" asp-route-movieId="@Model.Id">编辑</td>
</tr>

接下来回到MovieController控制器添加Edit方法

public IActionResult Edit(int movieId){return RedirectToAction("Index");}
``
`然后我们回到Cinema.cshtml，写下一个跳转链接，点一下电影名可以跳转到对应的的电影界面

@model DemoCoreStudy.Models.Cinema

@Model.Id @Model.Name @Model.Location @Model.Capacity 编辑 ``` 就插了一行，现在运行，可以完美运行

QWQ
开心

二、对cinema、movie视图添加‘添加信息’的操作

接下来就是对信息添加功能的操作了
先对cinema进行添加操作

我们需要有个添加的按钮
打开cinema视图的index添加，

@model IEnumerable<DemoCoreStudy.Models.Cinema><div class="container"><div class="row"><table class="table"><thead class="thead-dark"><tr><th scope="col">Id</th><th scope="col">Name</th><th scope="col">Location</th><th scope="col">Capacity</th><th></th></tr></thead><tbody>@Html.DisplayForModel()</tbody></table><a asp-action="Add">添加</a></div>
</div>

接下来建立Add.cshtml
打开bootstrap官网，左边菜单 Components->Forms

下面是官方原本的代码

<form><div class="form-group row"><label for="staticEmail" class="col-sm-2 col-form-label">Email</label><div class="col-sm-10"><input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com"></div></div><div class="form-group row"><label for="inputPassword" class="col-sm-2 col-form-label">Password</label><div class="col-sm-10"><input type="password" class="form-control" id="inputPassword" placeholder="Password"></div></div>
</form>

根据官方给出的文档修改下，再Home文件夹下建立Add.cshtml
Add.cshtml

@model DemoCoreStudy.Models.Cinema<div class="container"><form asp-action="Add"><div class="form-group row"><label asp-for="Name" class="col-sm-2 col-form-label">电影名称</label><div class="col-sm-10"><input type="text" class="form-control" asp-for="Name" /></div></div><div class="form-group row"><label asp-for="Location" class="col-sm-2 col-form-label">地点</label><div class="col-sm-10"><input type="text" class="form-control" asp-for="Location" /></div></div><div class="form-group row"><label asp-for="Capacity" class="col-sm-2 col-form-label">容纳多少观众</label><div class="col-sm-10"><input type="text" class="form-control" asp-for="Capacity" /></div></div><div class="form-group row"><div class="col-sm-10 offset-sm-2"><button type="submit" class="btn btn-primary">Submit</button></div></div></form>
</div>

来运行下吧

啊哈哈哈！搞定了，对于movie的添加原理相同，不同的是你要添加到那个电影院的Id名头下

在movie文件夹下的Index添加按钮

@using DemoCoreStudy.Models
@model IEnumerable<Movie><div class="container"><div class="row"><table class="table"><thead class="thead-dark"><tr><th scope="col">Id</th><th scope="col">Name</th><th scope="col">Staring</th><th scope="col">ReleseDate</th><th></th></tr></thead><tbody>@Html.DisplayForModel()</tbody></table><a asp-action="Add" asp-route-cinemaId="@ViewBag.cinemaId">添加</a></div>
</div>

asp-route-cinemaId="@ViewBag.cinemaId"这句话意思为要返回一个对应cinemaId的值，将电影数据加入对应的电影院之下
在movie文件夹下添加Add.cshtml视图

@model DemoCoreStudy.Models.Movie<div class="container"><form asp-action="Add"><input type="hidden" asp-for="CinemaId" /><!--隐藏返回的Id属性--><div class="form-group row"><label asp-for="Name" class="col-sm-2 col-form-label">电影名称</label><div class="col-sm-10"><input type="text" class="form-control" asp-for="Name" /></div></div><div class="form-group row"><label asp-for="Starring" class="col-sm-2 col-form-label">主演</label><div class="col-sm-10"><input type="text" class="form-control" asp-for="Starring" /></div></div><div class="form-group row"><label asp-for="ReleseDate" class="col-sm-2 col-form-label">上映时间</label><div class="col-sm-10"><input type="date" class="form-control" asp-for="ReleseDate" /></div></div><div class="form-group row"><div class="col-sm-10 offset-sm-2"><button type="submit" class="btn btn-primary">Submit</button></div></div></form>
</div>

这两个地方出现了问题，改下
第一张图的问题就不解释了
第二张图

我们的Add.cshtml中需要得到cinemaId，所以要添加ViewBag.CinemaId = cinemaId;
告诉它应该放入那个电影院中

已经可以了

github源码：https://github.com/1045683477/.net-Core-MVC-