ASP.NET Zero--前端應用程式

来源:http://www.cnblogs.com/liyongke/archive/2017/05/07/6820232.html
-Advertisement-
Play Games

前端應用程式 ASP.NET Zero包含可以作為您的公共網站或應用程式著陸頁的起點的前端頁面。首次運行項目時,您會看到主頁如下所示: 這裡有兩頁:主頁和關於。這些頁面的內容只是占位符和演示目的。您可以根據需要完全刪除內容並構建頁面。此外,你應該改變的標誌與貴公司的標誌。 請參閱 metronic前 ...


前端應用程式

ASP.NET Zero包含可以作為您的公共網站或應用程式著陸頁的起點的前端頁面。首次運行項目時,您會看到主頁如下所示:

前端主頁

這裡有兩頁:主頁關於這些頁面的內容只是占位符和演示目的。您可以根據需要完全刪除內容並構建頁面。此外,你應該改變的標誌與貴公司的標誌。

請參閱 metronic前端主題 ,為所有可能性和組件構建一個更豐富的網站。

菜單在 FrontEndNavigationProvider 中定義當您在此添加新菜單項時,將自動顯示在菜單中。 右上角有一個登錄鏈接。此鏈接將使我們進入登錄頁面 以進入後端應用程式。

佈局

前端頁面的佈局位於.Web項目的“ 視圖/佈局”文件夾下 

前端佈局視圖

_Layout是包含腳本和樣式的主要佈局文件。語言標誌和菜單在 位於共用/組件下的標題組件中呈現_PreFooter不使用,但如果需要,您可以將其添加到_Layout。

租戶註冊

當您點擊前端應用程式中的“新租戶”鏈接時,您可以註冊成為新的租戶:

租戶註冊

在這裡,您可以創建一個新的租戶。TenantRegistration控制器是用來註冊一個新的租戶。可以啟用/禁用租戶註冊,並可以在後端應用程式的設置頁面中更改某些設置。

Account控制器

AccountController提供登錄註冊, 忘記密碼電子郵件激活頁面。

佈局

帳戶管理頁面Views / Account文件夾有一個分隔的_Layout視圖 

帳戶查看

位於view-resources / Views / Account文件夾下的 相關腳本樣式資源 

帳戶查看資源

類似地,應用程式的所有視圖都具有wwwroot / view-resources文件夾下的對應樣式和腳本文件

登錄

AccountController的主視圖是“登錄”頁面:

登錄頁面

登錄部分上方租戶選擇部分僅顯示在 多租戶應用程式中,並且“子功能變數名稱租賃戶名稱檢測” 不可用(請參閱主機設置部分)。當我們單擊更改鏈接時,出現租戶更改對話框,我們可以更改租戶。 在初始資料庫中有一個名為Default租戶(請參閱初始種子數據的實體框架部分)。將租戶名稱輸入留為空,用host登錄

我們可以先使用admin用戶名和123qwe 密碼來運行應用程式。首先登錄後,我們應該更改管理員密碼,因為123qwe不是很安全:

更改密碼

更改密碼後,我們將重定向到後端應用程式

社交登錄

ASP.NET Zero支持社交媒體登錄。要啟用它,我們應該改變如下設置一個ppsettings.json文件。

  “Authentication”:{
       “Facebook”:{
       “IsEnabled”“false”“AppId”“”“AppSecret”“”
    },
    “Google”:{
       “IsEnabled”“false”“ClientId”“”“ClientSecret”“”
    },
    “Twitter”:{
       “IsEnabled”“false”“ConsumerKey”“”“ConsumerSecret”“”
    },
    “Microsoft”:{
       “IsEnabled”“false”“ConsumerKey”“”“ConsumerSecret”“”
    }
  },

您可以在網路上找到許多文檔,以瞭解如何獲取社交平臺的身份驗證密鑰。因此,我們不會詳細介紹在社交媒體上製作應用程式的細節。一旦你得到你的key,你可以把它們寫入appsettings.json。啟用它後,社交媒體標誌會自動顯示在登錄頁面上,如下所示:

社交登錄圖標

OPENID連接登錄

除了社交登錄,ASP.NET Zero還包括OpenId Connect Login集成。它的配置可以在 appsettings.json更改

“OpenId”:{
   “IsEnabled”“false”“Authority”“”“ClientId”“”“ClientSecret”“” 
}

啟用後,登錄頁面會顯示一個徽標(與上述社交徽標相似)。

雙因素登錄

ASP.NET Zero可以提供兩個因素登錄,但是預設情況下禁用。您可以在主機設置頁面(安全選項卡)中輕鬆啟用它:

註意:在多租戶應用程式中,只有在主機設置中啟用了雙重身份驗證才可以向租戶提供。此外,電子郵件驗證和簡訊驗證設置僅在主機端可用。這僅是設計。

啟用後,輸入用戶名和密碼後,系統會要求用戶選擇驗證方式:

發送安全碼

然後將確認碼發送到所選提供商,用戶在下一頁中輸入代碼:

驗證安全碼

電子郵件驗證

如果用戶具有確認的電子郵件地址,則可用。由於電子郵件發送在調試模式下被禁用,您可以在日誌中看到代碼。在發佈模式下,電子郵件將被髮送(您可以更改此信息並使電子郵件可用於調試,請參閱發送電子郵件部分)。

簡訊驗證

如果用戶具有確認的電話號碼,則可以使用此功能。SMS發送實際上沒有實現(因為它需要與SMS供應商集成)。當前的實現只是將安全代碼寫入日誌。您應該在解決方案中完成 IdentitySmsMessageService類,使其可用。否則,在設置中禁用簡訊驗證。

用戶鎖定

如上一節所述,您可以配置用戶鎖定設置。用戶在指定的計數和持續時間輸入錯誤的密碼時鎖定。

註冊

當我們點擊登錄頁面中的“ 創建帳戶 ”鏈接時,會顯示一個註冊表單:

報名錶格

用戶可以註冊租戶,而不是Host,如果這是一個多租戶應用程式。如果是單租戶,這裡就不會有租戶名稱。

Recaptcha(安全問題)是可選的。它使用Google的recaptcha服務。每個功能變數名稱Recaptcha服務工作。因此,為了使其正常工作,您應該在https://www.google.com/recaptcha上為您的域創建自己的私鑰和公鑰, 併在appsettings.json文件中替換密鑰

電子郵件激活

當用戶如上所示註冊時,電子郵件確認碼將發送到他的電子郵件地址。如果用戶因某些原因未收到此電子郵件,可以點擊電子郵件激活並重新發送確認碼。

電子郵件激活屏幕

再次,租戶名稱輸入未顯示為單租戶應用程式,或租戶名稱通過子功能變數名稱(如tenancyname.mydomain.com)已知。

忘記密碼

如果用戶忘了他的密碼,他可以點擊“忘記密碼”鏈接獲取電子郵件重置密碼。

忘記密碼


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1 public static class DataSetUtilities { 2 public static void SendDataSet(DataSet ds) { 3 if (ds == null) { 4 throw new ArgumentException("SendDataSet... ...
  • 什麼是架構,談下你項目中用的是什麼樣的架構?!! What?這個問題怎麼熟悉!!原來是在面試的時候經常面試官會問出這個問題。 架構是項目系統實施的整個思維過程。他不是一件容易的事。 需要架構師能夠充分把握業務需求,對行業及項目具有前瞻性的眼光,對抽象思維有精深的能力,應對變化有足夠的反應,這樣才... ...
  • 《Effective C#》快速筆記 - C# 中的動態編程 靜態類型和動態類型各有所長,靜態類型能夠讓編譯器幫你找出更多的錯誤,因為編譯器能夠在編譯時進行大部分的檢查工作。C# 是一種靜態類型的語言,不過它加入了動態類型的語言特性,可以更高效地解決問題。 本系列 《Effective C#》快速筆 ...
  • 背水一戰 Windows 10 之 控制項(ScrollViewer 特性): Chaining - 鎖鏈, Rail - 軌道, Inertia - 慣性, Snap - 對齊, Zoom - 縮放 ...
  • 根據一個給定經緯度的點和距離,搜索附近5公裡範圍的地點 –合理利用演算法 功能需求:需要查詢一個站點(已知該站點經緯度)5公裡範圍內的其它站點。 方 法 一 :對每條記錄,去進行遍歷,跟資料庫中的每一個點進行距離計算,當距離小於5公裡時,認為匹配(效率極其低下,耗時長)。 方 法 二 :先過濾出大概的 ...
  • "沒有時間了!" 本次學習mongoDB,參考瞭如下文章: Using MongoDB with ASP.NET Core – Part II (Implementation) 來自 MongoDB學習筆記(二) 通過samus驅動實現基本數據操作 來自 略去如何安裝和調試MongoBD,可參見上述... ...
  • 我遇到問題產生的原因:資料庫表的某個欄位為不能為空。在修改實體屬性的時候,實體對應的表中不能為空的欄位為null。 詳情: 資料庫: c #: 錯誤代碼: 正確代碼: ...
  • 最近由於工作需要,做一個C#的簡單程式。學習了一些基礎東西先記下來。 主要有: 1.生成初始框架 2.打亂順序 3.游戲部分,點擊按鈕後與空白部分交換的只是Text和Visible部分 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...