简介

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

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

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

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

基于NCF的多模块协同实例_NCF

基于NCF的多模块协同实例_开发框架_02

 

 

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

 

步骤

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

实施

NCF概述

  • 关于NCF的概述,我们很多章节都已经有讲过了,详细内容,请移步:​​关于 NCF

    基于NCF的多模块协同实例_经验分享_03

NCF安装过程

NCF Docs

NCF运行模块的演示

  • 基于NCF的多模块协同实例_学习笔记_06

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

基于NCF的多模块协同实例_C#_07

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

NCF接口运行的演示

  • 基于NCF的多模块协同实例_经验分享_08

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


基于NCF的多模块协同实例_学习笔记_09

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

NCF案例的演示

  • 基于NCF的多模块协同实例_开发框架_10

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

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

  • 今天的重点来了哦,多个不同的模块同时安装到项目中
  • 基于NCF的多模块协同实例_开发框架_11

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

  • 基于NCF的多模块协同实例_经验分享_12

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

  • 基于NCF的多模块协同实例_经验分享_13

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

  • 基于NCF的多模块协同实例_NCF_14

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


基于NCF的多模块协同实例_经验分享_15

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

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

  • 基于NCF的多模块协同实例_学习笔记_16

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


基于NCF的多模块协同实例_开发框架_17

 这是DotnetDay模块的v3的接口

NCF不同模块下的相互调用

  • 基于NCF的多模块协同实例_C#_18

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

  • 基于NCF的多模块协同实例_经验分享_19

 上图为显示调用的结果,我们看上传调用的是v1的接口上传,这就能说明【DotnetDay模块】与【平台模块】相互调用了,而且成功了

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,否则没办法运行成功
  • 基于NCF的多模块协同实例_NCF_20

 这里我选择Windows运行平台


基于NCF的多模块协同实例_C#_21

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


基于NCF的多模块协同实例_NCF_22

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


基于NCF的多模块协同实例_C#_23

 添加你想要的设备规格


基于NCF的多模块协同实例_NCF_24

 添加之后,显示


基于NCF的多模块协同实例_开发框架_25

 运行展示


基于NCF的多模块协同实例_NCF_26

NCF结合MAUI的Demo演示

  • 我们结合NCF与MAUI去展示一下产品的列表功能
  • 基于NCF的多模块协同实例_学习笔记_27

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

基于NCF的多模块协同实例_开发框架_28

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

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

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

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

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

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