ASP.NET之Web Pages

来源:互联网 发布:淘宝热搜关键词 编辑:程序博客网 时间:2024/03/29 23:11
ASP.NET

三种编程模型 Web Pages、 Web Forms 和 MVC (Model, View, Controller)


Web Pages 是最简单的 ASP.NET 网页开发编程模型。它提供了一种简单的方法将 HTML、CSS、JavaScript 以及服务器代码结合起来:
易于学习、阅读和使用
围绕单一网页进行构建

类似 PHP 和 ASP

服务器脚本使用 Visual Basic 或 C#
对 HTML、CSS、JavaScript 的完全控制

Web Pages 通过可编程的 Web Helpers 进行扩展,包括数据库、视频、图像、社交网络等等。


Razor 网页可被描述为带有两种内容的 HTML 页面:HTML 内容和 Razor 代码。

当服务器读取这种页面后,在将 HTML 页面发送到浏览器之前,会首先运行 Razor 代码。这些在服务器上执行的代码能够完成浏览器中无法完成的任务,比如访问服务器数据库。服务器代码能够在页面被发送到浏览器之前创建动态的 HTML 内容。从浏览器来看的话,由服务器代码生成的 HTML 与静态 HTML 内容没有区别。

布局(比如页眉和页脚)。

通过 Web Pages,您可以使用 @RenderPage() 方法从不同的文件导入内容。


<html><body>@RenderPage("header.cshtml")<h1>Hello Web Pages</h1> <p>This is a paragraph</p>@RenderPage("footer.cshtml")</body></html>

使用布局页面

布局页类似普通的网页,但是会在引用内容页的位置调用 @RenderBody() 方法。

每个内容页必须以 Layout 指令开头。

在代码中是这样的:

布局网页:

<html><body><p>This is header text</p>@RenderBody()<p>© 2012 W3School. All rights reserved.</p></body></html>

任意网页:

@{Layout="Layout.cshtml";}<h1>Welcome to W3Schools</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.</p>

ASP.NET 提供三种处理文件夹路径的工具:~ 操作符、Server.MapPath 方法以及 Href 方法。

~ 操作符

如需在编程代码中规定虚拟根目录,请使用 ~ 操作符。

如果您使用 ~ 操作符,而不是路径,就能够在不改变任何代码的情况下,将网站移动到不同的文件夹或位置:

var myImagesFolder = "~/images";var myStyleSheet = "~/styles/StyleSheet.css";

Server.MapPath 方法

Server.MapPath 方法将虚拟路径 (/default.cshtml) 转换为服务器能够理解的物理路径 (C:\Johnny\MyWebSited\Demo\default.cshtml)。

当需要打开位于服务器上的数据文件时,您就会用到该方法(数据文件只能通过完整的物理路径来访问):

var pathName = "~/dataFile.txt";var fileName = Server.MapPath(pathName);

在本教程的下一章中,您将学习更多有关在服务器上读取和写入数据文件的知识。

Href 方法

Href 方法把代码中的路径转换为浏览器能够理解的路径(浏览器无法理解 ~ 操作符)。

您使用 Href 方法来创建指向资源(比如图片和 CSS 文件)的路径。

您会经常在 HTML <a>、<img> 以及 <link> 元素中用到该方法:

@{var myStyleSheet = "~/Shared/Site.css";}<!-- 创建指向 CSS 文件的链接 --><link rel="stylesheet" type="text/css" href="@Href(myStyleSheet)" /><!-- 同上 : --><link rel="stylesheet" type="text/css" href="/Shared/Site.css" />

Href 方法属于 WebPage 对象的方法。

本章为您讲解全局页面 AppStart 和 PageStart


窗体(表单)是您在 HTML 文档中放置输入控件(文本框、复选框、单选框和下拉菜单)的位置
很多帮助器~~~