ASP.NET MVC - Maelezo na mkataba

Kusoma ASP.NET MVC, tutaongeza programu ya Internet.

Hisia 3:Ongeza maelezo na muonekano wa kawaida (mkataba).

Ongeza ujumbe wa mkataba

Faili _Layout.cshtml inaonyesha ujumbe wa kila ukurasa wa programu. Iiweko katikafolda Views kwenye folda Shared.

Fungua faili hii, kuweka maudhui yake:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"></script>
</head>
<body>
<ul id="menu">
<li>@Html.ActionLink("Nyumbani", "Index", "Nyumbani")</li>
<li>@Html.ActionLink("Filamu", "Index", "Filamu")</li>

  • @Html.ActionLink("About", "About", "Home")
    • 
 

    
@RenderBody()

    Copyright W3school 2012. All Rights Reserved.

    HTML 帮助器

    在上面的代码中，HTML 帮助器用于修改 HTML 输出：

    @Url.Content() - URL 内容在此处插入。

    @Html.ActionLink() - HTML 链接在此处插入。

    我们将在本教程稍后的章节讲解 HTML 帮助器。

    Inafuatilia ya Razor

    在上面的代码中，由红色标记的代码是使用 Razor 标记的 C#。

    @ViewBag.Title - 在此处插入页面标题。

    @RenderBody() - 此处呈现页面内容。

    您可以在我们的 Razor 教程中学习 C# 和 VB (Visual Basic) 编写的 Razor 标记。

    添加样式

    应用程序的样式表是 Site.css。它位于 Content 文件夹中。

    打开文件 Site.css，并把其内容替换为：

    body
{
fonti "Trebuchet MS", Verdana, sans-serif;
mikilio bochi #5c87b2;
mikilio #696969;
}
h1
{
mbuni la 3px solid #cc9900;
fonti Georgia, serif;
mikilio #996600;
}
#main
{
paddingi 20px;
background-color: #ffffff;
mzunguko wa mabaki 0 4px 4px 4px;
}
a
{
mikilio #034af3; 
}
/* usafisho wa menyu ------------------------------*/
ul#menu
{
paddingi 0px;
pewa la kina;
margini 0;
}
ul#menu li
{
taonyesha inline;
}
ul#menu li a 
{
mikilio bochi #e8eef4;
paddingi 10px 20px;
text-decoration: none;
line-height: 2.8em;
/*CSS3 properties*/
border-radius: 4px 4px 0 0;
}
ul#menu li a:hover
{
background-color: #ffffff;
} 
/* Form style ------------------------------*/
fieldset
{
padding-left: 12px;
} 
label fieldset
{
display: block;
padding: 4px;
}
input[type="text"], input[type="password"]
{
width: 300px;
}
input[type="submit"]
{
padding: 4px;
}
/* Data style ------------------------------*/
table.data
{
background-color:#ffffff;
border:1px solid #c3c3c3;
border-collapse:collapse;
width:100%;
}
table.data th
{
background-color:#e8eef4;
border:1px solid #c3c3c3;
padding:3px;
}
table.data td 
{
border:1px solid #c3c3c3;
padding:3px;
}

    _ViewStart Makala

    Makala ya _ViewStart kwenye folda ya Shared (ingawa folda ya Views) ina matokeo inayotazama kama hizo:

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

    Kikodi hiki kinatambuliwa kwa ujenzi kwa kila ukweli unaonyesha na programu.

    Kama unategooa faili hii, lazima uongezezekeza kila ukweli wa ukweli wa mawasiliano hii.

    Uwanja wa hizi kwenye mfululizo wako wa kina huzungumza zaidi kuhusu ukweli wa ujaribio.