生活随笔
收集整理的這篇文章主要介紹了
.net core mvc初级教程(六)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、創(chuàng)建movie的視圖
二、對(duì)cinema、movie視圖添加‘添加信息’的操作
一、創(chuàng)建movie的視圖
在views文件夾下添加Movie文件夾,在這個(gè)文件夾下添加Index.cshtml視圖,為什么添加Index.cshtml這個(gè)名字的視圖,可以看看我們寫的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>
然后再M(fèi)ovie文件夾下添加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>
接下來(lái)回到MovieController控制器添加Edit方法
public IActionResult Edit(int movieId){return RedirectToAction("Index");}
``
`然后我們回到Cinema.cshtml,寫下一個(gè)跳轉(zhuǎn)鏈接,點(diǎn)一下電影名可以跳轉(zhuǎn)到對(duì)應(yīng)的的電影界面
@model DemoCoreStudy.Models.Cinema
@Model.Id @Model.Name @Model.Location @Model.Capacity 編輯 ``` 就插了一行,現(xiàn)在運(yùn)行,可以完美運(yùn)行
QWQ
開(kāi)心
二、對(duì)cinema、movie視圖添加‘添加信息’的操作
接下來(lái)就是對(duì)信息添加功能的操作了
先對(duì)cinema進(jìn)行添加操作
我們需要有個(gè)添加的按鈕
打開(kāi)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>
接下來(lái)建立Add.cshtml
打開(kāi)bootstrap官網(wǎng),左邊菜單 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>
根據(jù)官方給出的文檔修改下,再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">地點(diǎn)</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>
來(lái)運(yùn)行下吧
啊哈哈哈!搞定了,對(duì)于movie的添加原理相同,不同的是你要添加到那個(gè)電影院的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"這句話意思為要返回一個(gè)對(duì)應(yīng)cinemaId的值,將電影數(shù)據(jù)加入對(duì)應(yīng)的電影院之下
在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">上映時(shí)間</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>
這兩個(gè)地方出現(xiàn)了問(wèn)題,改下
第一張圖的問(wèn)題就不解釋了
第二張圖
我們的Add.cshtml中需要得到cinemaId,所以要添加ViewBag.CinemaId = cinemaId;
告訴它應(yīng)該放入那個(gè)電影院中
已經(jīng)可以了
github源碼:https://github.com/1045683477/.net-Core-MVC-
轉(zhuǎn)載于:https://www.cnblogs.com/zuiren/p/10849926.html
總結(jié)
以上是生活随笔為你收集整理的.net core mvc初级教程(六)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。