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

主要的 Razor C# 语法规则

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

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p> 

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}

<p>The greeting is: @greetingMessage</p>
</body>
</html>

主要的 Razor VB 语法规则

  • Razor 代码块包含在 @Code ... End Code 中
  • 内联表达式(变量和函数)以 @ 开头
  • 变量使用 Dim 关键字声明
  • 字符串用引号括起来
  • VB 代码不区分大小写
  • VB 文件的扩展名是 .vbhtml
<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage</p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Here in Huston it is: " & weekDay
End Code 

<p>The greeting is: @greetingMessage</p>

Web Pages - 页面布局

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

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

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

Layout Page(布局页)

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

布局页:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 Runoob. All rights reserved.</p>
</body>
</html>

内容页:

@{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 中的 <a>、<img> 和 <link> 元素中使用此方法:

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

      <link rel="stylesheet" type="text/css" href="@Href(myStyleSheet)" />等价于:

      <link rel="stylesheet" type="text/css" href="/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 文档中放置输入控件(文本框、复选框、单选按钮、下拉列表)的部分

<!DOCTYPE html>
<html> 
<body> 
@{
if (IsPost)
{ 
string companyname = Request["CompanyName"]; 
string contactname = Request["ContactName"]; 
<p>You entered: <br> 
Company Name: @companyname <br> 
Contact Name: @contactname </p> 
}
else
{
<form method="post" action="">
Company Name:<br> 
<input type="text" name="CompanyName" value=""><br>
Contact Name:<br><br>
<input type="text" name="ContactName" value=""><br><br>
<input type="submit" value="Submit" class="submit">
</form> 
}
} 
</body> 
</html>

显示图像

<img src="images/Photo1.jpg" alt="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"
}

<h1>Welcome to runoob.com</h1> 

<h2>Web Site Main Ingredients</h2>

<p>A Home Page (Default.cshtml)</p>
<p>A Layout File (Layout.cshtml)</p>
<p>A Style Sheet (Site.css)</p>

布局页:

<!DOCTYPE html>
<html>
<head>
<title>@Page.Title</title>
</head>
<body>
@RenderBody()
</body>
</html

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);
}

<!DOCTYPE html>
<html>
<body>

<h1>Reading Data from a File</h1>
@foreach (string dataLine in userData) 
{
foreach (string dataItem in dataLine.Split(',')) 
{@dataItem <text>&nbsp;</text>}
<br />
}
</body>
</html>

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 - 发布网站

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

猜你喜欢

转载自www.cnblogs.com/57rongjielong/p/9175577.html