官术网_书友最值得收藏!

Creating a view

To create a view, we first need to create the matching folder if it doesn't already exist, and then create the file. Follow these steps to accomplish that:

  1. On Solution Explorer, right-click on the project name and choose Add | New Folder.
  2. Set the name as Views and click Enter.
  3. Right-click on the newly created Views directory and, again, choose Add | New Folder.
  4. Set the new folder name as Home and click Enter.
  5. Right-click on the new Home folder and choose Add | View....

On the Add View dialog, do the following:

  1. Set the View name as Index.
  2. Choose Empty (without model) on the Template field.
  3. Uncheck the Use a layout page checkbox.
  1. Click Add:
  1. The new view has now been scaffolded for you.
  2. Find the <body></body> tags and change them to <body>I'm a fullstack developer!</body>.

Now that we have the view ready, we need to instruct the controller action to show the view:

  1. Open the HomeController class, which is in the Controllers/HomeController.cs file.
  2. Find the following line:
return Content("Hello from MVC!");

Replace it with this line:

return View();
  1. Run the application (press F5, or go to Debug | Start Debugging).
  2. The browser should open and look similar to the following screenshot:
  1. Congratulations! You have a working ASP.NET Core MVC view!

For now, this fits all of our SPA needs. We will dive into the HTML and view aspects more deeply when we discuss Angular in the next part of this book.

主站蜘蛛池模板: 柞水县| 新宾| 新河县| 普格县| 榆社县| 普宁市| 泾源县| 丘北县| 锦屏县| 公主岭市| 翁源县| 潢川县| 四会市| 长葛市| 乡城县| 沾化县| 扎鲁特旗| 龙江县| 白朗县| 枞阳县| 商南县| 松溪县| 洪雅县| 滦平县| 琼海市| 丰宁| 多伦县| 开化县| 广州市| 临洮县| 龙井市| 唐河县| 隆昌县| 双柏县| 临泽县| 九寨沟县| 平安县| 叶城县| 千阳县| 南木林县| 鹿泉市|