Web Pages（单页面模型）

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

.NET 是一套框架，用来个HTML、JS、CSS和服务器端脚本构建网页和网站。

可以有三种开发模式：Web Pages（单页面模型）、MVC（模型视图控制器）、Web Forms（事件驱动模型）

Web Forms简介

1、最简单的ASP.NET模型

2、类似于PHP和ASP

3、内置了用于数据库、视频、社交媒体等的模板和帮助器。

MVC

MVC 将 web 应用程序分为三种不同的组件：

1、针对数据的模型

2、针对现实的视图

3、针对输入的控制器

Web Forms

1、传统的 ASP.NET 事件驱动开发模型。

2、添加了服务器控件、服务器事件以及服务器代码的网页。

==========================================

Web Pages (使用 Razor 语法)
MVC (Model View Controller)
Web Forms (传统的 ASP.NET)

什么是 Razor？

Razor 是一种向网页添加基于服务器的代码的标记语法

Razor 拥有传统 ASP.NET 标记的能力，但是更易学习，更易使用

Razor 是一种类似 ASP 和 PHP 的服务器端标记语法

Razor 支持 C# 和 Visual Basic 编程语言

C# 的主要 Razor 语法规则

Razor 代码块由 @{ ... } 包围

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

代码语句以分号结束

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

字符串用引用来包围

C# 代码对大小写敏感

C# 文件的扩展名是 .cshtml

============================================

示例代码：

<!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>
PS：Razor 代码的全部工作是检测服务器上的当前时间，然后显示出来。

================================================================

<!-- 单行代码块 -->

@{ var myMessage = "Hello World"; }

<!-- 行内表达式或变量 -->

<p>The value of myMessage is: @myMessage</p> 

<!-- 多行代码块 -->

@{

var greeting = "Welcome to our site!";

var weekDay = DateTime.Now.DayOfWeek;

var greetingMessage = greeting + " Today is: " + weekDay;

}

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