以下是一些基本的 ASP.NET Web Pages 的概念和示例:
1. 页面基本结构:
ASP.NET Web Pages 使用 Razor 语法,它允许在 HTML 中嵌套 C# 代码。页面的基本结构如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ASP.NET Web Pages</title>
</head>
<body>
<h1>Hello, Web Pages!</h1>
@{
// C# 代码块
var message = "Welcome to ASP.NET Web Pages!";
<p>@message</p>
}
</body>
</html>
2. 页面布局:
ASP.NET Web Pages 支持共享布局,使得可以在多个页面之间重用通用的 HTML 结构。布局文件通常包含头部、尾部和其他常见元素。
<!-- _Layout.cshtml -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@PageData["Title"] - My Web Pages</title>
</head>
<body>
<div id="header">
<h1>My Web Pages</h1>
</div>
<div id="content">
@RenderBody()
</div>
<div id="footer">
© 2023 My Web Pages
</div>
</body>
</html>
3. 页面代码:
在页面中使用 C# 代码块,处理业务逻辑、数据呈现等任务。
@{
var pageTitle = "Home";
Layout = "_Layout.cshtml";
}
<h2>@pageTitle</h2>
<ul>
@for (var i = 1; i <= 5; i++)
{
<li>Item @i</li>
}
</ul>
4. 数据库访问:
ASP.NET Web Pages 支持与数据库的交互。以下是一个简单的示例,使用 ADO.NET 访问 SQL Server 数据库。
@{
var db = Database.Open("ConnectionString");
var data = db.Query("SELECT * FROM Products");
}
<ul>
@foreach (var product in data)
{
<li>@product.ProductName: $@product.Price</li>
}
</ul>
5. 表单处理:
处理用户提交的表单数据。
@{
if (IsPost)
{
var name = Request["name"];
var email = Request["email"];
// 处理表单数据...
}
}
<form method="post">
<label for="name">Name:</label>
<input type="text" name="name" required>
<label for="email">Email:</label>
<input type="email" name="email" required>
<button type="submit">Submit</button>
</form>
这些是 ASP.NET Web Pages 的基础示例。 ASP.NET Web Pages 提供了简单易用的方式来构建 Web 应用程序,适合初学者或需要快速开发的项目。
转载请注明出处:http://www.zyzy.cn/article/detail/14779/ASP.NET Web Pages