完成网络请求封装和动态数据获取

coderben2017 · coderben2017 · commit 4868e116a607 · 2021-04-12T15:03:52.000+08:00
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,13 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "blog_flutter",
+      "request": "launch",
+      "type": "dart"
+    }
+  ]
+}
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
@@ -2,7 +2,10 @@
     package="com.example.blog_flutter">
    <application
         android:label="blog_flutter"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:usesCleartextTraffic="true"
+        android:networkSecurityConfig="@xml/network_security_config"
+    >
         <activity
             android:name=".MainActivity"
             android:launchMode="singleTop"
@@ -38,4 +41,7 @@
             android:name="flutterEmbedding"
             android:value="2" />
     </application>
+        <uses-permission android:name="android.permission.INTERNET"/>
+
+
 </manifest>
diff --git a/android/app/src/main/res/xml/network_security_config.xml b/android/app/src/main/res/xml/network_security_config.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true">
+        <trust-anchors>
+            <certificates src="system" />
+        </trust-anchors>
+    </base-config>
+</network-security-config>
diff --git a/lib/config.dart b/lib/config.dart
@@ -17,3 +17,5 @@ const primaryColor = const MaterialColor(
     900: Color(0xFF1B5E20),
   },
 );
+
+const baseUrl = 'http://192.168.1.135:3001';
diff --git a/lib/http.dart b/lib/http.dart
@@ -0,0 +1,44 @@
+import 'package:blog_flutter/config.dart';
+import 'package:dio/dio.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class Http {
+  factory Http() => _getInstance();
+  static Http _instance;
+
+  Dio get http => _http;
+  Dio _http;
+
+  static _getInstance() {
+    if (_instance == null) {
+      _instance = Http._();
+    }
+    return _instance;
+  }
+
+  Http._() {
+    BaseOptions options =
+        new BaseOptions(baseUrl: baseUrl);
+    InterceptorsWrapper interceptorsWrapper = new InterceptorsWrapper(
+      onResponse: (res, handler) {
+        // if (res.data.code != 0) {
+        //   return handler.reject(DioError(requestOptions: res.requestOptions));
+        // }
+        return handler.next(res);
+      },
+      onError: (e, handler) {
+        AlertDialog(
+          title: Text('网络出错'),
+          content: Text(e.toString()),
+        );
+        return handler.next(e);
+      },
+    );
+
+    _http = Dio(options);
+    _http.interceptors.add(interceptorsWrapper);
+  }
+}
+
+final http = new Http().http;
diff --git a/lib/widgets/home.dart b/lib/widgets/home.dart
@@ -1,5 +1,5 @@
 import 'package:blog_flutter/config.dart';
-import 'package:english_words/english_words.dart';
+import 'package:blog_flutter/http.dart';
 import 'package:flutter/material.dart';
 
 class HomeWidget extends StatefulWidget {
@@ -32,7 +32,8 @@ class HomeWidgetState extends State<HomeWidget> {
     800: Color(0xFF2E7D32),
     900: Color(0xFF1B5E20),
   });
-  var _articles = <String>[];
+  var _articles = <dynamic>[];
+  var _start = 0, _limit = 10, _total = 0;
 
   @override
   void initState() {
@@ -41,18 +42,16 @@ class HomeWidgetState extends State<HomeWidget> {
   }
 
   void _onTapArticle(index) {
-    print(_articles[index]);
+    print(index);
   }
 
-  void _getArticles() {
-    Future.delayed(Duration(seconds: 1)).then((value) {
-      setState(() {
-        _articles.addAll(generateWordPairs()
-            .take(20)
-            .map((wordPair) => wordPair.asPascalCase)
-            .toList());
-      });
-      print(_articles);
+  void _getArticles() async {
+    print('$_start ~ $_limit');
+    var response = await http
+        .get('/articles', queryParameters: {'start': _start, 'limit': _limit});
+    setState(() {
+      _articles.addAll(response.data['data']);
+      _total = response.data['total'];
     });
   }
 
@@ -72,7 +71,8 @@ class HomeWidgetState extends State<HomeWidget> {
             final backgroundColor = index % 2 == 0 ? lightGreen : lightGrey;
 
             if (_articles.length == 0 || index == _articles.length - 1) {
-              if (_articles.length < 51) {
+              if (_articles.length < _total - 1) {
+                _start += _limit;
                 _getArticles();
                 return Container(
                   padding: EdgeInsets.all(16),
@@ -98,12 +98,12 @@ class HomeWidgetState extends State<HomeWidget> {
             return Container(
               decoration: BoxDecoration(color: backgroundColor),
               child: ListTile(
-                title: Text(_articles[index],
+                title: Text(_articles[index]['title'],
                     overflow: TextOverflow.ellipsis,
                     style: TextStyle(
                         fontSize: 22, height: 1.5, color: Colors.green)),
                 subtitle: Text(
-                  _articles[index] * 15,
+                  _articles[index]['content'],
                   overflow: TextOverflow.ellipsis,
                   maxLines: 2,
                   style: TextStyle(fontSize: 16, height: 1.5),
diff --git a/pubspec.lock b/pubspec.lock
@@ -50,6 +50,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.2"
+  dio:
+    dependency: "direct main"
+    description:
+      name: dio
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.0.0"
   english_words:
     dependency: "direct main"
     description:
@@ -74,6 +81,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.0.0"
   matcher:
     dependency: transitive
     description:
@@ -157,4 +171,4 @@ packages:
     source: hosted
     version: "2.1.0"
 sdks:
-  dart: ">=2.12.0-0.0 <3.0.0"
+  dart: ">=2.12.0 <3.0.0"
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -30,6 +30,7 @@ dependencies:
   cupertino_icons: ^1.0.2
 
   english_words: ^3.1.0
+  dio: ^4.0.0
 
 dev_dependencies:
   flutter_test:
