ASP.NET 教程之Web Pages

一.asp.net

asp.net 教程之web pages。asp.net是一个开发框架，是新一代的 asp（active server pages），支持三种开发模式：web pages单页面模型，mvc模型视图控制器和web forms事件驱动模型

1.web pages

最简单的asp.net模型，类似php和asp，内置了用于、视频、社交媒体等的模板和帮助器

2.mvc（model view controller）

将web应用程序分为三种不同的：针对数据的模型，针对现实的视图，针对输入的控制器

3.web forms

传统asp.net事件驱动开发模型，添加了服务器控件、服务器事件和服务器代码的网页

二.web pages简介

1.web pages用于创建 asp.net 网站和 web 应用程序，是最简单的asp.net网页开发模型。

2.它提供了一种简单的方法将 html、css、javascript 以及服务器代码结合起来：

·易于学习、和使用

·围绕单一网页进行构建

·类似 php 和 asp

·服务器脚本使用 visual basic 或 c#

·对 html、css、javascript 的完全控制

3.web pages 通过可编程的 web helpers 进行扩展，包括数据库、视频、图像、社交网络等等。

三.添加razor代码

1.razor简介

razor 是一种向网页添加基于服务器的代码的标记语法，类似 asp 和 php 的服务器端标记语法，拥有传统 asp.net 标记的能力，但是更易学习，更易使用。

例如：@ 标记的 razor 代码，是检测服务器上的当前时间，然后显示出来。（可以指定格式选项，或者仅仅以默认格式显示）

hello web pages

the time [e-mail]

运行结果

2.c# 的主要 razor 语法规则：

·razor 代码块由 @{ ... } 包围

·行内表达式（变量和函数）以 @ 开始

·代码语句以分号结束

·变量通过 var 关键词进行声明

·字符串用引号来包围

·c# 代码对大小写敏感

·c# 文件的扩展名是 .cshtml

3.例如

@{ var mymessage = "hello world"; }

the value of mymessage is:@mymessage

@{
var greeting = "welcome to our site!";
var weekday = datetime.now.dayofweek;
var greetingmessage = greeting + " here in huston it is: " + weekday;
}

the greeting is:@greetingmessage

运行结果

四.web pages layout页面布局

1.content blocks

例如，@renderpage()方法在网页上添加页眉和页脚等内容

@renderpage("header.cshtml")

hello web pages

this is a paragraph

@renderpage("footer.cshtml")

运行结果

2.using a layout page

使用页面布局，需要调用@renderbody()方法，而且网页要以layout指令开头

例如一个layout page

this is header text

@renderbody()

© 2014 w3schools. all rights reserved.

任意网页

@{layout="layout.cshtml";}
 

welcome to w3schools

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.

运行结果

3.防止代码泄露

名称以下划线开头的文件无法通过 web 来浏览，所以，如果你希望禁止用户查看内容块或布局文件，就可以重新命名

_header.cshtm

_footer.cshtml

_layout.cshtml

4.隐藏敏感信息

敏感信息例如数据库密码、电脑密码等，隐藏它们常用方法是把这些信息保存在名为"_appstart" 的独立文件中。

例如一个文件名为_appstart.cshtml，它里面的代码如下

@{
webmail.smtpserver = "mailserver.example.com";
webmail.enablessl = true;
webmail.username = "[e-mail]";
webmail.password = "your-password";
webmail.from = "[e-mail]";
}

五.web pages folders文件夹

1.logical folder structure

下图为.net网页的典型网站文件夹结构

"account" 文件夹包含登录和安全文件

"app_data" 文件包含数据库和数据文件

"images" 文件夹包含图片

"scripts" 文件夹包含脚本

"shared" 文件夹包含通用文件（比如布局和样式文件）

2.physical folder structure

例如，上面这个网站的 "images" 文件夹的物理结构在计算机上类似这样：

c:\johnny\documents\mywebsites\demo\images

3.virtual and physical names

例如，上面这个网站的web 图片的virtual name虚拟名称类似这样："images/pic31.jpg"。

但是physical name物理名称类似这样 "c:\johnny\documents\mywebsites\demo\images\pic31.jpg"。

4.urls and paths

url用于从web访问文件

url在服务器上对应的文件是

c:\mywebsites\w3schools\html\html5_intro.asp

虚拟路径是代表物理路径的简写形式。如果您使用虚拟路径，就能够在不更新路径的情况下将网页移动到不同的域名（或服务器）。

url	https://www.w3schools.com/html/html5_intro.asp
server name	w3schools
virtual path	/html/html5_intro.asp
physical path	c:\mywebsites\w3schools\html\html5_intro.asp

磁盘驱动器上的根目录写作： c:\，但是网站上的根目录是 /

web 文件夹的虚拟路径（几乎）永远不会与物理文件夹相同

在您的代码中，根据代码内容的不同，可能会同时引用物理路径和虚拟路径

asp.net 提供三种处理文件夹路径的工具：~ 操作符、server.mappath 方法以及 href 方法

5.~操作符

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

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

var myimagesfolder = "~/images";
var mystylesheet = "~/styles/stylesheet.css";

6.server.mappath方法

server.mappath 方法将虚拟路径 (/default.cshtml) 转换为服务器能够理解的物理路径 (c:\johnny\mywebsited\demo\default.cshtml)。

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

var pathname = "~/datafile.txt";
var filename = server.mappath(pathname);

7.href方法

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

您使用 href 方法来创建指向资源（比如图片和 css 文件）的路径。（href 方法属于 webpage 对象的方法）

您会经常在 html 、 以及

元素中用到该方法

@{var mystylesheet = "~/shared/site.css";}

六.global pages全局页面

1.before web startup: _appstart

大多数服务器端代码都是在独立的网页中编写的。

不过，通过在站点根目录中创建名为 _appstart 的页面，你能够在站点启动前就执行启动代码（startup code），而且asp.net 会在站点内的任何页面被请求之前首先运行这个页面。

通常 _appstart 用于启动代码和全局值的初始化，比如计数器和全局名称。

注释 1：_appstart 的文件扩展名应与网页相同，比如 _appstart.cshtml。

注释 2：_appstart 有下划线前缀。正因如此，用户才无法直接查看该文件。

2.before every page:_pagestart

就像在站点启动前运行 _appstart 那样，你能够在每个文件夹中的任意页面之前运行代码

对于 web 中的每个文件夹，能够添加名为 _pagestart 的文件

通常 _pagestart 用于设置文件夹中所有页面的布局文件，或者在运行页面之前检查用户登录

3.how does it work

当请求到来时，asp.net 检查 _appstart 是否存在。如果存在，并且这是对站点的第一次请求，则运行 _appstart。

然后 asp.net 检查 _pagestart 是否存在。如果存在，则在被请求页面前运行 _pagestart。

如果你在 _pagestart 内部引用了对 runpage() 的调用，那么你可以规定在何处运行被请求的页面。否则，_pagestart 在被请求页面之前运行。