【ASP.NET学习】Web Pages 最简单的网页编程开发模型

文章目录

前言
[什么是 Web Pages？](#什么是 Web Pages？)
[创建一个Web Pages实例](#创建一个Web Pages实例)
[ASP.NET Web Pages - 添加 Razor 代码](#ASP.NET Web Pages - 添加 Razor 代码)
- 什么是Razor
- [添加 Razor 代码](#添加 Razor 代码)
- [主要的 Razor C# 语法规则](# 语法规则)
[Web Pages应用实例](#Web Pages应用实例)
- [基本的Web Pages](#基本的Web Pages)
- 基本的C#
- 使用数据库
- 使用Chart帮助器

前言

提出一个疑惑：

如何将HTML、CSS、Javascript、服务器代码组合成一个项目？

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

ASP.NET 支持三种不同的开发模式：

Web Pages（Web 页面）、MVC（Model View Controller 模型-视图-控制器）、Web Forms（Web 窗体）：

什么是 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，因此很容易扩展。

创建一个Web Pages实例

工具：VS2019

代码：

cpp 复制代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebPages.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <h1>Hello Web Pages</h1>
         <p>当前时间是: <asp:Label ID="lblCurrentTime" runat="server"></asp:Label></p>
        <p>The time is </p>
    </form>
</body>
</html>

cpp 复制代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebPages
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            lblCurrentTime.Text = DateTime.Now.ToString("yy年MM月dd日 HH:mm:ss");
        }
    }
}

运行：

ASP.NET Web Pages - 添加 Razor 代码

什么是Razor

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

添加 Razor 代码

cpp 复制代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebPages.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Web Pages Demo</title>
</head>
<body>
    <form id="form1" runat="server">
        <h1>Hello Web Pages</h1>
         <p>The time is @DateTime.Now</p>
    </form>
</body>
</html>

该页面中包含普通的 HTML 标记，除此之外，还添加了一个 @ 标识的 Razor 代码。

Razor 代码能够在服务器上实时地完成多有的动作，并将结果显示出来。（您可以指定格式化选项，否则只会显示默认项。）