MVC5学习系列——添加视图

最新推荐文章于 2022-10-12 15:24:53 发布

原创最新推荐文章于 2022-10-12 15:24:53 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#C# #mvc #视图

MVC学习系列专栏收录该内容

7 篇文章

订阅专栏

本文介绍了MVC5中视图的基本用法，通过实例展示了如何在控制器中传递数据到视图，并在视图中显示这些数据。文章还演示了如何使用ViewData对象来传递多个值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MVC5学习笔记，其实就是敲了一遍官网代码，官网地址：http://www.asp.net/mvc

接着上一篇MVC5学习系列——HelloWorld，这次我们添加真正的页面——视图（*.cshtml）,再添加视图之前我们还原HomeController.cs的代码：

public class HomeController : Controller
    {
        //public string Index()
        //{
        //    return "这是我的第一个MVC5应用程序！";
        //}

        //public string Index(string id)
        //{
        //    return "参数ID为：" + id;
        //}

        //public string Index(string p1, int id)
        //{
        //    return "参数p1为：" + p1 + "<br/>id为：" + id;
        //}

        //public string Index(string p1, int id=0)
        //{
        //    return "参数p1为：" + p1 + "<br/>id为：" + id;
        //}

        //public string Welcome()
        //{
        //    return "嗨，我来自Welcome方法！";
        //}

        // GET: Home
        public ActionResult Index()
        {
              return View();
        }
    }

然后，添加视图：

将创建好的视图，我们稍作修改，修改页面Title、添加点内容，然后调试：

哈哈，这次比较顺利。

下面我们看看如何从视图是如何获取控制器的值的,修改控制器代码：

 // GET: Home
        public ActionResult Index(string name, int numTimes = 1)
        {
            ViewData["Message"] = "Hello " + name;
            ViewData["NumTimes"] = numTimes;
            return View();
        }

在视图上添加代码：

 <ul>
            @for (int i = 0; i < (int)ViewData["NumTimes"]; i++)
            {
                <li>@ViewData["Message"]</li>
            }
        </ul>

直接调试，界面如下：