asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?

2021年11月7日20:22:00 发表评论 861 次浏览

准备好开始使用 ASP.NET 创建 Web 应用了吗?从这里开始。

asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?

ASP.NET 是 Microsoft 用于构建 Web 应用程序和服务的免费跨平台框架。ASP.NET 平台是 .NET 的扩展,.NET 是用于构建不同应用程序的工具、编程语言和库的开发人员平台。

asp.net网站开发教程:你可能已经猜到了,ASP.NET 是初学者可以用来构建 Web 应用程序的绝佳框架。它提供了很大的灵活性并且易于使用。在本文中,我们将帮助你使用 Microsoft Visual Studio 在 ASP.NET 中创建你的第一个 Web 应用程序,以及一些ASP.NET Web应用程序示例

asp.net网站开发示例:什么是 ASP.NET?

ASP 代表“Active Server Pages”;ASP 和 ASP.NET 是用于显示交互式网页的服务器端技术。ASP.NET 在具有各种库和工具的大型、多功能生态系统中为开发人员提供了很大的灵活性。开发人员还可以创建可以与在 .NET 平台上创建的任何应用程序共享的自定义库。

相关阅读:值得开发者学习的 Web 框架

你可以使用 C#、Visual Basic 甚至 F# 为 ASP.NET 应用程序编写后端代码。这种灵活性允许开发人员有效地对业务逻辑和数据访问层进行编码。使用 ASP.NET 的另一个显着优势是在称为 Razor 的网页模板语法工具的帮助下,使用 C# 构建动态网页。

Razor 还提供了一种用于创建包含 HTML、CSS、JavaScript 和 C# 的交互式动态网页的语法。客户端代码通常用 JavaScript 编写,ASP.NET 甚至可以与其他 Web 框架(例如 Angular 或 React)集成。

相关阅读:Tailwind CSS 与 Bootstrap:哪个是更好的框架?

ASP.NET 还为开发人员提供了一个身份验证系统,其中包括一个数据库、库、用于管理登录的模板、对 Google、Facebook 等的外部身份验证等等。开发人员可以在所有主要平台上使用 ASP.NET,包括 Windows、Linux、macOS 甚至 Docker。

如何在 Visual Studio 中创建 ASP.NET Web 应用程序

在创建 Web 应用程序之前,你最好先熟悉 HTML、CSS、JavaScript 和 C#,以便充分利用 ASP.NET。让我们看看如何在 Microsoft Visual Studio 2019 中的 ASP.NET 中创建 Web 应用程序。

确保安装了以下软件包:

  • Microsoft Visual Studio 2019 或更高版本
  • 来自 Visual Studio 安装程序的 ASP.NET 和 Web 开发工作负载

asp.net网站开发教程:了解 ASP.NET Web 应用程序项目组件

在开始开发 Web 应用程序之前,了解 ASP.NET 的基本组件以及如何在 Web 应用程序中使用它们至关重要。

在本教程中,我们将使用 ASP.NET Web 表单来创建单独的网页,例如主页、联系我们等。每个 Web 表单都有三个主要组件,一个用于 HTML/CSS 的 .aspx 文件,一个用于 HTML/CSS 的 .aspx 文件.cs 代码文件和 .aspx.designer.cs 文件。在本教程中,我们主要使用 .aspx 和 .aspx.cs 文件。

IDE 中的代码

.aspx 文件将包含网页的所有 HTML 和 CSS 代码。确保你使用 asp 标签而不是 HTML 标签,因为 asp 标签从服务器获取数据并将输入数据发送到服务器。这是动态 Web 应用程序所需的功能特性。

.aspx.cs 文件包含网页的 C# 代码,它控制加载特定事件(例如网页)、单击按钮等时发生的情况。你可以为每个函数创建单独的函数,并将其链接到相应 .aspx 文件中的相关 asp 标记。

母版页对开发人员有益,可为每个网页添加基本组件,例如导航栏和页脚。开发人员可以在一个母版页中添加所有模板所需的代码,然后将每个网页链接到母版页,而不是重复添加相同的代码。我们将在以下部分中向你展示如何做到这一点。

asp.net网站开发教程:创建新的 ASP.NET Web 应用程序项目

在 ASP.NET 中创建 Web 应用程序的第一步是选择一个项目模板并创建一个新的 Web 应用程序:

asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?
  1. 启动 Microsoft Visual Studio 并单击创建新项目
  2. 在模板搜索框中键入 ASP.NET,选择ASP.NET Web Application ( .NET Framework ) 并单击Next。如果你没有上一节中提到的必需安装,你将不会获得此模板。
  3. 在下一个屏幕中,配置你的项目名称和目录,然后单击Next
  4. Visual Studio 现在将创建你的项目模板,你应该能够通过单击屏幕顶部的绿色播放按钮来运行模板应用程序。

asp.net网站开发示例:创建新的 ASP.NET Web 窗体

asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?

ASP.NET Web应用程序示例:为了帮助你更好地理解 ASP.NET,我们将为游戏商店创建一个简单的产品页面。第一步是创建一个新的网络表单。在你之前创建的项目中,导航到File > New > File并选择Web Form。设置完成后,你应该能够看到一个只有标题代码的空白 .aspx 文件。

要开始开发网页的整体外观,你可以自己使用 HTML/CSS 中的代码或使用Tailblocks 中的模板。

asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?

我们使用模板设置了上述产品页面布局。它显示产品图像、产品详细信息和导航栏。我们使用母版页添加了导航栏的 HTML 和 CSS。

asp.net网站开发教程:如何开始第一个ASP.NET Web应用程序?

在上面的代码(.aspx.cs 文件)中,我们设置了loadpage函数以在占位符中设置产品详细信息。你可以为登录、注册、添加到购物车等创建类似的功能。

显示产品描述的示例 asp 标签如下:

<asp:Label ID="description" runat="server" Text="" class="leading-relaxed"></asp:Label>

asp.net网站开发教程:C# 代码中的描述值将显示在此占位符中。你还可以利用 Visual Studio 的工具箱添加显示元素,例如图像、按钮、单选按钮等。有多种在线资源可供你学习 ASP.NET 语法。

面向初学者的 ASP.NET Web 应用程序

asp.net网站开发示例:ASP.NET 是用于创建 Web 应用程序和服务的强大平台。在 ASP.NET 中开发 Web 应用程序之前,你必须熟悉 JavaScript、HTML、CSS 和 C#。

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: