cairuoyu / flutter_admin Goto Github PK

View Code? Open in Web Editor NEW

605.0 16.0 168.0 18.71 MB

Flutter Admin: 一个基于 Flutter 的后台管理系统、开发模板。A backend management system and development template based on Flutter

Home Page: http://www.cairuoyu.com/flutter_admin/#/

License: MIT License

Dart 98.40% HTML 1.22% CSS 0.35% Kotlin 0.04%

flutter web

flutter_admin's Introduction

FLUTTER_ADMIN

简体中文 | English

使用flutter实现的一个后台管理系统。本项目为前端，对应的后端为 https://github.com/cairuoyu/flutter_admin_backend

本项目作为一个基于Flutter开发Web、Android、iOS、Windows、macOS、Linux等多端应用程序的模板、例子、演示，在功能上提供多种实现方式，而且不断地在完善。通过这个项目，可以高效学习Flutter或快速地开发一个新的跨端应用。

功能

用户注册
登录登出
人脸检测
功能菜单
Dashboard
角色管理
用户管理
部门管理
菜单管理
文章管理
图片上传
视频上传
人员管理
数据字典管理
留言
我的信息
图表
国际化
语言切换
主题切换
字体切换
独立配置文件
组件封装
导入导出Excel

技术

名称	技术
基础包	cry
路由管理	Flutter Navigator 2
状态管理	GetX
缓存管理	GetStorage
网络请求	Dio
图表	syncfusion_flutter_charts
富文本	flutter_markdown
选择器	image_picker、video_player、file_picker、flutter_colorpicker
人脸识别	camera、google_ml_kit
认证	JWT

代码结构

├─config    配置文件
└─lib
    ├─api   服务接口
    ├─common    公共类
    ├─constants     常量类
    ├─data      数据类
    ├─enum      枚举类
    ├─generated     工具自动生成的国际化代码
    │  └─intl
    ├─l10n      国际化配置，修改后工具生成代码到generated文件夹下
    ├─models    模型类
    ├─pages     页面，各文件夹对应各功能
    │  ├─common
    │  ├─dash
    │  ├─dict
    │  ├─icon
    │  ├─image
    │  ├─layout
    │  ├─menu
    │  ├─message
    │  ├─person
    │  ├─role
    │  ├─subsystem
    │  ├─userInfo
    │  └─video
    └─utils     工具类

安装

flutter pub get
flutter create .

运行

# Web
flutter run -d chrome

# Windows
flutter run -d windows

打包

# Web
flutter build web

# Windows
flutter build windows

# Android
flutter build apk

live demo

http://www.cairuoyu.com/flutter_admin

web

android

windows

加入讨论组

加我微信拉你入群

申请时请添加备注：flutter_admin

QQ

851796663

赞助

Paypal Me

flutter_admin's People

Contributors

Stargazers

Watchers

Forkers

12cry valley51 toop shangmengmeng scfobao luckberry robsonp1000 hoomns bunnyblueair 8847141 binbin0915 hansbak dqsdhr monkeyer ishida83 qq1903520389 jackjonson leadrive safisher4dev yxlku xushanhua 18958182818 xfront kellerli yankzsoe shaokuuipo yk81708090 lonesoul eorry-bit harrysukses knighting suchafool123 starxiang2 wassimyoussef ai2hub yongjijiliu hnlong paulwang001 wopal-cn colinkyo lsj1992 baikingrio sumeetfield francislagueu auntie233 nousath lllliiillll patilvinay lmybs112 mayimchen ichaly 425358558 veenveenveen alikofi cq-z amvxy fupingren cmjack flu-projects qwb2013 pennyfine endison1986 azhansy l4wr3nc3dc triyono777 githubbadguy adamin1990 yqc hhhhhhello zhouchangen qiwx2012 bestwant super-rain qinuoyun bears852 sujeking zerone-rhythm onandon-study newsam202 zyqiang7740 dannytangwei webclinic017 ff021 imboy-pub tomliu0793 jiandanyaobai rdy23x 2e2ee95304418f96 chenhuayou great-anny liliangzdh muboluo davidfang fushengcf erlangs shazeys kabyeon superluo shadowshare hallway-itone

flutter_admin's Issues

建议用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
供参考。

我的信息页面，在无路由状态是点不开

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

table，有选择框时，当前只有一条记录时，剩下的空白列表，都有check选择框

这个如何去掉？

页面状态无法保持

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

cry 和 flutter_quill 冲突，怎么解决？

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.

编译成windows后，页面切换有跳动

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

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

做得不错，加油！

startup errors

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(
^^^^^^^^^^^^

想请教些问题

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

[建议]项目非常棒，建议再美化下界面

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

大佬，为什么你里面的print能完整输出啊

网站打不开了

样例是需要翻墙的么

系统顶部按钮栏，按钮的tips，最后一个字母没显示出来。

如Setting，只显示了Settin

Error while trying to load an asset: Failed to load asset at "assets/config/application.yaml" (404)

💪 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

你好，请问main.dart.js太大有什么好的解决办法吗

UI 建议: 配色和字体调整一下

项目整体完成度很高哇, 赞👍🏻
使用了 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

Live Demo 加载速度提升优化建议

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

Run web 報錯

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

很棒的後台展示.

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.
`

syncfusion_flutter 表格控件是免费使用的吗？

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

网站无法登陆

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

flutter pub get cry failed

[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