.net mvc5 (三)

现在开始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运行看看结果：

猜你喜欢