cairuoyu / flutter_admin Goto Github PK

• 项目整体完成度很高哇, 赞👍🏻
• 使用了 GetX, 好评.
  • 不过搜索了一下代码, 好像只有 layout, 用了一下 GetX, 还没用起来哇.
  • 建议多用 GetX 写View, 以及路由接管, 数据状态管理.
  • 早点用 GetX, 早点解脱. 😄
• 几个小建议:
  • UI 的配色, 不够好看.
  • 字体这个实在太丑了. 还是建议使用标准字体, 极度不适哇.

几个 flutter 的 Admin UI:

• http://phoenix2.yizimg.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard
  • https://abuanwar072.github.io/Flutter-Responsive-Admin-Panel-or-Dashboard/#/
  • 可以参考借鉴这个项目的配色/字体. 😄
• https://github.com/kalismeras61/flutter_web_dashboard
  • https://flutter-admin-panel-build.vercel.app/#/

GetX 全家桶:

• https://github.com/jonataslaw/getx
  • 框架本体
  • 文档: https://github.com/jonataslaw/getx/blob/master/README.zh-cn.md
• https://github.com/jonataslaw/get_cli
  • 官方脚手架, 有时间, 可以用这个脚手架, 重写整个项目, 哈哈.
• https://github.com/jonataslaw/get_storage
  • 非常好用的存储
• https://github.com/jonataslaw/get_server
  • 后端 api server, 可以用它重新后端. 😄
• 我写过的一些关于 GetX 的文档: https://github.com/hhstore/blog/labels/GetX

如Setting，只显示了Settin

After starting the app, I get the following errors, do i miss something?

i entered:
flutter create .
flutter run -d chrome

lib/pages/layout/layoutNoRoutes.dart:11:8: Error: Error when reading 'lib/utils/LocalStorageUtil.dart': No such file or directory
import 'package:flutter_admin/utils/LocalStorageUtil.dart';
^
lib/pages/menu/menuMenu.dart:5:8: Error: Error when reading 'lib/components/CryTreeTable.dart': No such file or directory
import 'package:flutter_admin/components/CryTreeTable.dart';
^
lib/pages/layout/layoutNoRoutes.dart:173:5: Error: The getter 'LocalStorageUtil' isn't defined for the class '_LayoutState'.

• '_LayoutState' is from 'package:flutter_admin/pages/layout/layoutNoRoutes.dart' ('lib/pages/layout/layoutNoRoutes.dart').
  Try correcting the name to the name of an existing getter, or defining a getter or field named 'LocalStorageUtil'.
  LocalStorageUtil.set(Constant.KEY_TOKEN, null);
  ^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:29:10: Error: 'CryTreeTableColumnData' isn't a type.
  List columnData = [
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:30:7: Error: The method 'CryTreeTableColumnData' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTableColumnData'.
  CryTreeTableColumnData('名称', (Menu v) => v.name),
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:31:7: Error: The method 'CryTreeTableColumnData' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTableColumnData'.
  CryTreeTableColumnData('英文名', (Menu v) => v.nameEn),
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:32:7: Error: The method 'CryTreeTableColumnData' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTableColumnData'.
  CryTreeTableColumnData('URL', (Menu v) => v.url),
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:33:7: Error: The method 'CryTreeTableColumnData' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTableColumnData'.
  CryTreeTableColumnData('顺序号', (Menu v) => v.orderBy?.toString(), width: 80),
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:34:7: Error: The method 'CryTreeTableColumnData' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTableColumnData'.
  CryTreeTableColumnData('备注', (Menu v) => v.remark, width: 300),
  ^^^^^^^^^^^^^^^^^^^^^^
  lib/pages/menu/menuMenu.dart:36:18: Error: The method 'CryTreeTable' isn't defined for the class '_MenuMenuState'.
• '_MenuMenuState' is from 'package:flutter_admin/pages/menu/menuMenu.dart' ('lib/pages/menu/menuMenu.dart').
  Try correcting the name to the name of an existing method, or defining a method named 'CryTreeTable'.
  var result = CryTreeTable(
  ^^^^^^^^^^^^

[flutter_admin] flutter pub get
Resolving dependencies...
Because cry >=1.0.0 depends on intl ^0.17.0 and every version of flutter_localizations from sdk depends on intl 0.18.0, cry >=1.0.0 is incompatible with flutter_localizations from sdk.
So, because flutter_admin depends on both flutter_localizations from sdk and cry 1.2.0, version solving failed.
exit code 1

用admin登陆，提示DioError [DioErrorType.response]: XMLHttpRequest error.

可以参考该文章：https://juejin.cn/post/7149441892994777125
具体使用 flutter_web_optimizer 这个包，将main.dart.js进行切割

如下訊息, 再麻煩您了. 謝謝

很棒的後台展示.

ENV: MacOS 11.4, M1

`
$ flutter run -d chrome --web-renderer html

Launching lib/main.dart on Chrome in debug mode...
lib/common/routes.dart:83:19: Error: The argument type 'List<GetPage>?' can't be assigned to the parameter type
'List<GetPage>' because 'List<GetPage>?' is nullable and 'List<GetPage>' isn't.

• 'List' is from 'dart:core'.
• 'GetPage' is from 'package:get/get_navigation/src/routes/get_route.dart'
  ('../../Downloads/flutter/.pub-cache/hosted/pub.dartlang.org/get-4.2.4/lib/get_navigation/src/routes/get_route.dart').
  children: layoutPages,
  ^
  Waiting for connection from debug service on Chrome... 19.8s
  Failed to compile application.
  `

样例是需要翻墙的么

Because cry >=1.0.0 depends on image_picker ^0.7.3 and flutter_quill >=5.0.2 depends on image_picker ^0.8.5+3, cry >=1.0.0 is incompatible with flutter_quill >=5.0.2.

比如现在打开角色管理和子系统管理两个页面。
点击顶部的tab栏，页面切换，跳动厉害。在切换过程中，还看到了登录的页面。
刚看了下，web也是有类似体验。这个建议改改。

另外，就是table/grid，建议满宽，按钮高度适当放大点。
可以参考下 https://github.com/syncfusion/flutter-widgets

做得不错，加油！

页面切换后，数据清空了。目前页面是用个content，需要改成TabBarView+AutomaticKeepAliveClientMixin

💪 Running with sound null safety 💪
Debug service listening on ws://127.0.0.1:49194/5o_az14jCtU=/ws
Error while trying to load an asset: Failed to load asset at "assets/config/application.yaml" (404)
Error: Unable to load asset: "config/application.yaml".
dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49 throw
packages/flutter/src/services/asset_bundle.dart 254:9
dart-sdk/lib/async/zone.dart 1660:54 runUnary
dart-sdk/lib/async/future_impl.dart 147:18 handleValue
dart-sdk/lib/async/future_impl.dart 767:44 handleValueCallback
dart-sdk/lib/async/future_impl.dart 796:13 _propagateToListeners
dart-sdk/lib/async/future_impl.dart 567:5 [_completeWithValue]
dart-sdk/lib/async/future_impl.dart 640:7 callback
dart-sdk/lib/async/schedule_microtask.dart 40:11 _microtaskLoop
dart-sdk/lib/async/schedule_microtask.dart 49:5 _startMicrotaskLoop
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 166:15

这个如何去掉？

老铁，发你邮件了，麻烦加下。谢谢。

@cairuoyu syncfusion_flutter 表格控件是免费使用的吗？有没有什么限制。

这项目是桌面、Web效果的绝佳例子，建议再美化下会更好

打开了我的信息页面后，切换到无路由状态，就激活不了我的信息页面了。
另外，多开几个页面，在路由和无路由之间切换，很大情况是无法正常关闭页面。

我的每个子菜单都是使用getX,需要怎么修改路由才能使用

https://github.com/jonataslaw/getx
https://blog.csdn.net/ios_and_swift/article/details/111587941
https://github.com/yuexunshi/todo
https://www.jianshu.com/p/bcefa3d2292c
供参考。