基於NCF的多模組協同實例

簡介

這次給大家帶來的內容是基於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的倉庫地址://github.com/NeuCharFramework/NCF

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

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