.net core mvc初級教程(五)

1、搭建電影院網頁目錄信息
2、搭建電影院對應電影信息html

以上都是ASP知識,前端部分前端

1、搭建電影院網頁目錄信息

先,之前寫的有點錯誤,改下,HoemController中git

//添加電影院信息
        public IActionResult add()
        {
            ViewBag.Title = "添加電影院";
            return View(new Cinema());
        }

上面這個改下github

由於咱們之前寫的返回視圖都是Index,好比
在這裏插入圖片描述
因此咱們在views文件夾下的home文件夾創建的是Index.cshtml,如今咱們將Index.cshtml之前的信息去掉,
而後咱們視圖全部數據對應對應的時Cinema()裏面的信息
因此在Index.cshtml中添加@model IEnumerable<CoreDemo.Models.Cinema>
由於他的數據時IEnumerable返回的web

接下來,咱們須要對視圖進行佈局
而後去bootstrap中找到佈局bootstrap

接着坐下table,打開官網,點擊左邊菜單content->tables
https://getbootstrap.com/docs/4.2/content/tables/
咱們用下這個table
在這裏插入圖片描述svg

@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>
    </div>
</div>

2、搭建電影院對應電影信息

tbody這塊代碼
看看DisplayForModel源碼
在這裏插入圖片描述佈局

上面的意思爲自定義模板能夠在DisplayTemplates文件夾下找到。文件夾名稱對大小寫敏感
在Home文件夾下建立DisplayTemplates文件夾,添加Cinema.cshtml視圖測試

Cinema.cshtml代碼.net

@model DemoCoreStudy.Models.Cinema
<tr>
    <td>@Model.Id</td>
    <td>@Model.Name</td>
    <td>@Model.Location</td>
    <td>@Model.Capacity</td>
    <td>
       <a asp-controller="Home" asp-action="Edit" asp-route-cinemaId="@Model.Id">編輯</a>
    </td>
</tr>

這篇代碼表示body裏面的數據,與@Html.DisplayForModel()相對應,
其中有一行代碼可能不理解
asp-controller="Home"是調用home控制器,也就是HomeController
asp-action=「Edit"運用其中Edit方法。emmmm我說的不專業,通俗點說
asp-route-cinemaId="@Model.Id」,asp-route-意思爲Edit方法的參數cinemaId等於@Model.Id,也就是Ciname.Id
後面的‘編輯‘意思是這個操做的名字爲編輯

而後發現Edit沒寫進去,打開Homecontroller添加下

public IActionResult Edit(int cinemaId)
        {
            return RedirectToAction("Index");
        }
只作測試用,暫時不加方法

運行

在這裏插入圖片描述
噹噹噹!!!
能夠點擊編輯按鈕,發現只不過是刷新界面而已
而後發現還有點小問題是Id值沒有
去CinemaMemoryService方法中加下Id

而後再運行就有了

下面一片講對movie的操做 怎樣點擊電影院能夠打開對應電影信息 我是酒窩豬,謝謝堅持到這裏的朋友QWQ github代碼https://github.com/1045683477/.net-Core-MVC-

相關文章
相關標籤/搜索