feat:增加服务器接口模块

2026-06-17 23:40:14 +08:00
parent ddd1c1960e
commit b816cdbc1c
18 changed files with 693 additions and 69 deletions
--- a/lib/pages/chat_page.dart
+++ b/lib/pages/chat_page.dart
@@ -1,5 +1,10 @@
+import 'dart:convert';
+
 import 'package:flutter/material.dart';
 import 'package:liquid_glass_widgets/liquid_glass_widgets.dart';
+import 'package:sweet_chat_app/models/ImMessage.dart';
+import 'package:sweet_chat_app/services/webSocket_service.dart';
+import 'package:sweet_chat_app/utils/SpUtil.dart';

 class ChatMessage {
  final String text;
@@ -34,10 +39,45 @@ class _ChatPageState extends State<ChatPage> {
    super.initState();

    _messages = [
-      ChatMessage(text: '在吗？', isMe: false, avatar: widget.avatarUrl),
-      ChatMessage(text: '在的，怎么啦 😊', isMe: true),
-      ChatMessage(text: '今晚一起吃饭吗？', isMe: false, avatar: widget.avatarUrl),
+      // ChatMessage(text: '在吗？', isMe: false, avatar: widget.avatarUrl),
+      // ChatMessage(text: '在的，怎么啦 😊', isMe: true),
+      // ChatMessage(text: '今晚一起吃饭吗？', isMe: false, avatar: widget.avatarUrl),
    ];
+
+    final userId = SpUtil.getInt('userId') ?? 0;
+    final online = ImMessage(
+      type: "ONLINE",
+      from: userId.toString(),
+      to: '',
+      content: '',
+    );
+    
+    WebSocketService().connect('ws://192.168.31.108:5050?userId=$userId');
+    WebSocketService().send(jsonEncode(online.toJson()));
+
+    WebSocketService().messages.listen((msg) {
+      print('收到消息: $msg');
+
+      setState(() {
+        _messages.add(ChatMessage(text: msg, isMe: false, avatar: widget.avatarUrl));
+      });
+      
+      _controller.clear();
+
+      Future.delayed(const Duration(milliseconds: 100), () {
+        _scrollController.animateTo(
+          _scrollController.position.maxScrollExtent,
+          duration: const Duration(milliseconds: 300),
+          curve: Curves.easeOut,
+        );
+      });
+    });
+  }
+  
+  @override
+  void dispose() {
+    super.dispose();
+    WebSocketService().disconnect();
  }

  void _sendMessage() {
--- a/lib/pages/contacts_page.dart
+++ b/lib/pages/contacts_page.dart
@@ -1,6 +1,11 @@
 import 'package:azlistview/azlistview.dart';
 import 'package:flutter/material.dart';
 import 'package:lpinyin/lpinyin.dart';
+import 'package:sweet_chat_app/apis/user_api.dart';
+import 'package:sweet_chat_app/models/user.dart';
+import 'package:sweet_chat_app/utils/SpUtil.dart';
+
+import 'chat_page.dart';

 class ContactInfo extends ISuspensionBean {
  final String name;
@@ -29,54 +34,39 @@ class ContactsPage extends StatefulWidget {

 class _ContactsPageState extends State<ContactsPage> {
  List<ContactInfo> contactList = [];
-  List<ContactInfo> topList = [];

  @override
  void initState() {
    super.initState();

-    _loadFakeData();
+    _loadFriends();
  }

-  void _loadFakeData() {
-    contactList = [
-      ContactInfo(name: '张三', avatar: 'https://picsum.photos/id/1011/200'),
-      ContactInfo(name: '李四', avatar: 'https://picsum.photos/id/1012/200'),
-      ContactInfo(name: '王五', avatar: 'https://picsum.photos/id/1013/200'),
-      ContactInfo(name: '赵六', avatar: 'https://picsum.photos/id/1014/200'),
-      ContactInfo(name: '陈七', avatar: 'https://picsum.photos/id/1015/200'),
-      ContactInfo(name: '刘八', avatar: 'https://picsum.photos/id/1016/200'),
-      ContactInfo(name: '周九', avatar: 'https://picsum.photos/id/1017/200'),
-      ContactInfo(name: '吴十', avatar: 'https://picsum.photos/id/1018/200'),
-      ContactInfo(name: '欧阳峰', avatar: 'https://picsum.photos/id/1021/200'),
-      ContactInfo(name: '诸葛青', avatar: 'https://picsum.photos/id/1022/200'),
-      ContactInfo(name: '司马光', avatar: 'https://picsum.photos/id/1023/200'),
-      ContactInfo(name: '慕容复', avatar: 'https://picsum.photos/id/1024/200'),
-      ContactInfo(name: '安琪拉', avatar: 'https://picsum.photos/id/1031/200'),
-      ContactInfo(name: '亚瑟', avatar: 'https://picsum.photos/id/1032/200'),
-      ContactInfo(name: '李白', avatar: 'https://picsum.photos/id/1033/200'),
-      ContactInfo(name: '韩信', avatar: 'https://picsum.photos/id/1034/200'),
-      ContactInfo(name: '孙尚香', avatar: 'https://picsum.photos/id/1035/200'),
-      ContactInfo(name: '鲁班', avatar: 'https://picsum.photos/id/1036/200'),
-      ContactInfo(name: '妲己', avatar: 'https://picsum.photos/id/1037/200'),
-      ContactInfo(name: '甄姬', avatar: 'https://picsum.photos/id/1038/200'),
-    ];
+  Future<void> _loadFriends() async {
+    final userId = SpUtil.getInt('userId') ?? 0;
+    final friendList = await getUserFriendsApi(userId);

-    _handleList(contactList);
+    setState(() {
+      _handleList(friendList);
+    });
  }

-  void _handleList(List<ContactInfo> list) {
-    for (var item in list) {
-      final pinyin = PinyinHelper.getPinyinE(item.name);
-      final tag = pinyin.substring(0, 1).toUpperCase();
-      item.namePinyin = pinyin;
-      item.tagIndex = RegExp(r'[A-Z]').hasMatch(tag) ? tag : '#';
-    }
+  void _handleList(List<User> friends) {
+    contactList =
+        friends.map((user) {
+          final pinyin = PinyinHelper.getPinyinE(user.nickname);
+          final tag = pinyin.substring(0, 1).toUpperCase();

-    SuspensionUtil.sortListBySuspensionTag(list);
-    SuspensionUtil.setShowSuspensionStatus(list);
+          return ContactInfo(
+            name: user.nickname,
+            avatar: user.avatarUrl,
+            tagIndex: RegExp(r'^[A-Z]$').hasMatch(tag) ? tag : '#',
+            namePinyin: pinyin,
+          );
+        }).toList();

-    setState(() {});
+    SuspensionUtil.sortListBySuspensionTag(contactList);
+    SuspensionUtil.setShowSuspensionStatus(contactList);
  }

  @override
@@ -112,18 +102,17 @@ class _ContactsPageState extends State<ContactsPage> {
      data: contactList,
      itemCount: contactList.length,
      itemBuilder: (_, index) {
-        final c = contactList[index];
-        return Container(
-          child: ListTile(
-            leading: CircleAvatar(
-              backgroundImage: NetworkImage(c.avatar),
-              onBackgroundImageError: (_, __) {},
-            ),
-            title: Text(
-              c.name,
-              style: const TextStyle(fontSize: 16, color: Colors.white),
-            ),
+        final contact = contactList[index];
+        return ListTile(
+          leading: CircleAvatar(
+            backgroundImage: NetworkImage(contact.avatar),
+            onBackgroundImageError: (_, __) {},
          ),
+          title: Text(
+            contact.name,
+            style: const TextStyle(fontSize: 16, color: Colors.white),
+          ),
+          onTap: () => onTapContact(contact),
        );
      },
      susItemBuilder: (_, index) {
@@ -167,4 +156,17 @@ class _ContactsPageState extends State<ContactsPage> {
      ),
    );
  }
+
+  void onTapContact(ContactInfo contact) {
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder:
+            (_) => ChatPage(
+              contactName: contact.name,
+              avatarUrl: contact.avatar,
+            ),
+      ),
+    );
+  }
 }
--- a/lib/pages/login.dart
+++ b/lib/pages/login.dart
@@ -1,5 +1,8 @@
 import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:liquid_glass_widgets/liquid_glass_widgets.dart';
+import 'package:sweet_chat_app/apis/auth_api.dart';
+import 'package:sweet_chat_app/utils/SpUtil.dart';
 import 'package:web_socket_channel/web_socket_channel.dart';

 import '../services/webSocket_service.dart';
@@ -16,21 +19,33 @@ class _LoginPageState extends State<LoginPage> {
  final _usernameController = TextEditingController();
  final _passwordController = TextEditingController();

-  void _login() {
-    print('username: ${_usernameController.text}');
-    print('password: ${_passwordController.text}');
+  void _login() async {
+    try {
+      final auth = await loginApi(_usernameController.text, _passwordController.text);
+      await SpUtil.setInt('userId', auth.userId);

-    WebSocketService().connect('ws://127.0.0.1:5050?userId=123');
-
-    WebSocketService().messages.listen((msg) {
-      print('收到消息: $msg');
-    });
-
-    // Navigator.of(context).push(
-    //   MaterialPageRoute(
-    //     builder: (_) => const HomePage(),
-    //   ),
-    // );
+      Navigator.of(context).push(
+        MaterialPageRoute(
+          builder: (_) => const HomePage(),
+        ),
+      );
+      
+      Fluttertoast.showToast(
+        msg: "登录成功",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.TOP,
+        backgroundColor: Colors.white,
+        textColor: Colors.black,
+      );
+    } catch (e) {
+      Fluttertoast.showToast(
+        msg: "登录失败",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.TOP,
+        backgroundColor: Colors.white,
+        textColor: Colors.black,
+      );
+    }
  }

  @override