ylbtech-ASP.NET Core：Pages
1.返回顶部
1、_Layout.cshtm
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>@ViewData["Title"] - WebAppCore</title>

    <environment include="Development">

        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />

        <link rel="stylesheet" href="~/css/site.css" />

    </environment>

    <environment exclude="Development">

        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"

              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"

              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />

        <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />

    </environment>

</head>

<body>

    <nav 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">

                    <span class="sr-only">Toggle navigation</span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </button>

                <a asp-page="/Index" class="navbar-brand">WebAppCore</a>

            </div>

            <div class="navbar-collapse collapse">

                <ul class="nav navbar-nav">

                    <li><a asp-page="/Index">Home</a></li>

                    <li><a asp-page="/About">About</a></li>

                    <li><a asp-page="/Contact">Contact</a></li>

                    <li><a asp-page="/Abc">Abc</a></li>

                </ul>

            </div>

        </div>

    </nav>

    <div class="container body-content">

        @RenderBody()

        <hr />

        <footer>

            <p>&copy; 2017 - WebAppCore</p>

        </footer>

    </div>

    <environment include="Development">

        <script src="~/lib/jquery/dist/jquery.js"></script>

        <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>

        <script src="~/js/site.js" asp-append-version="true"></script>

    </environment>

    <environment exclude="Development">

        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"

                asp-fallback-src="~/lib/jquery/dist/jquery.min.js"

                asp-fallback-test="window.jQuery"

                crossorigin="anonymous"

                integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">

        </script>

        <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"

                asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"

                asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"

                crossorigin="anonymous"

                integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">

        </script>

        <script src="~/js/site.min.js" asp-append-version="true"></script>

    </environment>

    @RenderSection("Scripts", required: false)

</body>

</html>
2、_ValidationScriptsPartial.cshtml
<environment include="Development">

    <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>

    <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>

</environment>

<environment exclude="Development">

    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"

            asp-fallback-src="~/lib/jquery-validation/dist/jquery.validate.min.js"

            asp-fallback-test="window.jQuery && window.jQuery.validator"

            crossorigin="anonymous"

            integrity="sha384-Fnqn3nxp3506LP/7Y3j/25BlWeA3PXTyT1l78LjECcPaKCV12TsZP7yyMxOe/G/k">

    </script>

    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js"

            asp-fallback-src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"

            asp-fallback-test="window.jQuery && window.jQuery.validator && window.jQuery.validator.unobtrusive"

            crossorigin="anonymous"

            integrity="sha384-JrXK+k53HACyavUKOsL+NkmSesD2P+73eDMrbTtTk0h4RmOF8hF8apPlkp26JlyH">

    </script>

</environment>
3、_ViewImports.cshtml
@using WebAppCore

@namespace WebAppCore.Pages

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4、_ViewStart.cshtml
@{

    Layout = "_Layout";

}
5、
2.返回顶部
1、About.cshtml
1.1、.html
@page

@model WebAppCore.Pages.AbcModel

@{

    ViewData["Title"] = "Abc";

    Layout = "~/Pages/_Layout.cshtml";

}

<h2>Abc</h2>

@section Scripts {

    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

}
1.2、.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace WebAppCore.Pages

{

    public class AboutModel : PageModel

    {

        public string Message { get; set; }

        public void OnGet()

        {

            Message = "Your application description page.";

        }

    }

}
2、Contact.cshtml
2.1、.html
@page

@model ContactModel

@{

    ViewData["Title"] = "Contact";

}

<h2>@ViewData["Title"]</h2>

<h3>@Model.Message</h3>

<address>

    One Microsoft Way<br />

    Redmond, WA 98052-6399<br />

    <abbr title="Phone">P:</abbr>

    425.555.0100

</address>

<address>

    <strong>Support:</strong> <a href="mailto:Support@example.com">Support@example.com</a><br />

    <strong>Marketing:</strong> <a href="mailto:Marketing@example.com">Marketing@example.com</a>

</address>
2.2、.cs
using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace WebAppCore.Pages

{

    public class ContactModel : PageModel

    {

        public string Message { get; set; }

        public void OnGet()

        {

            Message = "Your contact page.";

        }

    }

}
3、Error.cshtml
3.1、.html
@page

@model ErrorModel

@{

    ViewData["Title"] = "Error";

}

<h1 class="text-danger">Error.</h1>

<h2 class="text-danger">An error occurred while processing your request.</h2>

@if (Model.ShowRequestId)

{

    <p>

        <strong>Request ID:</strong> <code>@Model.RequestId</code>

    </p>

}

<h3>Development Mode</h3>

<p>

    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.

</p>

<p>

    <strong>Development environment should not be enabled in deployed applications</strong>, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>, and restarting the application.

</p>
3.2、.cs

using System;

using System.Collections.Generic;

using System.Diagnostics;

using System.Linq;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace WebAppCore.Pages

{

    public class ErrorModel : PageModel

    {

        public string RequestId { get; set; }

        public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);

        public void OnGet()

        {

            RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;

        }

    }

}
4、Index.cshtml
4.1、.html

@page

@model IndexModel

@{

    ViewData["Title"] = "Home page";

}

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">

    <ol class="carousel-indicators">

        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

        <li data-target="#myCarousel" data-slide-to="1"></li>

        <li data-target="#myCarousel" data-slide-to="2"></li>

        <li data-target="#myCarousel" data-slide-to="3"></li>

    </ol>

    <div class="carousel-inner" role="listbox">

        <div class="item active">

            <img src="~/images/banner1.svg" alt="ASP.NET" class="img-responsive" />

            <div class="carousel-caption" role="option">

                <p>

                    Learn how to build ASP.NET apps that can run anywhere.

                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525028&clcid=0x409">

                        Learn More

                    </a>

                </p>

            </div>

        </div>

        <div class="item">

            <img src="~/images/banner2.svg" alt="Visual Studio" class="img-responsive" />

            <div class="carousel-caption" role="option">

                <p>

                    There are powerful new features in Visual Studio for building modern web apps.

                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525030&clcid=0x409">

                        Learn More

                    </a>

                </p>

            </div>

        </div>

        <div class="item">

            <img src="~/images/banner3.svg" alt="Package Management" class="img-responsive" />

            <div class="carousel-caption" role="option">

                <p>

                    Bring in libraries from NuGet, Bower, and npm, and automate tasks using Grunt or Gulp.

                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525029&clcid=0x409">

                        Learn More

                    </a>

                </p>

            </div>

        </div>

        <div class="item">

            <img src="~/images/banner4.svg" alt="Microsoft Azure" class="img-responsive" />

            <div class="carousel-caption" role="option">

                <p>

                    Learn how Microsoft's Azure cloud platform allows you to build, deploy, and scale web apps.

                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525027&clcid=0x409">

                        Learn More

                    </a>

                </p>

            </div>

        </div>

    </div>

    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

        <span class="sr-only">Previous</span>

    </a>

    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">

        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

        <span class="sr-only">Next</span>

    </a>

</div>

<div class="row">

    <div class="col-md-3">

        <h2>Application uses</h2>

        <ul>

            <li>Sample pages using ASP.NET Core Razor Pages</li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=518004">Bower</a> for managing client-side libraries</li>

            <li>Theming using <a href="https://go.microsoft.com/fwlink/?LinkID=398939">Bootstrap</a></li>

        </ul>

    </div>

    <div class="col-md-3">

        <h2>How to</h2>

        <ul>

            <li><a href="https://go.microsoft.com/fwlink/?linkid=852130">Working with Razor Pages.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699315">Manage User Secrets using Secret Manager.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699316">Use logging to log a message.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699317">Add packages using NuGet.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699318">Add client packages using Bower.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699319">Target development, staging or production environment.</a></li>

        </ul>

    </div>

    <div class="col-md-3">

        <h2>Overview</h2>

        <ul>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=518008">Conceptual overview of what is ASP.NET Core</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699320">Fundamentals of ASP.NET Core such as Startup and middleware.</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=398602">Working with Data</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkId=398603">Security</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699321">Client side development</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699322">Develop on different platforms</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699323">Read more on the documentation site</a></li>

        </ul>

    </div>

    <div class="col-md-3">

        <h2>Run &amp; Deploy</h2>

        <ul>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=517851">Run your app</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=517853">Run tools such as EF migrations and more</a></li>

            <li><a href="https://go.microsoft.com/fwlink/?LinkID=398609">Publish to Microsoft Azure App Service</a></li>

        </ul>

    </div>

</div>
4.2、.cs
using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Mvc;

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace WebAppCore.Pages

{

    public class IndexModel : PageModel

    {

        public void OnGet()

        {

        }

    }

}
5、
3.返回顶部
 
4.返回顶部
 
5.返回顶部
 
 
6.返回顶部
 
作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

最新文章

  1. Javascript 相关文章 —— 性能
  2. 1、Spring In Action 4th笔记（1）
  3. iOS之微信支付
  4. LeetCode Find the Celebrity
  5. 大叔也说Xamarin~Android篇~ListView里的Click事件并获取本行的其它元素
  6. 解决Cookie乱码问题
  7. 【leetcode】Gas Station
  8. office excel 装Visual Studio后报错解决方案
  9. IOS移动设备处理器指令集 armv6、armv7、armv7s及arm64
  10. jquery总结05-常用事件05-触发事件
  11. poj1308 并查集
  12. Oracle升级前备份和失败回退
  13. mac 升级后 web 服务器起不来 问题
  14. SQL Server 性能优化
  15. codeforce Gym 101102A Coins （01背包变形）
  16. linux 3.10 缺页异常（TLB_invalid）通用处理框架
  17. Unity UGUI图文混排(五) -- 一张图集对应多个Text
  18. ubuntu更改用户密码
  19. Java字符串与数组
  20. 《python语言程序设计》_第三章（数字函数、字符串和对象）

热门文章

  1. 动态规划—最长回文子串LEETCODE第5题深度剖析
  2. 深入GCD（一）: 基本概念和Dispatch Queue
  3. Webstorm上面通过babel将es6转化为es5
  4. linux 状态与系统调优
  5. ZT：三十个好习惯
  6. C/C++知识要点2——STL中Vector、Map、Set容器的实现原理
  7. bsp开发之驱动开发
  8. 关于Java中强制类型转换的问题
  9. XMLHttpRequest是什么、如何完整地运行一次GET请求、如何检測错误。
  10. Effective C++ 条款二 用编译器替换预编译器