你的第一個 ASP.NET Web 應用程序:如何開始

你的第一個 ASP.NET Web 應用程序:如何開始

ASP.NET 是 Microsoft 用於構建 Web 應用程序和服務的免費跨平台框架。ASP.NET 平台是 .NET 的擴展,.NET 是用於構建不同應用程序的工具、編程語言和庫的開發平台。

您可能已經猜到了,ASP.NET 是初學者可以用來構建 Web 應用程序的絕佳框架。它提供了很大的靈活性並且易於使用。在本文中,我們將幫助您使用 Microsoft Visual Studio 在 ASP.NET 中創建您的第一個 Web 應用程序。

什麼是 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 Web 應用程序項目組件

在開始開發 Web 應用程序之前,了解 ASP.NET 的基本組件以及如何在 Web 應用程序中使用它們至關重要。

在本教程中,我們將使用 ASP.NET Web 表單來創建單獨的網頁,例如主頁、聯繫我們等。每個 Web 表單具有三個主要組件,一個用於 HTML/CSS 的 .aspx 文件,一個用於 HTML/CSS 的 .aspx 文件.cs 代碼文件和 .aspx.designer.cs 文件。在本教程中,我們主要使用 .aspx 和 .aspx.cs 文件。

.aspx 文件將包含網頁的所有 HTML 和 CSS 代碼。確保您使用 asp 標籤而不是 HTML 標籤,因為 asp 標籤從服務器獲取數據並將輸入數據發送到服務器。這是動態 Web 應用程序所需的功能特性。

.aspx.cs 文件包含網頁的 C# 代碼,它控制在加載特定事件(例如網頁)、單擊按鈕等時發生的情況。您可以為每個函數創建單獨的函數,並將其鏈接到相應 .aspx 文件中的相關 asp 標記。

母版頁對開發人員有益,可以為每個網頁添加必要的組件,例如導航欄和頁腳。開發人員無需重複添加相同的代碼,而是可以在一個母版頁中添加所有模板所需的代碼,然後將每個網頁鏈接到母版頁。我們將在以下部分中向您展示如何做到這一點。

創建一個新的 ASP.NET Web 應用程序項目

在 ASP.NET 中創建 Web 應用程序的第一步是選擇一個項目模板並創建一個新的 Web 應用程序:

你的第一個 ASP.NET Web 應用程序:如何開始

  1. 啟動 Microsoft Visual Studio 並單擊創建新項目
  2. 在模板搜索框中鍵入 ASP.NET,選擇ASP.NET Web Application ( .NET Framework ) 並單擊Next。如果您沒有上一節中提到的必需安裝,您將不會獲得此模板。
  3. 在下一個屏幕中,配置您的項目名稱和目錄,然後單擊Next
  4. Visual Studio 現在將創建您的項目模板,您應該能夠通過單擊屏幕頂部的綠色播放按鈕來運行模板應用程序。

創建新的 ASP.NET Web 窗體

你的第一個 ASP.NET Web 應用程序:如何開始

為了幫助您更好地理解 ASP.NET,我們將為遊戲商店創建一個簡單的產品頁面。第一步是創建一個新的網絡表單。在您之前創建的項目中,導航到File > New > File並選擇Web Form。設��完成後,您應該能夠看到一個只有標題代碼的空白 .aspx 文件。

要開始開發網頁的整體外觀,您可以自己使用 HTML/CSS 中的代碼或使用Tailblocks 中的模板。

你的第一個 ASP.NET Web 應用程序:如何開始

我們使用模板設置了上述產品頁面佈局。它顯示產品圖像、產品詳細信息和導航欄。我們使用母版頁添加了導航欄的 HTML 和 CSS。

你的第一個 ASP.NET Web 應用程序:如何開始

在上面的代碼(.aspx.cs 文件)中,我們設置了加載頁面功能以在佔位符中設置產品詳細信息。您可以為登錄、註冊、添加到購物車等創建類似的功能。

顯示產品描述的示例 asp 標籤如下:

C# 代碼中的描述值將顯示在此佔位符中。您還可以利用 Visual Studio 的工具箱添加顯示元素,例如圖像、按鈕、單選按鈕等。有多種在線資源可供您學習 ASP.NET 語法。

面向初學者的 ASP.NET Web 應用程序

ASP.NET 是用於創建 Web 應用程序和服務的強大平台。在 ASP.NET 中開發 Web 應用程序之前,您必須熟悉 JavaScript、HTML、CSS 和 C#。


如何使用 Python 作為命令行計算器

如何使用 Python 作為命令行計算器

雖然您可以在計算機上使用圖形計算器,但 Python 編程語言解釋器可以兼作桌面計算器。它在 Python 社區中非常流行,以至於官方教程中都提到了它。下面介紹如何將 Python 用作計算器。

面向程序員的 8 個最佳 Java 博客

面向程序員的 8 個最佳 Java 博客

作為程序員,你應該接受挑戰才能生存,並在開發或編程領域創造一些奇蹟。因此,如果您正在尋求學習高級編程語言以提高您的職業技能,Java 是最好的前景之一。

初學者開始使用 Python 的 7 個重要命令

初學者開始使用 Python 的 7 個重要命令

如果您有一個全面的路線圖,詳細說明初學者應學習哪些概念以及如何進一步進步以達到下一個里程碑,那麼學習 Python 等新編程語言將變得輕而易舉。即使是中級程序員也應該經常複習他們的基礎知識,為自己打下堅實的基礎。

響應式網頁設計原則

響應式網頁設計原則

如今,構建一個根據瀏覽器或設備調整其用戶界面的網站或應用程序是一種常見的做法。有兩種方法可以實現這一目標。第一個涉及為不同的設備創建不同版本的網站或應用程序。但它效率低下,並可能導致不可預測的錯誤。

如何使用 C++、Python 和 JavaScript 計算數字中的位數

如何使用 C++、Python 和 JavaScript 計算數字中的位數

處理數字是編程的一個組成部分。每種編程語言都支持以多種不同方式操作數字。在本文中,您將學習如何使用迭代、基於日誌和基於字符串的方法查找整數中的總位數。

用於容器管理的 9 個最佳 Docker 替代方案

用於容器管理的 9 個最佳 Docker 替代方案

容器對於虛擬環境中的軟件開發、部署和管理非常有益。Docker 在容器化過程中很有用,但它不是唯一的平台。如果您正在尋找 Docker 的替代品,那就別無所求。此列表展示了一些功能豐富且高效的 Docker 替代方案,可用於您的下一個項目。

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

如何在您的 WordPress 帖子中嵌入推文

如何在您的 WordPress 帖子中嵌入推文

在您的 WordPress 帖子中嵌入第三方服務是一種吸引訪問者興趣的令人興奮的方式。嵌入的內容還提供了使掃描更容易的視覺提示。WordPress 使添加此類內容變得容易。

如何使用 npkill 刪除節點模塊文件夾

如何使用 npkill 刪除節點模塊文件夾

Node.js 是一個 JavaScript 運行時環境,允許您在 Web 瀏覽器之外運行 JavaScript,使其成為開發各種應用程序的流行選擇。它的流行部分是由於大量的 NPM 包可以簡化開發人員的體驗。

如何編寫和編譯你的第一個 Solidity 代碼

如何編寫和編譯你的第一個 Solidity 代碼

Solidity 是以太坊區塊鏈上智能合約使用的編程語言。它是一種靜態類型的、面向對象的編程語言。

前 5 大徽章將增強您的 GitHub 存儲庫

前 5 大徽章將增強您的 GitHub 存儲庫

GitHub 徽章可以通過為用戶提供一種快速的方法來捕獲存儲庫指標來提高存儲庫的可讀性。徽章可以嵌入到您的 README.md 中,以向其他開發人員闡明您的項目的重要性和必要性。因此,讀者可以通過檢查附加的徽章快速了解存儲庫。

什麼是國際程序員節?今年的 3 種慶祝方式

什麼是國際程序員節?今年的 3 種慶祝方式

國際慶祝日是對社會事務、歷史日子和各自職業給予認可的好方法。國際程序員日慶祝程序員在改善日常生活方面所發揮的作用。我們生活的文明世界是程序員辛勤工作的產物。

Python String format() 方法如何工作?10個例子

Python String format() 方法如何工作?10個例子

無論是數據庫查詢還是數學運算的結果,Python 字符串格式方法都提供了一種更加動態和吸引人的方式來向用戶呈現結果。

Visual Studio 2022 與 2019:您現在應該升級嗎?解釋

Visual Studio 2022 與 2019:您現在應該升級嗎?解釋

今年早些時候,微軟向狂野的編程世界發布了 Visual Studio 2022 的預覽版。這是個好消息!這是一個非常受歡迎的 IDE,但考慮到它蓬勃發展的 DevOps 生態系統的變化速度,它需要進行調整甚至大修。

軟件度量的簡單介紹

軟件度量的簡單介紹

軟件度量是用於量化軟件各個方面的度量。這些方面可以包括開發團隊的成本、質量和效率。

如何在 Windows 10 上安裝 .NET Framework 3.5 版

如何在 Windows 10 上安裝 .NET Framework 3.5 版

作為 Windows 用戶,您可能至少遇到過 .NET Framework 這個詞。它是 Microsoft 開發的軟件框架,可讓您構建和運行 C#、C++、F# 和 Visual Basic 程序。最新的 .NET 版本是 4.8,但您的計算機可能需要舊版本的 .NET(如 .NET 3.5)才能運行某些應用程序。

Flask 或 CherryPy:您應該使用哪種 Python 框架?

Flask 或 CherryPy:您應該使用哪種 Python 框架?

如果您是 Python 開發人員,您可以從一系列可用的框架中受益匪淺。雖然有些框架最適合大型生態系統,但其他框架則專門服務於特定的發展目標。繼續閱讀以了解兩個 Python 框架 Flask 和 CherryPy 之間的基本特性、用法和區別。

如何使用 Python、C++ 和 JavaScript 查找 N 位完美立方體和正方形

如何使用 Python、C++ 和 JavaScript 查找 N 位完美立方體和正方形

許多程序員喜歡使用代碼解決棘手的數學問題。它有助於提高頭腦和提高解決問題的能力。在本文中,您將學習如何使用 Python、C++ 和 JavaScript 找到最小和最大的 n 位完美正方形和立方體。每個示例還包含幾個不同值的示例輸出。

如何將 Python 添加到 Windows PATH 變量

如何將 Python 添加到 Windows PATH 變量

從終端運行 Python 通常是不可避免的。但是,如果您是第一次在 Windows 10 上安裝 Python,則只有將其添加到 Windows PATH 環境變量中,才能通過 Windows 終端運行它。

如何使用 Python if 語句

如何使用 Python if 語句

if 語句是邏輯編程的驅動力。因此,更好地掌握 Python 是對 Python 編程技能的重要補充。

如何使用 Python 作為命令行計算器

如何使用 Python 作為命令行計算器

雖然您可以在計算機上使用圖形計算器,但 Python 編程語言解釋器可以兼作桌面計算器。它在 Python 社區中非常流行,以至於官方教程中都提到了它。下面介紹如何將 Python 用作計算器。

面向程序員的 8 個最佳 Java 博客

面向程序員的 8 個最佳 Java 博客

作為程序員,你應該接受挑戰才能生存,並在開發或編程領域創造一些奇蹟。因此,如果您正在尋求學習高級編程語言以提高您的職業技能,Java 是最好的前景之一。

初學者開始使用 Python 的 7 個重要命令

初學者開始使用 Python 的 7 個重要命令

如果您有一個全面的路線圖,詳細說明初學者應學習哪些概念以及如何進一步進步以達到下一個里程碑,那麼學習 Python 等新編程語言將變得輕而易舉。即使是中級程序員也應該經常複習他們的基礎知識,為自己打下堅實的基礎。

響應式網頁設計原則

響應式網頁設計原則

如今,構建一個根據瀏覽器或設備調整其用戶界面的網站或應用程序是一種常見的做法。有兩種方法可以實現這一目標。第一個涉及為不同的設備創建不同版本的網站或應用程序。但它效率低下,並可能導致不可預測的錯誤。

如何使用 C++、Python 和 JavaScript 計算數字中的位數

如何使用 C++、Python 和 JavaScript 計算數字中的位數

處理數字是編程的一個組成部分。每種編程語言都支持以多種不同方式操作數字。在本文中,您將學習如何使用迭代、基於日誌和基於字符串的方法查找整數中的總位數。

用於容器管理的 9 個最佳 Docker 替代方案

用於容器管理的 9 個最佳 Docker 替代方案

容器對於虛擬環境中的軟件開發、部署和管理非常有益。Docker 在容器化過程中很有用,但它不是唯一的平台。如果您正在尋找 Docker 的替代品,那就別無所求。此列表展示了一些功能豐富且高效的 Docker 替代方案,可用於您的下一個項目。

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

SQL 與 NoSQL:下一個項目的最佳數據庫是什麼?

如何在您的 WordPress 帖子中嵌入推文

如何在您的 WordPress 帖子中嵌入推文

在您的 WordPress 帖子中嵌入第三方服務是一種吸引訪問者興趣的令人興奮的方式。嵌入的內容還提供了使掃描更容易的視覺提示。WordPress 使添加此類內容變得容易。

如何使用 npkill 刪除節點模塊文件夾

如何使用 npkill 刪除節點模塊文件夾

Node.js 是一個 JavaScript 運行時環境,允許您在 Web 瀏覽器之外運行 JavaScript,使其成為開發各種應用程序的流行選擇。它的流行部分是由於大量的 NPM 包可以簡化開發人員的體驗。

如何編寫和編譯你的第一個 Solidity 代碼

如何編寫和編譯你的第一個 Solidity 代碼

Solidity 是以太坊區塊鏈上智能合約使用的編程語言。它是一種靜態類型的、面向對象的編程語言。