知名网站建设定制Flutter开发之——getX-GetPage中间件(11)

一 概述

  • GetPage Middleware知名网站建设定制知名网站建设定制中间件介绍
  • 如何定义GetMiddleware
  • GetPage Middleware使用示例

二 GetPage Middleware中间件介绍

2.1 什么是Middleware中间件

  • 知名网站建设定制中间件是介于应用系统知名网站建设定制和之间的一类软件，知名网站建设定制它使用系统软件所提供的基础服务（功能），衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的
  • 此处指：执行路由跳转前的页面，比如Get.to()跳转之前的那个页面

2.2 GetPage Middleware在那里配置

void main() => runApp(GetMaterialApp(      getPages: [        GetPage(            name: '/home',            page: () => HomeWidget(),            middlewares: [GetMiddleware(priority: 1), GetMiddleware(priority: 2)])      ],    ));
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

说明：

  • 在main.dart中的GetMaterialApp/getPages/GetPage进行配置
  • middlewares是个数组，可配置多个，并且有优先级
  • middlewares的配置，在要跳转的页面进行配置，不是跳转前页面配置

三 如何定义GetMiddleware

3.1 定义一个类继承GetMiddleware

class MiddleWare1 extends GetMiddleware {}
  • 1

3.2 设置优先级priority

class MiddleWare1 extends GetMiddleware {  @override  // TODO: implement priority  int? get priority => -1; } 
  • 1
  • 2
  • 3
  • 4
  • 5

说明：优先级越低越先执行

3.3 重写GetMiddleware中的几个方法

class MiddleWare1 extends GetMiddleware {  @override  // TODO: implement priority  int? get priority => -1;  //重定向，当正在搜索被调用路由的页面时，将调用该函数  @override  RouteSettings? redirect(String? route) {    print('redirect1----');    //return super.redirect(route);    return const RouteSettings(name: AppRoutes.login);  }//创建任何内容之前调用此函数  @override  GetPage? onPageCalled(GetPage? page) {    print('onPageCalled1----');    //return super.onPageCalled(page);    //return page?.copy(name: AppRoutes.login);    return GetPage(name: AppRoutes.login, page: () => LoginWidget());  }  //这个函数将在绑定初始化之前被调用。在这里您可以更改此页面的绑定。  @override  List<Bindings>? onBindingsStart(List<Bindings>? bindings) {    print('onBindingsStart1----');    //return super.onBindingsStart(bindings);    bindings?.add(LoginBinding());    return bindings;  }//此函数将在绑定初始化后立即调用。在这里，您可以在创建绑定之后和创建页面小部件之前执行一些操作  @override  GetPageBuilder? onPageBuildStart(GetPageBuilder? page) {    print('onPageBuildStart1----');    //return super.onPageBuildStart(page);    return page;  }  //该函数将在调用 GetPage.page 函数后立即调用，并为您提供函数的结果。并获取将显示的小部件  @override  Widget onPageBuilt(Widget page) {    print('onPageBuilt1 ----');    //return super.onPageBuilt(page);    return page;  }//此函数将在处理完页面的所有相关对象（控制器、视图等）后立即调用  @override  void onPageDispose() {    print('onPageDispose1 ----');    super.onPageDispose();  }}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53

说明：

  • RouteSettings? redirect：搜索路由进行重定向时执行此方法，比如Get.to()
  • GetPage? onPageCalled：跳转到到页面显示执行此方法，通过page?.copy(name: AppRoutes.login)或者GetPage(name: AppRoutes.login, page: () => LoginWidget())显示页面
  • List<Bindings>? onBindingsStart：页面显示绑定初始化调用位置
  • GetPageBuilder? onPageBuildStart：绑定初始化后立即调用位置
  • Widget onPageBuilt：返回GetPage.page的页面
  • void onPageDispose()：页面处理完调用函数位置

四 GetPage Middleware使用示例

4.1 效果图说明

跳转页面要跳转到页面中间件1(优先度)中间件2(优先度)

说明：

  • 在Me界面，点击切换路由—Detail按钮
  • 如果没有中间件，点击此按钮，会跳转到Detail界面
  • 设置了middlewares，如果优先级为Login的Middle，则显示Login界面
  • 设置了middlewares，如果优先级为Other的Middle，则显示Other界面

4.2 代码示例

main中的routes

  static final List<GetPage> routes = [    GetPage(      name: AppRoutes.main,      page: () => IndexWidget(),      binding: IndexBinding(),    ),    GetPage(        name: AppRoutes.login,        page: () => LoginWidget(),        binding: LoginBinding()),    GetPage(      name: AppRoutes.detail,      page: () => DetailWidget(),      middlewares: [MiddleWare1(), MiddleWare2()],    ),    GetPage(name: AppRoutes.other, page: () => OtherWidget())  ];
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

说明：在Detail设置middlewares，用于拦截中间件

MeWidget界面中的点击按钮

class MeWidget extends StatelessWidget{  @override  Widget build(BuildContext context) {    return Center(child: Column(children: [      Text('Me'),      RaisedButton(child: Text("切换路由-Detail"),onPressed: ()=>{Get.toNamed(AppRoutes.detail)})    ],));  }}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

说明：此处的路由搜索为detail，执行方法为Get.toName

自定义MiddleWare1

class MiddleWare1 extends GetMiddleware {  @override  // TODO: implement priority  int? get priority => -1;  //重定向  @override  RouteSettings? redirect(String? route) {    print('redirect1----');    //return super.redirect(route);    return const RouteSettings(name: AppRoutes.login);  }//创建任何内容之前调用此函数  @override  GetPage? onPageCalled(GetPage? page) {    print('onPageCalled1----');    //return super.onPageCalled(page);    //return page?.copy(name: AppRoutes.login);    return GetPage(name: AppRoutes.login, page: () => LoginWidget());  }  //这个函数将在绑定初始化之前被调用。在这里您可以更改此页面的绑定。  @override  List<Bindings>? onBindingsStart(List<Bindings>? bindings) {    print('onBindingsStart1----');    //return super.onBindingsStart(bindings);    bindings?.add(LoginBinding());    return bindings;  }//此函数将在绑定初始化后立即调用。在这里，您可以在创建绑定之后和创建页面小部件之前执行一些操作  @override  GetPageBuilder? onPageBuildStart(GetPageBuilder? page) {    print('onPageBuildStart1----');    //return super.onPageBuildStart(page);    return page;  }  //该函数将在调用 GetPage.page 函数后立即调用，并为您提供函数的结果。并获取将显示的小部件  @override  Widget onPageBuilt(Widget page) {    print('onPageBuilt1 ----');    //return super.onPageBuilt(page);    return page;  }//此函数将在处理完页面的所有相关对象（控制器、视图等）后立即调用  @override  void onPageDispose() {    print('onPageDispose1 ----');    super.onPageDispose();  }}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53

自定义MiddleWare2

class MiddleWare2 extends GetMiddleware{  @override  // TODO: implement priority  int? get priority =>-2;  //重定向  @override  RouteSettings? redirect(String? route) {    print('redirect2----');    //return super.redirect(route);    return const RouteSettings(name: AppRoutes.other );  }  //onPageCalled  @override  GetPage? onPageCalled(GetPage? page) {    print('onPageCalled2----');    //return super.onPageCalled(page);    return page?.copy(name: AppRoutes.other);    //return GetPage(name: AppRoutes.other, page:()=> OtherWidget());  }  //onBindingsStart  @override  List<Bindings>? onBindingsStart(List<Bindings>? bindings) {    print('onBindingsStart2----');    //return super.onBindingsStart(bindings);    return bindings;  }  //onPageBuildStart  @override  GetPageBuilder? onPageBuildStart(GetPageBuilder? page) {    print('onPageBuildStart2----');    return super.onPageBuildStart(page);  }  //onPageBuilt  @override  Widget onPageBuilt(Widget page) {    print('onPageBuilt2 ----');    return super.onPageBuilt(page);  }  //onPageDispose  @override  void onPageDispose() {    print('onPageDispose2 ----');    super.onPageDispose();  }}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48

五 参考

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发