0

基于NCF的多模块协同实例 - MartyZane

 1 year ago
source link: https://www.cnblogs.com/zhao365845726/p/16443349.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

这次给大家带来的内容是基于NCF的多模块协同实例

主要讲解的内容是NCF的模块Xncf之间相互调用，相互协作的能力

这里可以把Xncf比作乐高玩具，一个Xncf就是你拥有的乐高玩具的类型，比如你有一套搭建房子的乐高玩具，你又有一套搭建飞机和汽车的乐高玩具

那么多模块的协作就好比是你用搭建房子的玩具搭建了一部分，如果你想在房子里面建一个车库，然后把汽车乐高玩具中的搭建好的汽车直接放入到房子的车库中，完全匹配，没有不会觉得格格不入，因为他们的规格都是一致的

690492-20220704131306825-380590232.png
690492-20220704150400268-1768652212.png

 以上图片为网络图片，仅作为参考

  • NCF概述
  • NCF安装过程
  • NCF Docs
  • NCF运行模块的演示
  • NCF接口运行的演示
  • NCF案例的演示
  • NCF不同模块下的模块的管理
  • NCF不同模块下的接口的增加
  • NCF不同模块下的相互调用
  • MAUI的简单介绍
  • MAUI的运行安装
  • NCF结合MAUI的Demo演示
  • NCF更多的可能性

  • NCF概述

    关于NCF的概述，我们很多章节都已经有讲过了，详细内容，请移步：关于 NCF
    690492-20220704151652418-233398769.png

  • NCF安装过程

    关于NCF安装过程，请移步：NCF首次运行安装
    690492-20220704151707804-994560387.png

  • NCF Docs

    官方文档：Docs
    690492-20220704151754566-37047604.png

  • NCF运行模块的演示

    690492-20220704151824114-1574968056.png

     运行登录成功后，会看到扩展模块下的模块管理中包含了很多发现的新的模块

    690492-20220704151931214-287174404.png

     点击安装模块，会显示模块是否需要开启，开启后，则模块的功能就全部开放为启用状态

  • NCF接口运行的演示

    690492-20220704152026291-1156847641.png

     我们通过可视化的Swagger插件，将web api的接口显示出来

    690492-20220704152223023-1683349682.png

     接口调用完成之后，显示的就是接口返回的数据格式，大家可以按照需要放置到自己需要的应用上

  • NCF案例的演示

    690492-20220704152107987-1233888181.png

     这个案例是我们制作的一个小的案例，大家可以扫码去授权登录一下，这个小程序是完全使用NCF做出来的

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

    今天的重点来了哦，多个不同的模块同时安装到项目中
    690492-20220704152347788-1572710763.png

     大家就能看到上图中，已安装的模块中包含了2个模块，一个是平台管理模块一个是DotnetDay模块

    690492-20220704152441401-1791462477.png

     从项目中的代码结构上看是这样的

    690492-20220704152512379-1344453030.png

     后端展示出来的实际的情况是这样的

    690492-20220704152607132-2011958815.png

     点击新增商品，则可以看到新增商品的表单信息

    690492-20220704152657940-456326163.png

     每行的结尾都有一个编辑操作，点击后可以弹出编辑的表单页面

  • NCF不同模块下的接口的增加

    690492-20220704152758373-504973331.png

     这个是平台管理开放的v1版本的接口

    690492-20220704154435028-80091772.png

     这是DotnetDay模块的v3的接口

  • NCF不同模块下的相互调用

    690492-20220704154515373-1548231830.png

     我们就拿新增商品的上传图片来说，我们拿DotnetDay模块下的商品管理的模块去调用 【平台管理】下v1的接口，就能证明模块之间的相互调用是否是成功的

    690492-20220704154710189-1298472149.png

     上图为显示调用的结果，我们看上传调用的是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，否则没办法运行成功
    690492-20220704160148750-1985077002.png

     这里我选择Windows运行平台

    690492-20220704160216814-477641901.png

     当然，他也支持Android，IOS模拟器等

    690492-20220704160248401-1232486343.png

     如果你还没有Android模拟器，你可以尝试新建一个

    690492-20220704160316866-1746028139.png

     添加你想要的设备规格

    690492-20220704160338249-1472708420.png

     添加之后，显示

    690492-20220704160411952-688057752.png

     运行展示

    690492-20220704160428651-411269982.png

  • NCF结合MAUI的Demo演示

    我们结合NCF与MAUI去展示一下产品的列表功能
    690492-20220704160531327-1083775337.png

     MAUI上新增了一个进入应用的按钮，点击后会进入到商品列表的页面，当NCF的商品管理中的数据出现变化的时候

    690492-20220704160702697-1931519050.png

     MAUI中进入应用后，就会展示下面的内容，这样就实现了MAUI与NCF的结合

    690492-20220704160632398-15080970.png

    还有很多更有意思的功能，希望能与你一起探索NCF的未来...

    二维码为盛小嗨的微信，欢迎大家一起加入NCF的大家庭

    690492-20220704161137166-978580896.png

    NCF的仓库地址：https://github.com/NeuCharFramework/NCF

    NCF Doc仓库地址：https://github.com/NeuCharFramework/NcfDocs

    欢迎大家一起来Star，一起来贡献

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK