ASP.NET 教程

最新推荐文章于 2025-11-12 15:47:09 发布

原创最新推荐文章于 2025-11-12 15:47:09 发布 · 1.7k 阅读

9 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

10 篇文章

订阅专栏

本文介绍ASP.NET的WebPages模式，一种简单的网页开发方式，支持HTML、CSS、JavaScript和服务器脚本结合，与PHP和经典ASP相似。文章详细解释了WebPages的特点，包括其与MVC和WebForms的区别，以及如何使用Razor语法添加服务器代码。

ASP.NET 教程（Web Pages）

ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
ASP.NET 支持三种不同的开发模式：Web Pages（Web 页面）、MVC（Model View Controller 模型-视图-控制器）、Web Forms（Web 窗体）：
Web Pages

Web Pages 单页面模式
最简单的 ASP.NET 模式。与 PHP 和经典 ASP 相似。内置了数据库、视频、图形、社交媒体等模板和帮助器。
MVC 模型-视图-控制器
MVC 将 Web 应用程序分成 3 个不同的组成部分：
模型负责数据视图负责显示控制器负责输入
Web Forms 事件驱动模式
传统的 ASP.NET 事件驱动开发模式：带有服务器控件、服务器事件和服务器代码的网页。

<!DOCTYPE html>
<html>
<body>     
<h1>Hello Web Pages</h1> 
<p>The time is @DateTime.Now</p>
</body>
</html>

什么是 Web Pages？

Web Pages 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种。其他两种编程模式是 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，因此很容易扩展。

使用 WebMatrix

WebMatrix 是一个简单但功能强大的，由微软专门为 Web Pages 量身定做的，免费的 ASP.NET 开发工具。
WebMatrix 包含：

Web Pages 实例和模板
一种 Web 服务器语言（VB 或者 C# 的 Razor 服务器标记语法）
一种 Web 服务器（IIS Express）
一种数据库服务器（SQL Server Compact）
一个完整的 Web 开发框架（ASP.NET）

通过使用 WebMatrix ，您可以从一个空的网站和一个空白页面开始开发，或者您也可以使用"Web 应用程序库"中的开源应用程序进行二次开发。PHP 和 ASP.NET 应用程序很多都是开源的，比如 Umbraco、DotNetNuke、Drupal、Joomla、WordPress 等等。WebMatrix 也有内置安全性、搜索引擎优化和网络出版工具。

使用 WebMatrix 开发的技术和代码可以无缝地转化为完全专业化的 ASP.NET 应用程序。

ASP.NET Web Pages - 添加 Razor 代码

什么是 Razor ？

Razor 是一种将基于服务器的代码添加到网页中的标记语法
Razor 具有传统 ASP.NET 标记的功能，但更容易使用并且更容易学习
Razor 是一种服务器端标记语法，与 ASP 和 PHP 很像
Razor 支持 C# 和 Visual Basic 编程语言

添加 Razor 代码

实例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>

现在向实例中添加一些 Razor 代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8" />
<title>Web Pages Demo</title>
</head><body>
<h1>Hello Web Pages</h1> 
<p>The time is @DateTime.Now</p>
</body>
</html>