基於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上執行的應用。

  

   

   這裡我選擇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，一起來貢獻