基於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 是開源的，是 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，一起來貢獻