基于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的仓库地址:https://github.com/NeuCharFramework/NCF

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

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

     

     

张贴在2