基於NCF的多模組協同例項

微軟技術棧發表於2022-07-04

簡介

這次給大家帶來的內容是基於NCF的多模組協同例項

主要講解的內容是NCF的模組Xncf之間相互呼叫,相互協作的能力

這裡可以把Xncf比作樂高玩具,一個Xncf就是你擁有的樂高玩具的型別,比如你有一套搭建房子的樂高玩具,你又有一套搭建飛機和汽車的樂高玩具

那麼多模組的協作就好比是你用搭建房子的玩具搭建了一部分,如果你想在房子裡面建一個車庫,然後把汽車樂高玩具中的搭建好的汽車直接放入到房子的車庫中,完全匹配,沒有不會覺得格格不入,因為他們的規格都是一致的

 

 

 以上圖片為網路圖片,僅作為參考

 

步驟

  • NCF概述
  • NCF安裝過程
  • NCF Docs
  • NCF執行模組的演示
  • NCF介面執行的演示
  • NCF案例的演示
  • NCF不同模組下的模組的管理
  • NCF不同模組下的介面的增加
  • NCF不同模組下的相互呼叫
  • MAUI的簡單介紹
  • MAUI的執行安裝
  • NCF結合MAUI的Demo演示
  • NCF更多的可能性

實施

  • NCF概述

    關於NCF的概述,我們很多章節都已經有講過了,詳細內容,請移步:關於 NCF

     

     

  • NCF安裝過程

    關於NCF安裝過程,請移步:NCF首次執行安裝
  • NCF Docs

    官方文件:Docs
  • NCF執行模組的演示

     

     執行登入成功後,會看到擴充套件模組下的模組管理中包含了很多發現的新的模組

     

     

     點選安裝模組,會顯示模組是否需要開啟,開啟後,則模組的功能就全部開放為啟用狀態

  • NCF介面執行的演示

     

     我們通過視覺化的Swagger外掛,將web api的介面顯示出來

     

     

     介面呼叫完成之後,顯示的就是介面返回的資料格式,大家可以按照需要放置到自己需要的應用上

  • NCF案例的演示

     

     這個案例是我們製作的一個小的案例,大家可以掃碼去授權登入一下,這個小程式是完全使用NCF做出來的

  • NCF不同模組下的模組的管理

    今天的重點來了哦,多個不同的模組同時安裝到專案中

     

     大家就能看到上圖中,已安裝的模組中包含了2個模組,一個是平臺管理模組一個是DotnetDay模組

     

     從專案中的程式碼結構上看是這樣的

     

     後端展示出來的實際的情況是這樣的

     

     點選新增商品,則可以看到新增商品的表單資訊

     

     每行的結尾都有一個編輯操作,點選後可以彈出編輯的表單頁面

  • NCF不同模組下的介面的增加

     

     這個是平臺管理開放的v1版本的介面

     

     這是DotnetDay模組的v3的介面

  • NCF不同模組下的相互呼叫

     

     我們就拿新增商品的上傳圖片來說,我們拿DotnetDay模組下的商品管理的模組去呼叫 【平臺管理】下v1的介面,就能證明模組之間的相互呼叫是否是成功的

     

     上圖為顯示呼叫的結果,我們看上傳呼叫的是v1的介面上傳,這就能說明【DotnetDay模組】與【平臺模組】相互呼叫了,而且成功了

    綜上所述,Xncf賦予了開發者極大的可能性,讓你可以按照你的方式去編碼,去寫應用,去寫功能
  • MAUI的簡單介紹

    .NET 多平臺應用 UI (.NET MAUI) 是一個跨平臺框架,用於使用 C# 和 XAML 建立本機移動和桌面應用。

    使用 .NET MAUI,可以開發可在單個共享程式碼庫中Android、iOS、macOS和Windows上執行的應用。

    .NET MAUI supported platforms.

    .NET MAUI 是開源的,是 Xamarin.Forms 的演變,從移動方案擴充套件到桌面方案,UI 控制元件從頭開始重新生成,以便實現效能和擴充套件性。 如果以前使用 Xamarin.Forms 生成跨平臺使用者介面,你會注意到與 .NET MAUI 有許多相似之處。 但也有一些差異。 使用 .NET MAUI,可以使用單個專案建立多平臺應用,但如有必要,可以新增特定於平臺的原始碼和資源。 .NET MAUI 的主要目標是在單個程式碼庫中儘可能多地實現應用邏輯和 UI 佈局。

  • MAUI的執行安裝

    安裝MAUI前,必須要安裝dotnet 7 preview,否則沒辦法執行成功

     

     這裡我選擇Windows執行平臺

     

     當然,他也支援Android,IOS模擬器等

     

     如果你還沒有Android模擬器,你可以嘗試新建一個

     

     新增你想要的裝置規格

     

     

     新增之後,顯示

     

     執行展示

  • NCF結合MAUI的Demo演示

    我們結合NCF與MAUI去展示一下產品的列表功能

     

     MAUI上新增了一個進入應用的按鈕,點選後會進入到商品列表的頁面,當NCF的商品管理中的資料出現變化的時候

     

     MAUI中進入應用後,就會展示下面的內容,這樣就實現了MAUI與NCF的結合


     

    還有很多更有意思的功能,希望能與你一起探索NCF的未來...

     

    二維碼為盛小嗨的微信,歡迎大家一起加入NCF的大家庭

     

    NCF的倉庫地址:https://github.com/NeuCharFramework/NCF

    NCF Doc倉庫地址:https://github.com/NeuCharFramework/NcfDocs

    歡迎大家一起來Star,一起來貢獻

     

     

相關文章