> For the complete documentation index, see [llms.txt](https://jen-hsuan-hsieh.gitbook.io/asp-net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](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).

# 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