dio

2023-02-08 23:48:25 +08:00
parent 53ff2fc59b
commit 1b88c226ad
14 changed files with 102 additions and 470 deletions
--- a/lib/material/app.dart
+++ b/lib/material/app.dart
@ -5,7 +5,6 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:momo/material/router.dart';
 import 'package:momo/provider/token.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-import 'package:provider/provider.dart';

 class MyMaterialApp extends ConsumerWidget {
  const MyMaterialApp({Key? key}) : super(key: key);
--- a/lib/material/detail.dart
+++ b/lib/material/detail.dart
@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+
+class ImageDetail extends StatefulWidget {
+  const ImageDetail({Key? key}) : super(key: key);
+
+  @override
+  State<ImageDetail> createState() => _ImageDetailState();
+}
+
+class _ImageDetailState extends State<ImageDetail> {
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder();
+  }
+}
--- a/lib/material/gallery.dart
+++ b/lib/material/gallery.dart
@ -1,17 +1,9 @@
-import 'dart:convert';
-
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
-import 'package:http/http.dart' as http;
 import 'package:momo/models/image_list_resp.dart';
 import 'package:momo/models/image_resp.dart';
-import 'package:momo/provider/token.dart';
-
-// import 'package:flutter_riverpod/flutter_riverpod.dart';
-// import 'package:go_router/go_router.dart';
-// import 'package:momo/provider/token.dart';
-// import 'package:provider/provider.dart';
+import 'package:momo/request/http_client.dart';

 class Gallery extends ConsumerStatefulWidget {
  const Gallery({Key? key}) : super(key: key);
@ -20,15 +12,17 @@ class Gallery extends ConsumerStatefulWidget {
  ConsumerState<Gallery> createState() => _GalleryState();
 }

-class _GalleryState extends ConsumerState<Gallery> {
-  Future<dynamic> loadImages(tk) async {
-    http.Response resp = await http.get(
-        Uri.parse("http://192.168.110.156:8080/image/history"),
-        headers: {"Authorization": tk});
-    return resp.body;
-  }
+List<ImageResp> imageList = [];

-  List<ImageResp> imageList = [];
+class _GalleryState extends ConsumerState<Gallery> {
+  Future<dynamic> loadImages() async {
+    var resp = await dio.get("/image/history");
+    if (mounted) {
+      setState(() {
+        imageList = ImageListResp.fromJson(resp.data).list;
+      });
+    }
+  }

  @override
  void dispose() {
@ -36,18 +30,15 @@ class _GalleryState extends ConsumerState<Gallery> {
    super.dispose();
  }

+  @override
+  void initState() {
+    // TODO: implement initState
+    super.initState();
+    loadImages();
+  }
+
  @override
  Widget build(BuildContext context) {
-    String? tk = ref.watch(tokenProvider);
-    if (tk != null) {
-      loadImages(tk).then((bd) {
-        if (mounted) {
-          setState(() {
-            imageList = ImageListResp.fromJson(jsonDecode(bd)).list;
-          });
-        }
-      });
-    }
    return GridView.builder(
        itemCount: imageList.length,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
@ -58,7 +49,7 @@ class _GalleryState extends ConsumerState<Gallery> {
              context.go("/detail");
            },
            child: Image.network(
-              "http://192.168.110.156:8080/image/thumbnail/${imageList[index].file_path}",
+              "${dio.options.baseUrl}/image/thumbnail/${imageList[index].file_path}",
              fit: BoxFit.cover,
            ),
          );
--- a/lib/material/home.dart
+++ b/lib/material/home.dart
@ -5,7 +5,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:http_parser/http_parser.dart';
 import 'package:mime/mime.dart';
-import 'package:momo/provider/token.dart';
+import 'package:momo/request/http_client.dart';

 class HomePage extends ConsumerStatefulWidget {
  const HomePage({Key? key, required this.content}) : super(key: key);
@ -18,29 +18,31 @@ class HomePage extends ConsumerStatefulWidget {
 class _HomePageState extends ConsumerState<HomePage> {
  int selectedIndex = 0;
  final tabList = [
-    {
-      "path": "/",
-    },
-    {"path": "/profile"}
+    {"path": "/", "title": "相册"},
+    {"path": "/profile", "title": "用户"}
  ];

  @override
  Widget build(BuildContext context) {
-    String? token = ref.watch(tokenProvider);
    return Scaffold(
      appBar: AppBar(
-        title: const Text(
-          "App Header",
-          style: TextStyle(fontWeight: FontWeight.bold),
+        leading: ["/", "/profile"].contains(GoRouterState.of(context).location)
+            ? null
+            : IconButton(
+                icon: const Icon(Icons.keyboard_arrow_left),
+                onPressed: () {
+                  context.go("/");
+                },
+              ),
+        title: Text(
+          tabList[selectedIndex]["title"] ?? "",
+          style: const TextStyle(fontWeight: FontWeight.bold),
        ),
        elevation: 10,
      ),
      floatingActionButton: selectedIndex == 0
          ? FloatingActionButton(
              onPressed: () async {
-                if (token == null) {
-                  return;
-                }
                FilePickerResult? result =
                    await FilePicker.platform.pickFiles(type: FileType.image);

@ -49,7 +51,6 @@ class _HomePageState extends ConsumerState<HomePage> {
                  if (filePath == null) {
                    return;
                  }
-                  Dio dio = Dio();
                  String? mimeType = lookupMimeType(filePath);
                  FormData data = FormData.fromMap({
                    "pic": await MultipartFile.fromFile(filePath,
@ -57,10 +58,23 @@ class _HomePageState extends ConsumerState<HomePage> {
                        contentType: MediaType(mimeType!.split("/").first,
                            mimeType.split("/").last))
                  });
-                  Response resp = await dio.post(
-                      "http://192.168.110.156:8080/image/upload",
-                      data: data,
-                      options: Options(headers: {"Authorization": token}));
+                  await dio.post("/image/upload", data: data);
+                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+                    content: Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: const [
+                        Icon(
+                          Icons.check_circle,
+                          color: Colors.white,
+                        ),
+                        SizedBox(
+                          width: 10,
+                        ),
+                        Text("上传成功")
+                      ],
+                    ),
+                    backgroundColor: Colors.lightGreen,
+                  ));
                } else {}

                // context.go("/login");
@ -109,6 +123,7 @@ class _HomePageState extends ConsumerState<HomePage> {
                setState(() {
                  selectedIndex = idx;
                });
+                context.go(tabList[idx]["path"] ?? "");
              },
              items: const [
                  BottomNavigationBarItem(
--- a/lib/material/login.dart
+++ b/lib/material/login.dart
@ -1,16 +1,11 @@
-import 'dart:convert';
 import 'dart:io';

+import 'package:dio/dio.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-
-// import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:go_router/go_router.dart';
-import 'package:http/http.dart' as http;
 import 'package:momo/models/login_resp.dart';
 import 'package:momo/provider/token.dart';
-import 'package:provider/provider.dart';
-import 'package:shared_preferences/shared_preferences.dart';
+import 'package:momo/request/http_client.dart';

 class LoginPage extends StatelessWidget {
  const LoginPage({Key? key}) : super(key: key);
@ -61,7 +56,9 @@ class _LoginFormState extends ConsumerState<LoginForm> {
              height: 20,
            ),
            TextFormField(
+              obscureText: true,
              controller: passwordController,
+              // keyboardType: TextInputType.,
              decoration: const InputDecoration(
                enabledBorder: OutlineInputBorder(borderSide: BorderSide()),
                focusedBorder: OutlineInputBorder(borderSide: BorderSide()),
@ -76,26 +73,29 @@ class _LoginFormState extends ConsumerState<LoginForm> {
        ElevatedButton(
            child: const Text("登录"),
            onPressed: () async {
-              if (usernameController.text.isNotEmpty &&
-                  passwordController.text.isNotEmpty) {
-                http
-                    .post(Uri.parse("http://192.168.110.156:8080/user/login"),
-                        headers: {"Content-Type": "application/json"},
-                        body: jsonEncode({
-                          "username": usernameController.text,
-                          "password": passwordController.text
-                        }))
-                    .then((resp) {
-                  if (resp.statusCode == HttpStatus.ok) {
-                    LoginResp loginResp =
-                        LoginResp.fromJson(jsonDecode(resp.body));
-                    ref.watch(tokenProvider.notifier).setToken(loginResp.token);
-                    // context.go("/");
-                    // });
-                  }
-                }).catchError((err) {
-                  print(err.toString());
+              if (usernameController.text.isEmpty ||
+                  passwordController.text.isEmpty) {
+                return;
+              }
+              try {
+                Response resp = await dio.post("/user/login", data: {
+                  "username": usernameController.text,
+                  "password": passwordController.text
                });
+                if (resp.statusCode == HttpStatus.ok) {
+                  LoginResp loginResp = LoginResp.fromJson(resp.data);
+                  ref.watch(tokenProvider.notifier).setToken(loginResp.token);
+                } else {
+                  print(resp.statusCode);
+                }
+              } catch (e) {
+                // print(e is DioError);
+                // DioError err = e;
+                if (e is DioError) {
+                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+                      content: Text(e.response?.data["msg"] ?? "请求错误")));
+                  // print(e.response?.data["msg"] ?? "请求错误");
+                }
              }
            }),
      ],
--- a/lib/material/router.dart
+++ b/lib/material/router.dart
@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
+import 'package:momo/material/detail.dart';
 import 'package:momo/material/gallery.dart';
 import 'package:momo/material/home.dart';
 import 'package:momo/material/login.dart';
@ -35,10 +36,7 @@ class MyMaterialRouterConfig {
            GoRoute(
                path: "/detail",
                pageBuilder: (BuildContext context, GoRouterState state) =>
-                    const NoTransitionPage(
-                        child: Center(
-                      child: Text("detail"),
-                    )))
+                    const NoTransitionPage(child: ImageDetail())),
          ],
        ),
        GoRoute(
@ -52,24 +50,6 @@ class MyMaterialRouterConfig {
              }
              return null;
            }),
-        // ShellRoute(
-        //     builder: (BuildContext context, GoRouterState state, Widget child) {
-        //       return Scaffold(
-        //         appBar: AppBar(
-        //           title: Text("nest"),
-        //         ),
-        //         body: child,
-        //       );
-        //     },
-        //     routes: [
-        //       GoRoute(
-        //           path: '/',
-        //           builder: (BuildContext context, GoRouterState state) {
-        //             return Center(
-        //               child: Text("login"),
-        //             );
-        //           })
-        //     ]),
      ],
    );
  }