WEBAPP开发之ASP.NET Core：Pages-职坐标

WEBAPP开发之ASP.NET Core：Pages

白羽 2019-01-08 来源：网络阅读 717 评论 0

摘要：本文将带你了解WEBAPP开发ASP.NET Core：Pages，希望本文对大家学WEBAPP有所帮助。

本文将带你了解WEBAPP开发ASP.NET Core：Pages，希望本文对大家学WEBAPP有所帮助。

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>© 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

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<

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！

移动应用解决方案平台移动支付安全解决方案手机应用开发教程

本文由 @白羽发布于职坐标。未经许可，禁止转载。