.net mvc5 (三)

来源：互联网发布：淘宝御品电动尾门编辑：程序博客网时间：2024/06/06 17:44

现在开始View和Controllers的制作

1.在View文件夹下新建shared文件夹，然后新建 MVC 4布局页

2.新加以下内容

<!DOCTYPE html><html><head>    <meta name="viewport" content="width=device-width,initial-scale=1" />    <title>@ViewBag.Title</title>    <script src="~/Content/scripts/jquery-3.2.1.js"></script>    <script src="~/Content/scripts/jquery-3.2.1.min.js"></script>    <link href="~/Content/bootstrap.3.0.0/Content/Content/bootstrap.min.css" rel="stylesheet" />    <script src="~/Content/bootstrap.3.0.0/Content/Scripts/bootstrap.min.js"></script>    </head><body  class="container">    <header>        <nav class="navbar navbar-inverse">            <div class="container">                 <div class="navbar-header">                     <div class="navbar-brand">                         <a href="~/Home/Index">MyDiary</a>                     </div>                 </div>                <div class="collapse navbar-collapse">                    <ul class="nav navbar-nav navbar-right">                        <li>                            @{ var UserName = Session["User"] == null ? string.Empty : ((MyDiary.Models.User)Session["User"]).UserName;}                            <a href="#">@UserName</a>                        </li>                        <li>                            @if(Session["User"] == null)                            {                                <a href="~/Account/Login">Login</a>                            }                            else                            {                                <a href="~/Account/Logoff">Logoff</a>                            }                        </li>                    </ul>                </div>            </div>        </nav>    </header>        <h2 class="page-header">@ViewBag.Title</h2>    <div>        @RenderBody()    </div>    <footer>        <nav class="navbar-default navbar-fixed-bottom text-center">            &copy;@System.DateTime.Now.Year        </nav>    </footer></body></html>

3.继续新建MVC 4分部页

4.新加以下内容：

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

5.新建控制器 Home控制器，然后新建也创建其视图.

1)Home控制器的代码如下

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace MvcDiary.Controllers{    public class HomeController : Controller    {        //        // GET: /Home/        public ActionResult Index()        {            return View();        }    }}

2）对View()右键就可以创建其对应的视图文件

6.点击Ctrl+F5运行看看结果：

0 0