当前位置：首页 > article >正文

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

article 2025/1/13 13:06:17

文章目录

前言
什么是 Web Pages？
创建一个Web Pages实例
ASP.NET Web Pages - 添加 Razor 代码
- 什么是Razor
- 添加 Razor 代码
- 主要的 Razor C# 语法规则
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
在这里插入图片描述

代码：

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

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 代码

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