T編程，不管是后端還是前端，初學(xué)者容易陷入浩瀚語(yǔ)法、各個(gè)知識(shí)點(diǎn)，導(dǎo)致學(xué)習(xí)時(shí)間過(guò)長(zhǎng)、學(xué)習(xí)曲線居高不下；我的方法是：先定一個(gè)小目標(biāo)，就是通過(guò)一個(gè)小項(xiàng)目為結(jié)果，然后根據(jù)結(jié)果去學(xué)習(xí)，去找解決方案。

不建議一個(gè)一個(gè)的去學(xué)html、DIV+CSS、javascript，這樣過(guò)程太長(zhǎng)、時(shí)間太久，很多知識(shí)點(diǎn)在實(shí)際應(yīng)用中，可能一輩子都用不到，就算你想精通它，也是要解決日常的、重要的項(xiàng)目，在做項(xiàng)目過(guò)程中去學(xué)習(xí)、去精通。

相對(duì)于后端，html、DIV+CSS、javascript是相對(duì)比較容易上手、容易掌握的，而bootstrap是一個(gè)基于HTML、CSS、JavaScript的前端框架；學(xué)會(huì)他，你就學(xué)會(huì)了html、DIV+CSS、javascript，學(xué)會(huì)bootstrap，就可以設(shè)計(jì)響應(yīng)式的前端網(wǎng)頁(yè)。

好，開始重點(diǎn)：

A、我們最終要的結(jié)果：一個(gè)簡(jiǎn)單的企業(yè)網(wǎng)站首頁(yè)，很丑，主要是利于學(xué)習(xí)，效果圖如下：

1、打開你的編程工具，如：sublime txt

這個(gè)工具可以到：www.df81.com去免費(fèi)下載

2、不管那么多，先輸入如下代碼，運(yùn)行效果如上圖所示：

在做 Web 開發(fā)，很多開發(fā)者都會(huì)選擇用 Java 和 SpringBoot 框架，畢竟已經(jīng)相對(duì)成熟并且可擴(kuò)展性也非常好，但確實(shí)很少看到開發(fā)者使用 C# 和 .NET 進(jìn)行 Web 開發(fā)。

今天 Gitee 推薦的開源項(xiàng)目便是一個(gè)使用 .NET 生成交互式客戶端 Web UI 的框架，如果你想學(xué)習(xí)學(xué)習(xí)的話不妨接著往下看。

項(xiàng)目名稱：BootstrapBlazor

項(xiàng)目作者：Longbow

開源許可協(xié)議：LGPL-3.0

項(xiàng)目地址：https://gitee.com/LongbowEnterprise/BootstrapBlazor

項(xiàng)目簡(jiǎn)介

Blazor 是一個(gè)使用 .NET 生成交互式客戶端 Web UI 的框架：

• 使用 C# 代替 JavaScript 來(lái)創(chuàng)建豐富的交互式 UI。
• 共享使用 .NET 編寫的服務(wù)器端和客戶端應(yīng)用邏輯。
• 將 UI 呈現(xiàn)為 HTML 和 CSS，已支持眾多瀏覽器，其中包括移動(dòng)瀏覽器。

使用 .NET 進(jìn)行客戶端 Web 開發(fā)可提供以下優(yōu)勢(shì)：

• 使用 C# 代替 JavaScript 來(lái)編寫代碼。
• 利用現(xiàn)有的 .NET 庫(kù)生態(tài)系統(tǒng)。
• 在服務(wù)器和客戶端之間共享應(yīng)用邏輯。
• 受益于 .NET 的性能、可靠性和安全性。
• 始終高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
• 以一組穩(wěn)定、功能豐富且易用的通用語(yǔ)言、框架和工具為基礎(chǔ)來(lái)進(jìn)行生成。

本項(xiàng)目是利用 Bootstrap 樣式進(jìn)行封裝的 UI 組件庫(kù)。

組件

Blazor應(yīng)用基于組件。 Blazor 中的組件是指 UI 元素，例如頁(yè)面、對(duì)話框或數(shù)據(jù)輸入窗體。

組件是內(nèi)置到 .NET 程序集的 .NET 類，用來(lái)：

• 定義靈活的 UI 呈現(xiàn)邏輯。
• 處理用戶事件。
• 可以嵌套和重用。
• 可以作為 Razor 類庫(kù)或 NuGet 包共享和分發(fā)。

項(xiàng)目截圖

目前這個(gè)項(xiàng)目仍然在不斷地完善中， 如果你想?yún)⑴c進(jìn)來(lái)，或者想看看這個(gè)項(xiàng)目更詳細(xì)的情況，那就點(diǎn)擊下方的了解更多去項(xiàng)目主頁(yè)看看吧！