# 1.1.4.Add a new Model, Controller, View

## 1.Add a new model class

* Model主要是具備與問題有關的property以表示物件的state, 而不會有運算邏輯

  ```
    public class Movie
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
  ```

## 2.Add a new Controller

* 在Controller資料夾下面新增一個MoviesController.cs時, Views資料夾下也會自動新增一個Movies資料夾, 當MoviesController.cs下的某一個ActionResult回傳了View()時, 就會到Views/Movies下面尋找對應的.cshtml
* 在MoviesController.cs的Random()內新增一個Movie物件並放入View()中, 建立model跟view的binding

  ```
    // GET: Movies/Random
    public ActionResult Random()
    {
        var movie = new Movie() { Name = "Shrek" };
        return View(viewModel);
    }
  ```

## 3.Add a new View

* @Model預設是dynamic, 因此無法抓到model下的property, 必須先指定model是哪個檔案

```
    model Vidly2.Models.Movies
    @{
        ViewBag.Title = "Random";
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <h2 class = "@className">@Model.Name</h2>
```

* 可以到bootswatch下載不一樣的bootstrap.css並放到/Content底下
* 修改/App\_Start/BundleConfig.cs

## 4.Build and Run

* Open browser and type url : movie/random


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://jen-hsuan-hsieh.gitbook.io/asp-net/chapter1/1.1.the-complete-asp.net-mvc-5-course/11getting-started/114add-a-new-model-controller-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.