在實際業務中,當後臺數據發生變化,客戶端能夠實時的收到通知,而不是由用戶主動的進行頁面刷新才能查看,這將是一個非常人性化的設計。有沒有那麼一種場景,後臺數據明明已經發生變化了,前臺卻因為沒有及時刷新,而導致頁面顯示的數據與實際存在差異,從而造成錯誤的判斷。那麼如何才能在後臺數據變更時及時通知客戶端呢... ...
學習ASP.NET Core Blazor編程系列一——綜述 學習ASP.NET Core Blazor編程系列二——第一個Blazor應用程式(上) 學習ASP.NET Core Blazor編程系列二——第一個Blazor應用程式(中)
五、啟動第一個Blazor應用程式
8.按F5在調撥模式下運行這個應用程式或者按Ctrl+F5在不調試模式下運行這個應用程式。
第一次在Visual Studio 2022 中運行Web應用程式時,它將為HTTPS托管該應用程式設置開發證書,會彈出兩個提示您信任證書的對話框,分別是“信任ASP.NET Core SSL證書”和“信任IIS Express 證書”。如下三個圖。我們建議您同意信任該證書,使用滑鼠點擊“是”按鈕。證書將僅用於本地開發。
圖2-11
圖2-12
圖2-13
9.在兩個證書安裝完成之後,等待應用程式在瀏覽器中啟動。如果見到如下圖,證明第一個Blazor應用程式成功運行!
圖2-14
- Visual Studio 2022 將啟動BlazorAppDemo.exe運行Blazor應用程式。註意,地址欄顯示“localhost:埠”而不是功能變數名稱(如www.cnblogs.com)。這是因為localhost是本地電腦的標準主機名。當Visual Studio 2022創建Web項目時,Web伺服器使用隨機埠。在上面的圖片中,埠號是7110。瀏覽器中的URL顯示“http://localhost: 7110/”。你運行應用程式時,可能會看到一個不同的埠號。
10.在Visual Studio 2022的解決方案資源管理器中,Pages\Index.razor文件,打開。代碼如下。
@page "/" <PageTitle>Index</PageTitle> <h1>Hello, world!</h1> Welcome to your new app. <SurveyPrompt Title="How is Blazor working for you?" />11.在上面代碼的最後一行後面,添加“測試熱重載功能 。”這一句話,保存文件之後,我們回到瀏覽器中,不停的按F5刷新瀏覽器,無法查看代碼更改之後的結果。
12.在Visual Studio 2022的工具欄上,點擊“熱載入”按鈕。如下圖中的紅框所示。
“熱重載”,可以編輯應用程式的代碼文件並將代碼更改立即應用於正在運行的應用程式。 應用更改後,通過在應用中執行操作(或通過某種計時器等)再次重新執行代碼並立即查看更改;不需要通過斷點暫停應用!
圖2-15
13.不需要重新啟動應用程式,不需要刷新瀏覽器,就可以查看代碼更改之後的結果。如下圖中。
圖2-16