自己的率先个ASP,增多一个视图

程序运维起,效果如上图,看起来还可以。可是,请留神浏览器的标题栏呈现“List——笔者的第多少个ASP.NET
MVC应用程序”和在页面顶上部分的“将您的徽标放置在此地”有些不和睦,再张开一些改动。

原创作品,转发必需评释出:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/learnmvc5-addaview/

在布局模板中修改站点标题行,由”将您的徽标放置在那边“改为”MVC 电影“。

运行应用程序并浏览到http://localhost:36878/HelloWorld/list
。请小心,在浏览器中当前页面包车型客车标题,次级标题已经改造。
(若是你浏览器中从未产生变化,也许是由于浏览器缓存了事先的剧情。请按Ctrl

增多视图

在本章节中、笔者将指引你们修改HelloWorldController类。使用视图模板文件轻易方便的封装生成HTML响应的经过。

您将选用Razor View Engine
成立二个视图模板文件。基于Razor的视图模板包括三个以.cshtml为后缀的公文,况兼使用C#以一种优雅的点子穿件HTML展现页面。Razor在您创立四个视图模板时能够让你的编码量最小,落成高效流畅的编码专门的工作流。

现阶段您调整器中的Index方法再次来到二个硬编码字符串作为音信。修改Index方法,再次回到一个View对象,具体代码如下:

 

public ActionResult Index() 
{ 
    return View(); 
}

右键View\HelloWorld文件夹,点击Add、点击MVC 5 View Page with(Layout
Razor)。上面包车型客车Index方法通过重返三个View模板来生成三个HTML响应给浏览器。如上边的Index方法的调节器方法(或然Action方法)平常重回三个ActionResult(或三个卫冕自ActionResult的类)实际不是如string一般的原始类型。

威尼斯人6799.com 1

 

在Spacify Name for
Item弹出框中输入index然后点击Ok

威尼斯人6799.com 2

 

在Select a Layout
Page弹出框中,选拔默许的_Layout.cshtml并点击OK

威尼斯人6799.com 3

 

下面呈现的弹出框中,右左侧栏中自行勾选上Views\Shared文件。借令你有自定义的布局文件,你也得以选取接纳。稍后本人将会讲课布局文件。

透过地方的手续,MvcMovie\Views\HelloWorld\Index.cshtml文件已经创制作而成功。

威尼斯人6799.com 4

 

 

用上边代码覆盖已有代码

 

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>Hello from our View Template!</p>

 右键Index.cshtml文件,并精选在浏览器中查看,恐怕选取在Page
Inspector中查阅

威尼斯人6799.com 5

别的,运营应用程序并步向HelloWorld调整器(http://localhost:xxxx/HelloWorld)。调整器中的Index函数只是轻巧的归来View(),那些方式只是应用一个视图模板文件显示给浏览器。因为你从未点名呈现哪二个视图模板文件,所以ASP.NET
MVC暗中同意使用你View\HelloWorld文件夹下的index.cshtml文件。上面包车型地铁图片显示index.cshtml文件中的硬编码字符串“Hello
from our View Template!”

威尼斯人6799.com 6

 

看起来很好。不过,注意看的话,能够窥见在浏览器的标题栏彰显着”Index
My ASP.NET Appli”.在页面包车型地铁顶端也显得的”Application name.”

打开MvcMovie\Views\HelloWorld\Index.cshtml文件。里面有两处地点须要修改:

第一,   对于页面包车型客车标题实行改换

从Controller到View传递数据

在大家应用数据库疏解Model前,让大家先讲解下从调整器到视图传递值。调节器类被用来响应传入的UOdysseyL响应。调整器类是您编写的代码管理传入的浏览器伏乞,从数据库中搜寻数据,并最后决定怎么着类型的响应发送回浏览器。视图模板能够用来从二个调节器来发生和格式化HTML响应到浏览器。调整器负担提供视图模板将展现到浏览器所急需的其他数据或对象。三个最好的推行措施即:一个视图模板不该施行专门的工作逻辑或直接与数据库交互。反来讲之,视图模板则独自用来操作调整器提供的数量。那正是所谓的“关切点分离”,这使得代码保持到底,可测验,切易于维护。

近年来HellowWorldController类中的Welcome方法须要name和numTImes五个参数,然后回到到浏览器中。实际不是调控器呈现这么些响应到字符串,汤大家应用四个视图模板来改动调整器。视图模板将会选择你从调节器传递的到视图的参数俩生成多少个动态响应。你能够通过调整器采取ViewBag动态传递参数。

让我们展开HelloWorld文件,修改Welcom函数,增加多个NumTImes变量到ViewBag。ViewBag是动态指标,你能够将另外你想放入的变量放到ViewBag中。在你从未归入任何变量前ViewBag未有其余性质。ASP.Net模型绑定系统动态从url中的查询字符串中映射变量到你函数的参数中。全体HelloWorldController.cs文件代码如下:

 

using System.Web;
using System.Web.Mvc;
namespace MvcMovie.Controllers
{
    public class HelloWorldController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult Welcome(string name, int numTimes = 1)
        {
            ViewBag.Message = "Hello " + name;
            ViewBag.NumTimes = numTimes;
            return View();
        }
    }
}

现行反革命ViewBag包蕴了将动态传递到View中的数据。上边,你要求贰个Welcome视图模板文件。先生成二次应用程序,然后右键Views\HelloWorld文件。点击Add然后点击MVC
5 View Page with (Layout Razor).

威尼斯人6799.com 7

在Specify Name for
Item弹出框中输入Welcome然后点击OK。在Select a Layout Page
弹出框中精选_Layout.cshtml然后点击OK。

威尼斯人6799.com 8

 

MvcMovie\Views\HelloWorld\Welcome.cshtml文件创形成功。

行使上面包车型客车代码替换Welcome.cshtml文件内容,代码将会循环打字与印刷你输入的次数个“Hello”。

 

@{
    ViewBag.Title = "Welcome";
}
<h2>Welcome</h2>
<ul>
    @for (int i = 0; i < ViewBag.NumTimes; i++)
    {
        <li>@ViewBag.Message</li>
    }
</ul>

 

以往U纳瓦拉L中的数据经过模型绑定传递到调整中。然后控制器将数据放到ViewBag中,通过ViewBag传递到视图中。最终视图彰显数据到HTML中。运转应用程序,输入下边UXC60L:http://localhost:xx/HelloWorld/Welcome?name=Scott&numtimes=4

威尼斯人6799.com 9

上边的例证中大家利用ViewBag对象从调整器传递数据到视图中。在下一篇小说中,大家将会选拔视图模型从调控器传递数据到视图中。

 

在大家创造数据库并探究模型此前,让大家先商量下从调控器传递新闻到视图。调整器类被调用来响应输入网站诉求。在支配器类中编辑代码,管理浏览器输入哀告,从数据库获取数据,何况决定如何品种的响应被发回浏览器供给。来自调整器的视图模板被用于转移和格式化HTML响应给浏览器。

三、从调节器传递数据到视图

修改视图和布局页

率先你要修改页面顶上部分的”Application
name”链接。这么些文件是有所页面共有的。实际上,文本内容在整个项目中只兑今后多少个地点正是他在各个页面都来得。张开/Views/Shared文件夹下的_Layout.cshtml文件。这种文件叫做布局页,而且它是在分享文件夹中供全部页面使用。

威尼斯人6799.com 10

 

布局模板允许你在网址的某一个地点钦定网站的HTML容器布局,然后将它选拔在网址的越来越多页面上。找到@RenderBody()这一行。RenderBody是您创制的视图页面显示的二个占位符。举例你挑选了About链接,Views\Home\About.cshtml视图将会议及展览今后RenderBody函数中

修改Title成分的内容。将ActionLink中的字符串“Application
name”修改为“MVC
Movie”,并将意味调整器的参数修改为Movies,上面为视图模板的全体内容:

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Movie App</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">



                </button>
                @Html.ActionLink("MVC Movie", "Index", "Movies", null, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>© @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

 

威尼斯人6799.com 11

运转应用程序,能够明显的观望改换后的“MVC
Movie”。点击About链接,你料定能够看看页面呈现MVC
Movies。我们只要求在布局模板中期维修改一次,网址中拥有页面都会来得更新后的内容。

 

在我们创立Views\HelloWorld\Index.cshtml
文件的时候,文件里活动包括了上面包车型客车代码:

 

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

Views\_ViewStart.cshtml
文件定义了有着文件都会利用的常用布局,由此你能够遮挡只怕移除Views\HelloWorld\Index.cshtml中的代码。上边的Razor代码用来设置布局页。查看Views\_ViewStart.cshtml
文件,开掘它也包罗类似的Razor代码。

威尼斯人6799.com, 

@*@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}*@
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>

 你能够选用Layout属性来设置差别的布局视图,或许安装null。

当今大家来修改Index视图的标题

打开MvcMovie\Views\HelloWorld\Index.cshtml。这里必要修改两处代码:首先修改浏览器标题,然后修改<h2>标签中的成分。

@{
    ViewBag.Title = "Movie List";
}
<h2>My Movie List</h2>
<p>Hello from our View Template!</p>

为了让HTML的Title展现改动,上边包车型客车代码为ViewBag对象(index.cshtml视图模板中)的Title属性赋值。需求留心的是布局模板(Views\Shared\_Layout.cshtml)在<title>标签中央银行使了上边的ViewBag.Title变量

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Movie App</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>

 

运营应用,能够望见浏览器标题、主题目和二级标题已经济体改成了。(假设你没有看见变化,那么显示的也许是缓存过的分界面。在浏览器中按Ctrl+F5就能够)。大家在Index.cshtml视图模板中经过ViewBag.Title设置的的标题在浏览器中显得成功。通过ViewBag你能够轻松的在您的视图模板和布局文件中传递别的参数。

亟需专注的是,这里的Index.cshtml视图模板时图和与_Layout.cshtml视图模板合并,并扭转二个HTML响应发送到浏览器的。布局模板令你应用程序中改造全数分界面变得不难。

威尼斯人6799.com 12

 

正文中大家的数额都以接纳硬编码(如:“Hello
from our View
Template!”)。大家已经介绍了MVC中的V(View)和C(Controller),可是还并没有M(Model)。不久,大家将介绍如何创立二个数据库和查找模型数据。

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<p>从我们的视图模板里返回!</p>
  <title>@ViewBag.Title - 我的第一个ASP.NET MVC 应用程序</title>

咱俩将创造一个视图模板文件,在那之中使用了ASP.NET
MVC3所引入的Razor视图引擎。Razor视图模板文件使用.cshtml文件扩张名,并提供了多少个雅淡的章程来使用C#语言创制所要输出的HTML。用Razor编写八个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,并贯彻了长足,流畅的编码工作流程。

  • F5让浏览器强制从服务器加载响应。
    )浏览器页面中体现的标题与我们在List.cshtml文件中设定的ViewBag.Title属性的内容是一样的。如下图中的深藕红方框所标示的。

明天多少通过模型绑定从地点栏传递给调节器。调整器将数据打包放进ViewBag对象,并将该对象传递给视图。视图将数据呈现为Html给用户。

 

看起来很科学,但是,注意浏览器标题栏“Index-笔者的ASP.NET
MVC程序”,以及页面顶上部分叁当中号的链接“将你的徽标放置在那边”。链接下方是挂号和登陆链接,再往下是主页、关于、和联系情势的页面链接。让大家来修改那个。

打开MvcApplication\Views\
HelloWorld\List.cshtml文件,做以下修改:

第一,在浏览器标题栏显示的公文;其次,在二级标题(<h2>成分)处。

        public ActionResult WelcomeName(string name, int numTimes = 1)
        {

            ViewBag.Message = "Hello " + name;
            ViewBag.NumTimes = numTimes;
            return View();

        }
@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

 

 未来包蕴数据的ViewBag对象将被活动传递到视图。

 威尼斯人6799.com 13

近日,HelloWorldController类中的Welcome方法是用name和num参数,间接输出值到浏览器。让我们转移调节器,使用视图模板来顶替调控器选择字符串响应央求。视图模板将生产多少个动态响应,意味着你要求传递三个视图模板可访问的ViewBag对象。

3)钦命的调整器将数据打包成一个ViewBag对象

出现增添视图对话框,保留缺省值,并单击添加按钮。

调控器方法(也堪当动作方法),如下边包车型地铁List方法,日常重临二个ActionResult(或是ActionResult的派生类),并非主题类型,如字符串,整形。

运作查看效果。

先是,成立叁个应用Razor视图引擎的视图模板文件,Razor视图模板文件的恢弘名称叫.cshtml,并提供一种相比优雅的艺术采取C#来创建HTML输出。Razor视图模板减弱了编写程序所必要输入的字符数量和打击键盘的次数,并落到实处了飞速、流畅的编码事业。

上边的例子中,大家的数据相当少是硬编码。此MVC应用程序有视图,而且你早就创办了调整器,可是还平昔不模型。相当的慢,我们将设计怎样成立数据库并从中获得模型数据。

 威尼斯人6799.com 14

修改视图页和布局页
                                                                     
         

什么来创建视图呢?在Visual
Studio中为HelloWordController.cs的List调控器方法应用七个视图模板来生成一个HTML的响应给浏览器。

 代码通过安装ViewBag的Title属性来指明HTML题指标显得内容,假如你查看布局模板的源码,你会注意到模板在<title>成分中央银行使该值作为<head>一部分。使用ViewBag,你能够轻松地在视图模板和布局文件传递别的参数。

 

在该项目中,大家得以利用的Index方法来加多二个视图模板。要到位那点,在Index方法中单击鼠标右键,然后单击“加多视图”。

 

<ul>
    @for (int i = 0; i < ViewBag.Num; i++)
    {
        <li>@ViewBag.Message</li>
    }
</ul>

 

那是一种艺术的模型,但不是数据库方式。接下来,大家将学习和开创电影的数据库。

现在,让我们转移List 视图的标题。

 下面的Index方法应用贰个视图模板来生成一个HTML重临给浏览器,调控器的措施(也被称作
action
method(操作方法)),如上面包车型客车Index方法,一般再次回到叁个ActionResult(或从ActionResult所承接的品种),并非固有的花色,如字符串。

第二,对页面中的二级标头(<h2>元素)进行修改。注意二种的改造供给有一点点分歧,以便能直观的开掘,大家修改的是应用程序的哪一部分。

 

 

下一场在Welcome方法中右键单击,选择增加视图,保持默许,加多。

下一场,你须要一个WelcomeName视图模板​​!如下图,新建一个新的视图像和文字件。

 运转程序,访谈HelloWorld调整器http://localhost:54454/HelloWorld。控制器里的Index方法并没有做很多工作,仅仅是执行return
View()语句,钦命只用模板文件来响应浏览器需要。因为我们从没点名使用的沙盘文件名称,ASP.NET
MVC默许使用\Views\HelloWorld目录下的Index.cshtml视图像和文字件。

  <div class="float-left">

                    <p class="site-title">@Html.ActionLink("我的第一个ASP.NET MVC 应用程序", "Index", "Home")</p>

                </div>

运行程序,浏览http://localhost:54454/HelloWorld。你会发现浏览页面的标题、一级标题、二级标题已经发生改变(如果在浏览器中看不到改变,那么可能你看到的是缓存内容,使用Ctrl+F5强制浏览器从服务器加载数据到客户端)。浏览器标题由两部分组成,首先是我们在Index.cshtml视图模板里设置的ViewBag.Title,然后是在布局文件中设置的”-Movie
Application“。

威尼斯人6799.com 15

 使用以下标识替换标题内容:

从“将你的徽标放置在此地”改换布局模板网址题目标题为“小编的率先个ASP.NET MVC
应用程序”。

咱俩得以在消除方案能源管理器中看到MvcMovie\Views\HelloWorld
文件夹和已制造的MvcMovie\View\HelloWorld\Index.cshtml文件:

 威尼斯人6799.com 16

 运营程序,并稳重现行反革命体现是”MVC
Movie“。点击”关于“链接,你会发掘该页面一样显示”MVC
Movie“。大家在布局模板中改换三遍,站点中具有页面都会改变为新的标题。

 威尼斯人6799.com 17

public ActionResult Index()
        {
            return View();
        }

接下来单击“加多”按键,Visual
Studio会增多三个新的WelcomeName.cshtml文件,在此文件的<h2>成分的花花世界增添以下代码。上面包车型大巴一体化WelcomeName.cshtml文件如下所示。

先是,你想修改页面顶端的标题“将你的徽标放置在此处”。该公文在各种页面中通用。纵然出现在选取的每一个页面,实际上在等级次序中只定义了三次。在化解方案能源管理器中一贯到/Views/Shared目录下,伸开_Layout.cshtml文件。该公文称为布局页,分享为外壳,被其他具有页面使用。布局模板是您钦点特定的HTML容器来布局整个站点,在一处定义,在站点多少个页面使用。找到@RenderBody()行。RenderBody是四个你创立的视图页面中的占位符,在布局页面中断行。举例,即便你挑选“关于”链接,\Home\About.cshtml
视图是RenderBody方法中表现。

运维该应用程序,并留神浏览器中的标题,它会来得为“小编的第一个ASP.NET
MVC
应用程序”。点击页面上的具有链接,你会开掘具备页面包车型地铁标题都是“小编的第二个ASP.NET
MVC
应用程序”。这表明,大家假如对布局模板文件进行了改换,那么网址上的持有应用到布局模板的其他页面都会随之变动。如下图。

而且注意Index.cshtml视图模板文件内容是怎么与_Layout.cshtml视图模板合併,形成单一的HTML响应重返给浏览器。布局模板使修改应用到你的次第有所页面变得轻易。

     

 <title>@ViewBag.Title - Movie Application</title>

 威尼斯人6799.com 18

归来到HelloworldController.cs文件,修改welcome方法,为ViewBag对象扩展Message和Num值。ViewBag是一个动态目的,意味着你能够放其余你想放的东西进去;该目的在您放怎么进去在此之前,未有定义的天性。ASP.NET
MVC模型绑定机制自动将地方栏查询字符串中的命名参数映射到您的法子中的参数。完整的HelloworldController.cs如下图所示:

上边的代码中把要传递给视图的多少包罗在了ViewBag对象中了。

下边呈现了已被创设的Index.cshtml文件:

上面包车型的士示范是,在HelloWorldController类中写了贰个WelcomName方法,这一个措施须要多少个参数(name与numTimes),然后通过调控器管理现在一贯出口结果到浏览器。不是让该调控器直接硬编码为贰个字符串输出,而是使用多少个视图模板来替代。该视图模板将生成三个动态的响应,那意味你供给从调节器传递相应的数据给视图,以浮动响应。

完整的MvcMovie\HelloWorld\Index.cshtml文件如下所示。

地点的示范在那之中,我们把全体要展现的数码都是硬编码在视图像和文字件中的。纵然这些MVC应用程序有多个“V”
(视图) ,有贰个“C” (调整器) ,但是却从未“M” (模型)。

@{
    ViewBag.Title = "Index";
}

<h2>My Index</h2

增加<H2>HTML标志到以下文件(MvcApplication1\Views\HelloWord\List.cshtml)中。

今昔,让大家来修改Index视图的标题。

1)先将光标置在List方法中,

在本节中,大家要求修改HelloWorldController类,从而选用视图模板文件,干净优雅的封装生成归来到客户端浏览器的HTML进程。

 

在地点的那些例子中,大家接纳ViewBag对象从调整器传递数据到视图。稍后的求学中,大家将动用视图模型来传递数据。相对于ViewBag格局,视图模型格局传递数据尤其特出。

威尼斯人6799.com 19

public ActionResult Welcome(string message, int num = 1)
        {
            ViewBag.Message = message;
            ViewBag.Num = num;
            return View();
        }

2)单击鼠标右键,Visual
studio会弹出一个右键菜单,然后在弹出的右键菜单中,用鼠标左键单击“增添视图”菜单。如下图。

<div class="float-left">
      <p class="site-title">@Html.ActionLink("MVC Movie", "Index", "Home")</p>
</div>

如此会在MvcApplication1\Views\HelloWorld文件夹中创制多个List.cshtml文件。如下图。

接下去,你须要叁个Welcome视图模板。在扭转菜单中,选取生成MVC
Movie来确认保证该工程被编写翻译。

第一,从新闻从调控器到视图提起,调节器类通过接受浏览器传入的U安德拉L乞请,从数据库中找找数据,并最后决定以什么样品种的响应发回浏览器,视图担当从三个调整器接收到的数码用于转移和格式化成HTML响应给浏览器。

调控器担负提供应和必要要的其它数据或对象给视图模板来变化响应给浏览器。最棒实施是:视图模板不应当管理专业逻辑大概直接与数据库发生互相。视图模板应该一味管理调节器提供给它的数量。保持关系隔绝,有利于使您的代码干净,便于调试和护卫。

 威尼斯人6799.com 20

 在<h2>标签后边增多以下Html:<p>从大家的视图模板重返!</P>

下图突显了所创制的List.cshtml文件的开始和结果:

将Welcome.cshtml文件中的<h2>Welcome</h2>替换为以下内容

 

从调控器传递数据到视图
                                                                      
  

 

您能够将两处改造稍微不相同,以便能分别哪些地点分别对应应用程序的哪位部分。

如下图。

此时此刻在决定器类中的Index方法再次来到了一个硬编码的字符串。改变Index方法重回一个View对象,如上面包车型地铁示范代码:

2)UEvoqueL中的数据是先从USportageL中传递给钦定的调控器

 威尼斯人6799.com 21

 威尼斯人6799.com 22

其三,在Visual studio中按“F5”运维之后,ASP.NET
MVC暗中同意调用的是Index方法,而实质上供给浏览到HelloWorld调节器的List方法,(如:http://localhost:xxxx/HelloWorld/List)。再来看一下控制器中的List方法,只有一行代码return
View()。由于大家并未有明了钦定的视图像和文字件中使用的称呼,ASP.NET
MVC默以为利用\Views\HelloWorld\List.cshtml视图像和文字件。结果如下图。

调控器担当提供数据或对象给视图模板,让视图模板来依照调整器提供的数量或对象展现给浏览器。最好的做法是:三个视图模板不会实行职业逻辑或与数据库直接互动。相反,多个视图模板是不是能科学专门的学问是由给它提供数据的调整器所决定的。保持这种“关注点分离”有利于维持代码干净,可测验,更易于维护。

 威尼斯人6799.com 23

@{

    ViewBag.Title = "这是我的ASP.NET MVC世界的欢迎WelcomeName";

}



<h2>WelcomeName</h2>

<ul>

   @for (int i=0; i < ViewBag.NumTimes; i++) {

      <li>@ViewBag.Message</li>

   }

</ul>

4)调整器再把打包好的目的传递给视图,然后该视图显示数据给用户看。你拜候到八条应接音讯。

上边正是增进八个视图方法的具体步骤:

Visual
Studio会弹出贰个“增多视图”对话框。按下图所示,填写相应数据。

同有时间修改标题,把标题修改为如下内容:   

至于ASP.NET
MVC中的视图部分,就学习到此处,后一次再持续。

代码如下。

 

威尼斯人6799.com 24

@{

    ViewBag.Title = "ASP.NET MVC 应用程序 List方法";

}

<h2>我的第一个ASP.NET MVC 应用程序 的方法 ——List</h2>

<p>Hello from our View Template!</p>

 

前天本身将对前一篇小说中的示例举办改换,前一篇小说中并不曾动用视图,此番将应用视图。对于前贰个演示中的HelloWorldController类进行退换,使用视图模板文件生成HTML响应给浏览器。

1)运维应用程序并运用浏览器浏览以下网站:

上一篇小说中的HelloWordController类中的Index方法重回了一串硬编码的字符串音信。而那贰回,作者将新建一个List方法,用来回到三个View对象,如上面包车型客车代码所示:

“ViewBag.Title = “ASP.NET MVC 应用程序
List方法””,上边的代码设置List.cshtml视图像和文字件中的ViewBag对象的Title属性。为啥是ViewBag.Title属性呢,你能够张开_loyout.cshtml文件看看,你会意识在此文件中的<title>成分中会有ViewBag.Title。那样就足以低价的使用这种修改ViewBag属性的点子,轻巧修改视图像和文字件和布局文件中的参数。

http://localhost:xx/HelloWorld/WelcomeName?name=dotnet菜园&numtimes=8

 

 

 

 

 

@{

    ViewBag.Title = "List";

}

<h2>List</h2>

<p>Hello from our View Template!</p>

开辟HelloWorldController.cs文件同临时间修改WelcomName方法,将NumTimes与name值增添到ViewBag对象。
ViewBag是二个动态目的,那意味着你能够把其他数据类型增多到ViewBag里面。在ASP.NET
MVC模型绑定系统会自动从地点栏中赢得情势参数的字符串,并映射命名参数(name和numTimes
) 。

布局模板文件允许你在叁个地点填写网址的布局代码之后,能够在三个页面中运用。在布局模板文件中找到@
RenderBody()行,
RenderBody是多个占位符,是用来显示我们所创办特定网页视图。比方,当您在页面中击“关于”链接时,\Home\
About.cshtml视图像和文字件就能够议及展览示在RenderBody地点处。如下图中的白灰方框部分正是。

二、修改视图像和文字件和页面布局 先是,大家要修改在页面最上部的“将您的徽标放置在此地”这几个标题。该文件每一页都以同等的,它坐落贰个分享的视图文件中,这几个分享的视图像和文字件又叫做布局文件,它是三个集体布局页面,供其余页面使用。在减轻方案财富管理器中开采/Views/Shared文件夹中的“_Layout.cshtml”文件。如下图。

其次,Visual
Studio会弹出叁个“增加视图”对话框。在那之中“视图名称”默感到List,其余装置能够修改,本文将保留暗许设置,然后点击“增添”按键:如下图。

public ActionResult List()

{

    return View();

}

一、创造视图像和文字件

相关文章