Multi移动端开发

安装环境

安装功能

VS2022安装【ASP.NET和Web开发】、【.NET Multi-platform App UI开发】、【.NET桌面开发】
配置程序源

【工具】–>【选项】–>【NuGet包管理器】–>【程序包源】，添加如下：

名称：MES_APP

源：http://172.:8081/repository/mes/index.json
安装虚拟机

Android设备管理器

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

还原解决方案

执行包还原

dotnet restore

网络配置

协议 http

地址 172

端口号 5500

登录账户

账户

密码

添加模块功能

原MES系统，模块管理，移动端添加模块功能

GlueNet.Mobile.Operation.Pages.MO1001, GlueNet.Mobile.Operation

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

项目结构

App.Mes.Core.Operation 核心操作

App.Mes.Mobile.Operation 移动端操作

App.Mes.Mobile.Quality 移动端质量

GlueNet.Mobile 移动端界面

GlueNet.Mobile.Core 移动端硬件传感器交互（IP、Mac地址）

GlueNet.Mobile.Service 移动端服务

GlueNet.Mobile.Core

IDeviceInfoService.cs 设备接口

public interface IDeviceInfoService : ISingletonDependency
{string GetIpAddress();string GetMacAddress();
}

DeviceInfoService.cs 接口实现

Android端，依赖注入，读取设备信息

Global.cs 全局变量

初始化的网络连接参数，登录状态的信息。

       ApplicationInformation serverInformation = IocManager.Instance.Resolve<ApplicationInformation>();List<TsKeyValueDto> keyValues = KeyValueService.GetSystemSettings();serverInformation.ApplicationName = string.Concat(keyValues.FirstOrDefault(x => x.CCode == "ProductName")?.CValue, "-", keyValues.FirstOrDefault(x => x.CCode == "ProductVersion")?.CValue);serverInformation.TimeoutOfLogin = int.Parse(keyValues.FirstOrDefault(x => x.CCode == "TimeoutOfLogin")?.CValue ?? "240");AppContext.Current.Token = serverInformation.Token;

IUpgradeService.cs 检查升级的接口

在 GlueNet.Mobile\Platforms\Android\UpgradeService.cs进行实现。

Navigator.cs 导航类

路由跳转相关的重载方法

Toaster.cs 消息框

GlueNet.Mobile

App.xaml 注册绑定路由

使用Navigator.NavigateToAsync("MO1002");方法，根据路由名MO1002，跳转MO1002Page页面。

Shell.Current.Items.Add(new ShellContent() { Route = "MO1002", Content = new MO1002Page() });

MainPage.xaml 主页面

菜单页面，Clicked单击事件，x:Name参数名，与路由相关联。

<StackLayout  Padding="10">
<Button Text="MO1002" x:Name="MO1002" Clicked="togo_Clicked"></Button>
<Button Text="注销" x:Name="logout" Clicked="logout_Clicked" VerticalOptions="EndAndExpand" Margin="0,10"></Button>
</StackLayout>

Pages前端页面

MO1002Page.xaml 前端设计界面

    <VerticalStackLayout><Label Text="你已打开MO1002"VerticalOptions="Center" HorizontalOptions="Center" /><Button Text="返回" Margin="0,60" Clicked="OnReturnHomeClicked" /></VerticalStackLayout>