asp.net简述WP开发模式

详情请参考菜鸟教程:http://www.runoob.com/aspnet/aspnet-tutorial.html

1.ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。

2.ASP.NET 支持三种不同的开发模式:Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体)

 其中,Web Pages 是开发 ASP.NET 网站最简单的开发模式。

   使用 VB (Visual Basic) 或者 C# (C sharp) 最新的 Razor 服务器标记语法将 HTML、CSS、JavaScript 和服务器代码结合起来。

3.ASP.NET 是新一代 ASP 。它与经典 ASP 是不兼容的,但 ASP.NET 可能包括经典 ASP。

   ASP.NET 页面是经过编译的,这使得它们的运行速度比经典 ASP 快。

   ASP.NET 具有更好的语言支持,有一大套的用户控件和基于 XML 的组件,并集成了用户身份验证。

  ASP.NET 页面的扩展名是 .aspx ,通常是用 VB (Visual Basic) 或者 C# (C sharp) 编写。

  在 ASP.NET 中的控件可以用不同的语言(包括 C++ 和 Java)编写。

4.Razor 是一种将服务器代码嵌入到 ASP.NET 网页中的新的、简单的标记语法,很像经典 ASP 。

   经典 ASP 文件的文件扩展名为 .asp

 ASP.NET 文件的文件扩展名为 .aspx

   Razor C# 语法的 ASP.NET 文件的文件扩展名为 .cshtml

   Razor VB 语法的 ASP.NET 文件的文件扩展名为 .vbhtml

5.Web Pages(Web 页面)WP开发模式(提供了一种简单的方式来将 HTML、CSS、JavaScript 和服务器脚本结合起来)

 xxx .cshtml文件

DOCTYPE html>
<html>
<body>
     <h1>Hello Web Pagesh1> 
     <p>The time is @DateTime.Nowp>
body>
html>
  • Razor 是一种将基于服务器的代码添加到网页中的标记语法
  • Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习
  • Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像
  • Razor 支持 C# 和 Visual Basic 编程语言

主要的 Razor C# 语法规则

  • Razor 代码块包含在 @{ ... } 中
  • 内联表达式(变量和函数)以 @ 开头
  • 代码语句用分号结束
  • 变量使用 var 关键字声明
  • 字符串用引号括起来
  • C# 代码区分大小写
  • C# 文件的扩展名是 .cshtml



@{ 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

主要的 Razor VB 语法规则

  • Razor 代码块包含在 @Code ... End Code 中
  • 内联表达式(变量和函数)以 @ 开头
  • 变量使用 Dim 关键字声明
  • 字符串用引号括起来
  • VB 代码不区分大小写
  • VB 文件的扩展名是 .vbhtml
 
@Code dim myMessage = "Hello World" End Code
 
 

The value of myMessage is: @myMessage

@Code dim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDay End Code

The greeting is: @greetingMessage

Web Pages - 页面布局

内容块(来自另一个文件)能被导入网页中的任何地方。内容块可以包含文本,标记和代码,就像任何普通的网页一样。

使用 @RenderPage() 方法从不同的文件导入内容。



@RenderPage("header.cshtml")

Hello Web Pages

This is a paragraph

@RenderPage("footer.cshtml")

 

Layout Page(布局页)

布局页中使用 @RenderBody() 方法嵌入内容页,除此之外,它与一个正常的网页没有什么差别。

布局页:



This is header text

@RenderBody()

© 2012 Runoob. All rights reserved.

内容页:

@{Layout="Layout.cshtml";}

<h1> Welcome to W3Cschool h1>

<p>Hello!!! p>

通过 Content Blocks(内容块)和 Layout Pages(布局页)这两个 ASP.NET 工具,可以让 Web 应用程序显示一致的外观。

防止文件被浏览

在 ASP.NET 中,文件的名称以下划线开头,可以防止这些文件在网上被浏览。

如果不希望内容块或者布局页被用户看到,可以重命名这些文件:

_header.cshtm

_footer.cshtml

_Layout.cshtml

隐藏敏感信息

在 ASP.NET 中,隐藏敏感信息(数据库密码、电子邮件密码等等)最通用的方法是将这些信息保存在一个名为"_AppStart.cshtml"的单独的文件中。

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}

6.Web Pages - 文件夹

逻辑文件夹结构和物理文件夹结构

虚拟名称和物理名称

URL 和路径

ASP.NET 文件夹路径有 3 种工具:~ 运算符、Server.MapPath 方法 和 Href 方法。

  使用 ~ 运算符,在编程代码中规定虚拟路径

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

  Server.MapPath 方法

    Server.MapPath 方法将虚拟路径(/index.html)转换成服务器能理解的物理路径(C:\Documents\MyWebSites\Demo\default.html)

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

  Href 方法将代码中的使用的路径转换成浏览器可以理解的路径(浏览器无法理解 ~ 运算符)

    一般会在 HTML 中的 元素中使用此方法:

      @{var myStyleSheet = "~/Shared/Site.css";}

      等价于:

      

      Href 方法是 WebPage 对象的一种方法。

7.Web Pages - 全局页面

在 Web 启动之前:_AppStart

站点根目录下创建一个名为 _AppStart 的页面,这样在站点启动之前可以先启动代码执行。

_AppStart 的典型用途是启动代码和初始化全局数值(比如计数器和全局名称)。

注释 1:_AppStart 的文件扩展名与您的网页一致,比如:_AppStart.cshtml。

注释 2:_AppStart 有下划线前缀。因此,这些文件不可以直接浏览。

在每一个页面之前:_PageStart

可以编写在每个文件夹中的任何页面之前运行的代码。

_PageStart 的典型用途是为一个文件夹中的所有页面设置布局页面,或者在运行某个页面之前检查用户是否已经登录。

 

当接收到一个请求时,ASP.NET 会首先检查 _AppStart 是否存在。 如果 _AppStart 存在且这是站点接收到的第一个请求,则运行 _AppStart。

然后 ASP.NET 检查 _PageStart 是否存在。如果 _PageStart 存在,则在其它被请求的页面运行之前先运行 _PageStart。

您可以在 _PageStart 中调用 RunPage() 来指定被请求页面的运行位置。否则,默认情况下,被请求页面是在 _PageStart 运行之后才被运行。

8.Web Pages - HTML 表单

  表单是 HTML 文档中放置输入控件(文本框、复选框、单选按钮、下拉列表)的部分


 
 
@{
if (IsPost)
{ 
string companyname = Request["CompanyName"]; 
string contactname = Request["ContactName"]; 

You entered:
Company Name: @companyname
Contact Name: @contactname

} else {
"post" action=""> Company Name:
"text" name="CompanyName" value="">
Contact Name:

"text" name="ContactName" value="">

"submit" value="Submit" class="submit">
} }

显示图像

Sample

9.Web Pages - 对象

Page 对象

使用的 Page 对象方法:

@RenderPage("header.cshtml")

@RenderBody()

.......

Page 对象属性(isPost 和 Request)......

Page 对象的 Page 属性,提供了对页面和布局页之间共享的数据的类似属性访问。

可以对 Page 属性使用(添加)自己的属性:

  • Page.Title
  • Page.Version
  • Page.anythingyoulike

页面属性是非常有用的。例如,在内容文件中设置页面标题,并在布局文件中使用:

内容页:

@{
Layout="~/Shared/Layout.cshtml";
Page.Title="Home Page"
}

Welcome to runoob.com

Web Site Main Ingredients

A Home Page (Default.cshtml)

A Layout File (Layout.cshtml)

A Style Sheet (Site.css)

布局页:




<span style="color: #ff0000;">@Page.Title</span>


@RenderBody()

 
 

10.Pages - 文件

如果没有 App_Data 文件夹,请创建一个。在 App_Data 文件夹中,创建一个名为 Persons.txt 的文件。

文件内容为: 

George,Lucas
Steven,Spielberg
Alfred,Hitchcock

显示文本文件中的数据

使用 Server.MapPath 找到确切的文本文件的路径。

使用 File.ReadAllLines 打开文本文件,并读取文件中的所有行到一个数组中。

数组中的每个数据行中的数据项的数据被显示。

@{
var dataFile = Server.MapPath("~/App_Data/Persons.txt");
Array userData = File.ReadAllLines(dataFile);
}





Reading Data from a File

@foreach (string dataLine in userData) { foreach (string dataItem in dataLine.Split(',')) {@dataItem  }
}

11.Web Pages - 帮助器(Web 帮助器大大简化了 Web 开发和常见的编程任务)

可以使用存放在 .cshtml 文件中的 Razor 语法构建自己的帮助器,或者使用内建的 ASP.NET 帮助器。

WebGrid 帮助器

  var grid = new WebGrid(data); 

  @grid.GetHtml();

Chart 帮助器

  Chart 帮助器显示的数据来源可以是数组、数据库或者文件。

  根据数组数据显示图表:

@{ 
var myChart = new Chart(width: 600, height: 400) 
   .AddTitle("Employees") 
   .AddSeries(chartType: "column",
      xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
      yValues: new[] { "2", "6", "4", "5", "3" }) 
   .Write();
}

  根据数据库创建图表:               略.......

  根据 XML 数据创建图表:         略.......

WebMail 帮助器

WebImage 帮助器

第三方帮助器

————安装帮助器

12.Web Pages - 发布网站

............

你可能感兴趣的:(asp.net简述WP开发模式)