refactor: rcmd hot

2025-12-06 09:13:48 +08:00 · 2024-09-08 08:30:17 +08:00
parent 755a93364b
commit d3a7f5fa1c
9 changed files with 352 additions and 335 deletions
--- a/lib/pages/rcmd/controller.dart
+++ b/lib/pages/rcmd/controller.dart
@@ -1,104 +1,60 @@
-import 'package:PiliPalaX/utils/extension.dart';
-import 'package:flutter/cupertino.dart';
-import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
-import 'package:get/get.dart';
-import 'package:hive/hive.dart';
-import 'package:PiliPalaX/http/video.dart';
+import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/models/home/rcmd/result.dart';
-import 'package:PiliPalaX/models/model_rec_video_item.dart';
+import 'package:PiliPalaX/pages/common/common_controller.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:PiliPalaX/http/video.dart';
 import 'package:PiliPalaX/utils/storage.dart';

-class RcmdController extends GetxController {
-  final ScrollController scrollController = ScrollController();
-  int _currentPage = 0;
-  // RxList<RecVideoItemAppModel> appVideoList = <RecVideoItemAppModel>[].obs;
-  // RxList<RecVideoItemModel> webVideoList = <RecVideoItemModel>[].obs;
-  List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
-  Box setting = GStorage.setting;
-  RxInt crossAxisCount = 2.obs;
+class RcmdController extends CommonController {
  late bool enableSaveLastData;
  late String defaultRcmdType = 'web';
-  late RxList<dynamic> videoList;
+  List<OverlayEntry?> popupDialog = <OverlayEntry?>[];

  @override
  void onInit() {
    super.onInit();
-    enableSaveLastData =
-        setting.get(SettingBoxKey.enableSaveLastData, defaultValue: false);
-    defaultRcmdType =
-        setting.get(SettingBoxKey.defaultRcmdType, defaultValue: 'web');
-    if (defaultRcmdType == 'web') {
-      videoList = <RecVideoItemModel>[].obs;
-    } else {
-      videoList = <RecVideoItemAppModel>[].obs;
+    enableSaveLastData = GStorage.setting
+        .get(SettingBoxKey.enableSaveLastData, defaultValue: false);
+    defaultRcmdType = GStorage.setting
+        .get(SettingBoxKey.defaultRcmdType, defaultValue: 'web');
+
+    currentPage = 0;
+    queryData();
+  }
+
+  @override
+  Future<LoadingState> customGetData() {
+    return defaultRcmdType == 'app' || defaultRcmdType == 'notLogin'
+        ? VideoHttp.rcmdVideoListApp(
+            loginStatus: defaultRcmdType != 'notLogin',
+            freshIdx: currentPage,
+          )
+        : VideoHttp.rcmdVideoList(
+            freshIdx: currentPage,
+            ps: 20,
+          );
+  }
+
+  @override
+  List? handleResponse(List currentList, List dataList) {
+    return currentPage == 1 && enableSaveLastData
+        ? dataList +
+            (currentList.isEmpty ? <RecVideoItemAppModel>[] : currentList)
+        : null;
+  }
+
+  @override
+  void handleSuccess(List currentList, List dataList) {
+    if (dataList.length > 1 && currentList.length < 24) {
+      Future.delayed(const Duration(milliseconds: 300), () {
+        if (currentList.length < 24) queryData(false);
+      });
    }
  }

-  // 获取推荐
-  Future queryRcmdFeed(type) async {
-    if (type == 'onRefresh') {
-      _currentPage = 0;
-    }
-    late final Map<String, dynamic> res;
-    switch (defaultRcmdType) {
-      case 'app':
-      case 'notLogin':
-        res = await VideoHttp.rcmdVideoListApp(
-          loginStatus: defaultRcmdType != 'notLogin',
-          freshIdx: _currentPage,
-        );
-        break;
-      default: //'web'
-        res = await VideoHttp.rcmdVideoList(
-          freshIdx: _currentPage,
-          ps: 20,
-        );
-    }
-    if (res['status']) {
-      if (type == 'init') {
-        if (videoList.isNotEmpty) {
-          videoList.addAll(res['data']);
-        } else {
-          videoList.value = res['data'];
-        }
-      } else if (type == 'onRefresh') {
-        if (enableSaveLastData) {
-          videoList.insertAll(0, res['data']);
-        } else {
-          videoList.value = res['data'];
-        }
-      } else if (type == 'onLoad') {
-        videoList.addAll(res['data']);
-      }
-      _currentPage += 1;
-      // 若videoList数量太小，可能会影响翻页，此时再次请求
-      // 为避免请求到的数据太少时还在反复请求，要求本次返回数据大于1条才触发
-      if (res['data'].length > 1 && videoList.length < 24) {
-        Future.delayed(const Duration(milliseconds: 300), () {
-          if (videoList.length < 24) queryRcmdFeed('onLoad');
-        });
-      }
-      if (res['data'].length < 5) {
-        SmartDialog.showToast("仅请求到${res['data'].length}条");
-      }
-    } else {
-      SmartDialog.showToast("${res['msg']}，请尝试(重新)登录");
-    }
-    return res;
-  }
-
-  // 下拉刷新
+  @override
  Future onRefresh() async {
-    queryRcmdFeed('onRefresh');
-  }
-
-  // 上拉加载
-  Future onLoad() async {
-    queryRcmdFeed('onLoad');
-  }
-
-  // 返回顶部
-  void animateToTop() {
-    scrollController.animToTop();
+    currentPage = 0;
+    await queryData();
  }
 }
--- a/lib/pages/rcmd/view.dart
+++ b/lib/pages/rcmd/view.dart
@@ -1,5 +1,6 @@
 import 'dart:async';

+import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:easy_debounce/easy_throttle.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
@@ -25,7 +26,6 @@ class RcmdPage extends StatefulWidget {
 class _RcmdPageState extends State<RcmdPage>
    with AutomaticKeepAliveClientMixin {
  final RcmdController _rcmdController = Get.put(RcmdController());
-  late Future _futureBuilderFuture;

  @override
  bool get wantKeepAlive => true;
@@ -33,23 +33,21 @@ class _RcmdPageState extends State<RcmdPage>
  @override
  void initState() {
    super.initState();
-    _futureBuilderFuture = _rcmdController.queryRcmdFeed('init');
-    ScrollController scrollController = _rcmdController.scrollController;
    StreamController<bool> mainStream =
        Get.find<MainController>().bottomBarStream;
    StreamController<bool> searchBarStream =
        Get.find<HomeController>().searchBarStream;
-    scrollController.addListener(
+    _rcmdController.scrollController.addListener(
      () {
-        if (scrollController.position.pixels >=
-            scrollController.position.maxScrollExtent - 200) {
+        if (_rcmdController.scrollController.position.pixels >=
+            _rcmdController.scrollController.position.maxScrollExtent - 200) {
          EasyThrottle.throttle(
              'my-throttler', const Duration(milliseconds: 200), () {
-            _rcmdController.onLoad();
+            _rcmdController.onLoadMore();
          });
        }
        final ScrollDirection direction =
-            scrollController.position.userScrollDirection;
+            _rcmdController.scrollController.position.userScrollDirection;
        if (direction == ScrollDirection.forward) {
          mainStream.add(true);
          searchBarStream.add(true);
@@ -64,7 +62,6 @@ class _RcmdPageState extends State<RcmdPage>
  @override
  void dispose() {
    _rcmdController.scrollController.removeListener(() {});
-    _rcmdController.scrollController.dispose();
    super.dispose();
  }

@@ -81,44 +78,27 @@ class _RcmdPageState extends State<RcmdPage>
      child: RefreshIndicator(
        onRefresh: () async {
          await _rcmdController.onRefresh();
-          await Future.delayed(const Duration(milliseconds: 300));
        },
        child: CustomScrollView(
          controller: _rcmdController.scrollController,
          physics: const AlwaysScrollableScrollPhysics(),
          slivers: [
            SliverPadding(
-              padding:
-                  const EdgeInsets.fromLTRB(0, StyleString.cardSpace, 0, 0),
-              sliver: FutureBuilder(
-                future: _futureBuilderFuture,
-                builder: (context, snapshot) {
-                  if (snapshot.connectionState == ConnectionState.done &&
-                      snapshot.data != null) {
-                    Map data = snapshot.data as Map;
-                    if (data['status']) {
-                      return Obx(
-                        () => contentGrid(
-                            _rcmdController,
-                            _rcmdController.videoList.isEmpty
-                                ? []
-                                : _rcmdController.videoList),
-                      );
-                    } else {
-                      return HttpError(
-                        errMsg: data == null ? "" : data['msg'],
+              padding: const EdgeInsets.only(top: StyleString.cardSpace),
+              sliver: Obx(
+                () => _rcmdController.loadingState.value is Loading ||
+                        _rcmdController.loadingState.value is Success
+                    ? contentGrid(_rcmdController.loadingState.value)
+                    : HttpError(
+                        errMsg: _rcmdController.loadingState.value is Error
+                            ? (_rcmdController.loadingState.value as Error)
+                                .errMsg
+                            : '没有相关数据',
                        fn: () {
-                          setState(() {
-                            _futureBuilderFuture =
-                                _rcmdController.queryRcmdFeed('init');
-                          });
-                        },
-                      );
-                    }
-                  } else {
-                    return contentGrid(_rcmdController, []);
-                  }
-                },
+                          _rcmdController.loadingState.value =
+                              LoadingState.loading();
+                          _rcmdController.onRefresh();
+                        }),
              ),
            ),
          ],
@@ -141,7 +121,7 @@ class _RcmdPageState extends State<RcmdPage>
    );
  }

-  Widget contentGrid(ctr, videoList) {
+  Widget contentGrid(LoadingState loadingState) {
    return SliverGrid(
      gridDelegate: SliverGridDelegateWithExtentAndRatio(
        // 行间距
@@ -155,12 +135,12 @@ class _RcmdPageState extends State<RcmdPage>
      ),
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
-          return videoList!.isNotEmpty
+          return loadingState is Success
              ? VideoCardV(
-                  videoItem: videoList[index],
+                  videoItem: loadingState.response[index],
                  longPress: () {
                    _rcmdController.popupDialog
-                        .add(_createPopupDialog(videoList[index]));
+                        .add(_createPopupDialog(loadingState.response[index]));
                    Overlay.of(context)
                        .insert(_rcmdController.popupDialog.last!);
                  },
@@ -168,7 +148,7 @@ class _RcmdPageState extends State<RcmdPage>
                )
              : const VideoCardVSkeleton();
        },
-        childCount: videoList!.isNotEmpty ? videoList!.length : 10,
+        childCount: loadingState is Success ? loadingState.response.length : 10,
      ),
    );
  }