新增app纯界面实现框架

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

lib/core/constants/app_constants.dart

@@ -0,0 +1,11 @@
+class AppConstants {
+  static const String appName = 'Flutter App';
+  static const String appVersion = '1.0.0';
+  static const String apiBaseUrl = 'http://localhost:8000/api/v1';
+  
+  static const String authTokenKey = 'auth_token';
+  static const String userDataKey = 'user_data';
+  
+  static const int connectTimeout = 30000;
+  static const int receiveTimeout = 30000;
+}

lib/core/constants/route_constants.dart

@@ -0,0 +1,11 @@
+class RouteConstants {
+  static const String splash = '/';
+  static const String home = '/home';
+  static const String login = '/login';
+  static const String register = '/register';
+  static const String news = '/news';
+  static const String services = '/services';
+  static const String profile = '/profile';
+  static const String profileDetail = '/profile/detail';
+  static const String settings = '/settings';
+}

lib/data/datasources/local/shared_prefs.dart

@@ -0,0 +1,51 @@
+import 'package:shared_preferences/shared_preferences.dart';
+import '../../../core/constants/app_constants.dart';
+
+class SharedPrefs {
+  final SharedPreferences _prefs;
+
+  SharedPrefs(this._prefs);
+
+  // Token管理
+  Future<bool> setAuthToken(String token) async {
+    return await _prefs.setString(AppConstants.authTokenKey, token);
+  }
+
+  String? getAuthToken() {
+    return _prefs.getString(AppConstants.authTokenKey);
+  }
+
+  Future<bool> removeAuthToken() async {
+    return await _prefs.remove(AppConstants.authTokenKey);
+  }
+
+  // 用户数据管理
+  Future<bool> setUserData(String userJson) async {
+    return await _prefs.setString(AppConstants.userDataKey, userJson);
+  }
+
+  String? getUserData() {
+    return _prefs.getString(AppConstants.userDataKey);
+  }
+
+  Future<bool> removeUserData() async {
+    return await _prefs.remove(AppConstants.userDataKey);
+  }
+
+  // 通用方法
+  Future<bool> setString(String key, String value) async {
+    return await _prefs.setString(key, value);
+  }
+
+  String? getString(String key) {
+    return _prefs.getString(key);
+  }
+
+  Future<bool> removeKey(String key) async {
+    return await _prefs.remove(key);
+  }
+
+  Future<bool> clearAll() async {
+    return await _prefs.clear();
+  }
+}

lib/data/models/api_response.dart

@@ -0,0 +1,22 @@
+class ApiResponse<T> {
+  final bool success;
+  final String message;
+  final T? data;
+
+  ApiResponse({
+    required this.success,
+    required this.message,
+    this.data,
+  });
+
+  factory ApiResponse.fromJson(
+    Map<String, dynamic> json,
+    T Function(dynamic) fromJsonT,
+  ) {
+    return ApiResponse<T>(
+      success: json['success'] ?? false,
+      message: json['message'] ?? '',
+      data: json['data'] != null ? fromJsonT(json['data']) : null,
+    );
+  }
+}

lib/data/models/auth/login_request.dart

@@ -0,0 +1,16 @@
+class LoginRequest {
+  final String email;
+  final String password;
+
+  LoginRequest({
+    required this.email,
+    required this.password,
+  });
+
+  Map<String, dynamic> toJson() {
+    return {
+      'email': email,
+      'password': password,
+    };
+  }
+}

lib/data/models/auth/register_request.dart

@@ -0,0 +1,22 @@
+class RegisterRequest {
+  final String email;
+  final String password;
+  final String name;
+  final String? phone;
+
+  RegisterRequest({
+    required this.email,
+    required this.password,
+    required this.name,
+    this.phone,
+  });
+
+  Map<String, dynamic> toJson() {
+    return {
+      'email': email,
+      'password': password,
+      'name': name,
+      'phone': phone,
+    };
+  }
+}

lib/data/models/user.dart

@@ -0,0 +1,59 @@
+class User {
+  final String id;
+  final String email;
+  final String name;
+  final String? avatarUrl;
+  final String? phone;
+  final DateTime? createdAt;
+
+  User({
+    required this.id,
+    required this.email,
+    required this.name,
+    this.avatarUrl,
+    this.phone,
+    this.createdAt,
+  });
+
+  factory User.fromJson(Map<String, dynamic> json) {
+    return User(
+      id: json['id'] ?? '',
+      email: json['email'] ?? '',
+      name: json['name'] ?? '',
+      avatarUrl: json['avatar_url'],
+      phone: json['phone'],
+      createdAt: json['created_at'] != null
+          ? DateTime.parse(json['created_at'])
+          : null,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'email': email,
+      'name': name,
+      'avatar_url': avatarUrl,
+      'phone': phone,
+      'created_at': createdAt?.toIso8601String(),
+    };
+  }
+
+  User copyWith({
+    String? id,
+    String? email,
+    String? name,
+    String? avatarUrl,
+    String? phone,
+    DateTime? createdAt,
+  }) {
+    return User(
+      id: id ?? this.id,
+      email: email ?? this.email,
+      name: name ?? this.name,
+      avatarUrl: avatarUrl ?? this.avatarUrl,
+      phone: phone ?? this.phone,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+}

lib/data/repositories/auth_repository.dart

@@ -0,0 +1,97 @@
+import '../datasources/local/shared_prefs.dart';
+import '../models/user.dart';
+import '../models/auth/login_request.dart';
+import '../models/auth/register_request.dart';
+import '../models/api_response.dart';
+
+class AuthRepository {
+  final SharedPrefs localDataSource;
+
+  AuthRepository({required this.localDataSource});
+
+  // 模拟登录
+  Future<ApiResponse<User>> login(LoginRequest request) async {
+    await Future.delayed(const Duration(seconds: 1));
+    
+    // 模拟成功登录
+    if (request.email == 'test@example.com' && request.password == '123456') {
+      final user = User(
+        id: '1',
+        email: request.email,
+        name: '测试用户',
+        avatarUrl: 'https://ui-avatars.com/api/?name=测试用户',
+        phone: '13800138000',
+        createdAt: DateTime.now(),
+      );
+      
+      // 保存token和用户数据
+      await localDataSource.setAuthToken('mock_jwt_token_${user.id}');
+      await localDataSource.setUserData(user.toJson().toString());
+      
+      return ApiResponse<User>(
+        success: true,
+        message: '登录成功',
+        data: user,
+      );
+    } else {
+      return ApiResponse<User>(
+        success: false,
+        message: '邮箱或密码错误',
+      );
+    }
+  }
+
+  // 模拟注册
+  Future<ApiResponse<User>> register(RegisterRequest request) async {
+    await Future.delayed(const Duration(seconds: 1));
+    
+    final user = User(
+      id: DateTime.now().millisecondsSinceEpoch.toString(),
+      email: request.email,
+      name: request.name,
+      phone: request.phone,
+      createdAt: DateTime.now(),
+    );
+    
+    // 保存token和用户数据
+    await localDataSource.setAuthToken('mock_jwt_token_${user.id}');
+    await localDataSource.setUserData(user.toJson().toString());
+    
+    return ApiResponse<User>(
+      success: true,
+      message: '注册成功',
+      data: user,
+    );
+  }
+
+  // 检查登录状态
+  Future<bool> isLoggedIn() async {
+    final token = localDataSource.getAuthToken();
+    return token != null && token.isNotEmpty;
+  }
+
+  // 获取当前用户
+  Future<User?> getCurrentUser() async {
+    final userData = localDataSource.getUserData();
+    if (userData != null) {
+      try {
+        // 这里简单处理，实际应该解析JSON
+        return User(
+          id: '1',
+          email: 'test@example.com',
+          name: '测试用户',
+        );
+      } catch (e) {
+        return null;
+      }
+    }
+    return null;
+  }
+
+  // 注销
+  Future<bool> logout() async {
+    await localDataSource.removeAuthToken();
+    await localDataSource.removeUserData();
+    return true;
+  }
+}

lib/data/repositories/user_repository.dart

@@ -0,0 +1,50 @@
+import '../datasources/local/shared_prefs.dart';
+import '../models/user.dart';
+import '../models/api_response.dart';
+
+class UserRepository {
+  final SharedPrefs localDataSource;
+
+  UserRepository({required this.localDataSource});
+
+  // 模拟获取用户信息
+  Future<ApiResponse<User>> getUserProfile() async {
+    await Future.delayed(const Duration(seconds: 1));
+    
+    final userData = localDataSource.getUserData();
+    if (userData != null) {
+      final user = User(
+        id: '1',
+        email: 'test@example.com',
+        name: '测试用户',
+        avatarUrl: 'https://ui-avatars.com/api/?name=测试用户',
+        phone: '13800138000',
+        createdAt: DateTime.now(),
+      );
+      
+      return ApiResponse<User>(
+        success: true,
+        message: '获取成功',
+        data: user,
+      );
+    }
+    
+    return ApiResponse<User>(
+      success: false,
+      message: '未登录',
+    );
+  }
+
+  // 模拟更新用户信息
+  Future<ApiResponse<User>> updateUserProfile(User user) async {
+    await Future.delayed(const Duration(seconds: 1));
+    
+    await localDataSource.setUserData(user.toJson().toString());
+    
+    return ApiResponse<User>(
+      success: true,
+      message: '更新成功',
+      data: user,
+    );
+  }
+}

lib/injection_container.dart

@@ -0,0 +1,26 @@
+import 'package:get_it/get_it.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'data/datasources/local/shared_prefs.dart';
+import 'data/repositories/auth_repository.dart';
+import 'data/repositories/user_repository.dart';
+import 'presentation/providers/auth_provider.dart';
+import 'presentation/providers/user_provider.dart';
+
+final GetIt sl = GetIt.instance;
+
+Future<void> init() async {
+  // External dependencies
+  final sharedPreferences = await SharedPreferences.getInstance();
+  sl.registerLazySingleton(() => sharedPreferences);
+  
+  // Data sources
+  sl.registerLazySingleton(() => SharedPrefs(sl()));
+  
+  // Repositories
+  sl.registerLazySingleton(() => AuthRepository(localDataSource: sl()));
+  sl.registerLazySingleton(() => UserRepository(localDataSource: sl()));
+  
+  // Providers
+  sl.registerFactory(() => AuthProvider(authRepository: sl()));
+  sl.registerFactory(() => UserProvider(userRepository: sl()));
+}

lib/main.dart

@@ -1,6 +1,13 @@
 import 'package:flutter/material.dart';
-
-void main() {
+import 'package:provider/provider.dart';
+import 'presentation/providers/auth_provider.dart';
+import 'presentation/providers/user_provider.dart';
+import 'presentation/navigation/app_router.dart';
+import 'injection_container.dart' as di;
+
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+  await di.init();
   runApp(const MyApp());
 }
 
@@ -10,113 +17,34 @@ class MyApp extends StatelessWidget {
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo',
-      theme: ThemeData(
-        // This is the theme of your application.
-        //
-        // TRY THIS: Try running your application with "flutter run". You'll see
-        // the application has a purple toolbar. Then, without quitting the app,
-        // try changing the seedColor in the colorScheme below to Colors.green
-        // and then invoke "hot reload" (save your changes or press the "hot
-        // reload" button in a Flutter-supported IDE, or press "r" if you used
-        // the command line to start the app).
-        //
-        // Notice that the counter didn't reset back to zero; the application
-        // state is not lost during the reload. To reset the state, use hot
-        // restart instead.
-        //
-        // This works for code too, not just values: Most code changes can be
-        // tested with just a hot reload.
-        colorScheme: .fromSeed(seedColor: Colors.deepPurple),
-      ),
-      home: const MyHomePage(title: 'Flutter Demo Home liuqing'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: .center,
-          children: [
-            const Text('You have pushed the button this many times:'),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
+    return MultiProvider(
+      providers: [
+        ChangeNotifierProvider(create: (_) => di.sl<AuthProvider>()),
+        ChangeNotifierProvider(create: (_) => di.sl<UserProvider>()),
+      ],
+      child: MaterialApp(
+        title: 'Flutter App',
+        theme: ThemeData(
+          primarySwatch: Colors.blue,
+          // fontFamily: 'Roboto',
+          appBarTheme: const AppBarTheme(
+            backgroundColor: Colors.white,
+            foregroundColor: Colors.black,
+            elevation: 0,
+            centerTitle: true,
+          ),
+          scaffoldBackgroundColor: Colors.white,
+          bottomNavigationBarTheme: const BottomNavigationBarThemeData(
+            backgroundColor: Colors.white,
+            selectedItemColor: Colors.blue,
+            unselectedItemColor: Colors.grey,
+            showUnselectedLabels: true,
+          ),
         ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
+        debugShowCheckedModeBanner: false,
+        initialRoute: '/',
+        onGenerateRoute: AppRouter.onGenerateRoute,
       ),
     );
   }
-}
+}

lib/presentation/navigation/app_router.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import '../screens/auth/login_screen.dart';
+import '../screens/auth/register_screen.dart';
+import '../screens/home/home_screen.dart';
+import '../screens/news/news_screen.dart';
+import '../screens/services/services_screen.dart';
+import '../screens/profile/profile_screen.dart';
+import '../screens/profile/profile_detail_screen.dart';
+import '../screens/splash_screen.dart';
+import '../../core/constants/route_constants.dart';
+
+class AppRouter {
+  static Route<dynamic> onGenerateRoute(RouteSettings settings) {
+    switch (settings.name) {
+      case RouteConstants.splash:
+        return MaterialPageRoute(builder: (_) => const SplashScreen());
+      case RouteConstants.home:
+        return MaterialPageRoute(builder: (_) => const HomeScreen());
+      case RouteConstants.login:
+        return MaterialPageRoute(builder: (_) => const LoginScreen());
+      case RouteConstants.register:
+        return MaterialPageRoute(builder: (_) => const RegisterScreen());
+      case RouteConstants.news:
+        return MaterialPageRoute(builder: (_) => const NewsScreen());
+      case RouteConstants.services:
+        return MaterialPageRoute(builder: (_) => const ServicesScreen());
+      case RouteConstants.profile:
+        return MaterialPageRoute(builder: (_) => const ProfileScreen());
+      case RouteConstants.profileDetail:
+        return MaterialPageRoute(builder: (_) => const ProfileDetailScreen());
+      default:
+        return MaterialPageRoute(
+          builder: (_) => Scaffold(
+            body: Center(
+              child: Text('找不到页面: ${settings.name}'),
+            ),
+          ),
+        );
+    }
+  }
+  
+  static void configureRoutes(BuildContext context) {
+    // 替换主应用的路由生成器
+    final materialApp = context.findAncestorWidgetOfExactType<MaterialApp>();
+    if (materialApp != null) {
+      // 这里通常会在main.dart中配置
+    }
+  }
+}

lib/presentation/navigation/bottom_nav_bar.dart

@@ -0,0 +1,97 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../core/constants/route_constants.dart';
+import '../../presentation/providers/auth_provider.dart';
+
+class BottomNavBar extends StatefulWidget {
+  final int initialIndex;
+  
+  const BottomNavBar({
+    super.key,
+    this.initialIndex = 0,
+  });
+  
+  @override
+  State<BottomNavBar> createState() => _BottomNavBarState();
+}
+
+class _BottomNavBarState extends State<BottomNavBar> {
+  int _selectedIndex = 0;
+  
+  @override
+  void initState() {
+    super.initState();
+    _selectedIndex = widget.initialIndex;
+  }
+  
+  void _onItemTapped(int index) {
+    final authProvider = Provider.of<AuthProvider>(context, listen: false);
+    
+    // 如果点击"我的"但未登录，跳转到登录页
+    if (index == 3 && !authProvider.isAuthenticated) {
+      Navigator.of(context).pushNamed(RouteConstants.login);
+      return;
+    }
+    
+    setState(() {
+      _selectedIndex = index;
+    });
+    
+    switch (index) {
+      case 0:
+        if (ModalRoute.of(context)?.settings.name != RouteConstants.home) {
+          Navigator.of(context).pushReplacementNamed(RouteConstants.home);
+        }
+        break;
+      case 1:
+        if (ModalRoute.of(context)?.settings.name != RouteConstants.news) {
+          Navigator.of(context).pushReplacementNamed(RouteConstants.news);
+        }
+        break;
+      case 2:
+        if (ModalRoute.of(context)?.settings.name != RouteConstants.services) {
+          Navigator.of(context).pushReplacementNamed(RouteConstants.services);
+        }
+        break;
+      case 3:
+        if (ModalRoute.of(context)?.settings.name != RouteConstants.profile) {
+          Navigator.of(context).pushReplacementNamed(RouteConstants.profile);
+        }
+        break;
+    }
+  }
+  
+  @override
+  Widget build(BuildContext context) {
+    return BottomNavigationBar(
+      items: const [
+        BottomNavigationBarItem(
+          icon: Icon(Icons.home_outlined),
+          activeIcon: Icon(Icons.home),
+          label: '首页',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.newspaper_outlined),
+          activeIcon: Icon(Icons.newspaper),
+          label: '资讯',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.work_outline),
+          activeIcon: Icon(Icons.work),
+          label: '服务',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.person_outline),
+          activeIcon: Icon(Icons.person),
+          label: '我的',
+        ),
+      ],
+      currentIndex: _selectedIndex,
+      selectedItemColor: Theme.of(context).primaryColor,
+      unselectedItemColor: Colors.grey,
+      showUnselectedLabels: true,
+      type: BottomNavigationBarType.fixed,
+      onTap: _onItemTapped,
+    );
+  }
+}

lib/presentation/navigation/route_guards.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../screens/auth/login_screen.dart';
+import '../providers/auth_provider.dart';
+
+class ProtectedRoute extends StatelessWidget {
+  final Widget child;
+  
+  const ProtectedRoute({Key? key, required this.child}) : super(key: key);
+  
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    
+    if (authProvider.isAuthenticated) {
+      return child;
+    } else {
+      return LoginScreen(
+        onSuccess: () {
+          Navigator.of(context).pushReplacement(
+            MaterialPageRoute(builder: (_) => child),
+          );
+        },
+      );
+    }
+  }
+}

lib/presentation/providers/auth_provider.dart

@@ -0,0 +1,99 @@
+import 'package:flutter/material.dart';
+import '../../data/models/user.dart';
+import '../../data/models/auth/login_request.dart';
+import '../../data/models/auth/register_request.dart';
+import '../../data/repositories/auth_repository.dart';
+
+class AuthProvider with ChangeNotifier {
+  final AuthRepository authRepository;
+  
+  User? _user;
+  bool _isLoading = false;
+  String? _error;
+  
+  AuthProvider({required this.authRepository}) {
+    _loadCurrentUser();
+  }
+  
+  User? get user => _user;
+  bool get isAuthenticated => _user != null;
+  bool get isLoading => _isLoading;
+  String? get error => _error;
+  
+  Future<void> _loadCurrentUser() async {
+    final user = await authRepository.getCurrentUser();
+    if (user != null) {
+      _user = user;
+      notifyListeners();
+    }
+  }
+  
+  Future<void> login(String email, String password) async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+    
+    try {
+      final response = await authRepository.login(
+        LoginRequest(email: email, password: password),
+      );
+      
+      if (response.success && response.data != null) {
+        _user = response.data;
+        _error = null;
+      } else {
+        _error = response.message;
+      }
+    } catch (e) {
+      _error = '登录失败: $e';
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+  
+  Future<void> register(String email, String password, String name, String? phone) async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+    
+    try {
+      final response = await authRepository.register(
+        RegisterRequest(email: email, password: password, name: name, phone: phone),
+      );
+      
+      if (response.success && response.data != null) {
+        _user = response.data;
+        _error = null;
+      } else {
+        _error = response.message;
+      }
+    } catch (e) {
+      _error = '注册失败: $e';
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+  
+  Future<void> logout() async {
+    await authRepository.logout();
+    _user = null;
+    notifyListeners();
+  }
+  
+  Future<void> checkAuthStatus() async {
+    final isLoggedIn = await authRepository.isLoggedIn();
+    if (!isLoggedIn) {
+      _user = null;
+    } else {
+      await _loadCurrentUser();
+    }
+    notifyListeners();
+  }
+  
+  void clearError() {
+    _error = null;
+    notifyListeners();
+  }
+}

lib/presentation/providers/user_provider.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import '../../data/models/user.dart';
+import '../../data/repositories/user_repository.dart';
+
+class UserProvider with ChangeNotifier {
+  final UserRepository userRepository;
+  
+  User? _user;
+  bool _isLoading = false;
+  String? _error;
+  
+  UserProvider({required this.userRepository});
+  
+  User? get user => _user;
+  bool get isLoading => _isLoading;
+  String? get error => _error;
+  
+  Future<void> loadUserProfile() async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+    
+    try {
+      final response = await userRepository.getUserProfile();
+      if (response.success && response.data != null) {
+        _user = response.data;
+      } else {
+        _error = response.message;
+      }
+    } catch (e) {
+      _error = '加载失败: $e';
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+  
+  Future<void> updateUserProfile(User user) async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+    
+    try {
+      final response = await userRepository.updateUserProfile(user);
+      if (response.success && response.data != null) {
+        _user = response.data;
+      } else {
+        _error = response.message;
+      }
+    } catch (e) {
+      _error = '更新失败: $e';
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+  
+  void clearError() {
+    _error = null;
+    notifyListeners();
+  }
+}

lib/presentation/screens/auth/login_screen.dart

@@ -0,0 +1,191 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../providers/auth_provider.dart';
+import '../../../core/constants/route_constants.dart';
+import '../../widgets/common/app_button.dart';
+import '../../widgets/common/app_text_field.dart';
+import '../../widgets/common/loading_indicator.dart';
+
+class LoginScreen extends StatefulWidget {
+  final VoidCallback? onSuccess;
+  
+  const LoginScreen({super.key, this.onSuccess});
+  
+  @override
+  State<LoginScreen> createState() => _LoginScreenState();
+}
+
+class _LoginScreenState extends State<LoginScreen> {
+  final _formKey = GlobalKey<FormState>();
+  final _emailController = TextEditingController(text: 'test@example.com');
+  final _passwordController = TextEditingController(text: '123456');
+  
+  @override
+  void dispose() {
+    _emailController.dispose();
+    _passwordController.dispose();
+    super.dispose();
+  }
+  
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('登录'),
+      ),
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(24.0),
+          child: Form(
+            key: _formKey,
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                const SizedBox(height: 40),
+                const Center(
+                  child: Text(
+                    '欢迎回来',
+                    style: TextStyle(
+                      fontSize: 28,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 8),
+                const Center(
+                  child: Text(
+                    '请输入您的账号信息',
+                    style: TextStyle(
+                      fontSize: 16,
+                      color: Colors.grey,
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 40),
+                AppTextField(
+                  controller: _emailController,
+                  labelText: '邮箱地址',
+                  hintText: '请输入邮箱',
+                  keyboardType: TextInputType.emailAddress,
+                  prefixIcon: const Icon(Icons.email_outlined),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请输入邮箱地址';
+                    }
+                    if (!value.contains('@')) {
+                      return '请输入有效的邮箱地址';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 20),
+                AppTextField(
+                  controller: _passwordController,
+                  labelText: '密码',
+                  hintText: '请输入密码',
+                  obscureText: true,
+                  prefixIcon: const Icon(Icons.lock_outline),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请输入密码';
+                    }
+                    if (value.length < 6) {
+                      return '密码至少需要6位字符';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 30),
+                if (authProvider.error != null)
+                  Padding(
+                    padding: const EdgeInsets.only(bottom: 16),
+                    child: Text(
+                      authProvider.error!,
+                      style: const TextStyle(
+                        color: Colors.red,
+                        fontSize: 14,
+                      ),
+                    ),
+                  ),
+                if (authProvider.isLoading)
+                  const LoadingIndicator()
+                else
+                  AppButton(
+                    text: '登录',
+                    onPressed: () async {
+                      if (_formKey.currentState!.validate()) {
+                        await authProvider.login(
+                          _emailController.text.trim(),
+                          _passwordController.text,
+                        );
+                        if (authProvider.isAuthenticated) {
+                          widget.onSuccess?.call();
+                          Navigator.of(context).pushReplacementNamed(RouteConstants.home);
+                        }
+                      }
+                    },
+                  ),
+                const SizedBox(height: 20),
+                Center(
+                  child: TextButton(
+                    onPressed: () {
+                      Navigator.of(context).pushNamed(RouteConstants.register);
+                    },
+                    child: const Text(
+                      '还没有账号？立即注册',
+                      style: TextStyle(
+                        fontSize: 14,
+                        color: Colors.blue,
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 30),
+                const Row(
+                  children: [
+                    Expanded(child: Divider()),
+                    Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 16),
+                      child: Text('或'),
+                    ),
+                    Expanded(child: Divider()),
+                  ],
+                ),
+                const SizedBox(height: 20),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    IconButton(
+                      onPressed: () {},
+                      icon: Container(
+                        padding: const EdgeInsets.all(10),
+                        decoration: BoxDecoration(
+                          color: Colors.grey[100],
+                          borderRadius: BorderRadius.circular(50),
+                        ),
+                        child: const Icon(Icons.wechat, color: Colors.green),
+                      ),
+                    ),
+                    IconButton(
+                      onPressed: () {},
+                      icon: Container(
+                        padding: const EdgeInsets.all(10),
+                        decoration: BoxDecoration(
+                          color: Colors.grey[100],
+                          borderRadius: BorderRadius.circular(50),
+                        ),
+                        child: const Icon(Icons.wechat, color: Colors.blue),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/screens/auth/register_screen.dart

@@ -0,0 +1,220 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../providers/auth_provider.dart';
+import '../../../core/constants/route_constants.dart';
+import '../../widgets/common/app_button.dart';
+import '../../widgets/common/app_text_field.dart';
+import '../../widgets/common/loading_indicator.dart';
+
+class RegisterScreen extends StatefulWidget {
+  const RegisterScreen({super.key});
+
+  @override
+  State<RegisterScreen> createState() => _RegisterScreenState();
+}
+
+class _RegisterScreenState extends State<RegisterScreen> {
+  final _formKey = GlobalKey<FormState>();
+  final _nameController = TextEditingController();
+  final _emailController = TextEditingController();
+  final _phoneController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _confirmPasswordController = TextEditingController();
+  
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _emailController.dispose();
+    _phoneController.dispose();
+    _passwordController.dispose();
+    _confirmPasswordController.dispose();
+    super.dispose();
+  }
+  
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('注册'),
+      ),
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(24.0),
+          child: Form(
+            key: _formKey,
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                const SizedBox(height: 20),
+                const Text(
+                  '创建账号',
+                  style: TextStyle(
+                    fontSize: 24,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                const Text(
+                  '请填写以下信息完成注册',
+                  style: TextStyle(
+                    fontSize: 14,
+                    color: Colors.grey,
+                  ),
+                ),
+                const SizedBox(height: 30),
+                AppTextField(
+                  controller: _nameController,
+                  labelText: '姓名',
+                  hintText: '请输入您的姓名',
+                  prefixIcon: const Icon(Icons.person_outline),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请输入姓名';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 20),
+                AppTextField(
+                  controller: _emailController,
+                  labelText: '邮箱地址',
+                  hintText: '请输入邮箱',
+                  keyboardType: TextInputType.emailAddress,
+                  prefixIcon: const Icon(Icons.email_outlined),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请输入邮箱地址';
+                    }
+                    if (!value.contains('@')) {
+                      return '请输入有效的邮箱地址';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 20),
+                AppTextField(
+                  controller: _phoneController,
+                  labelText: '手机号码（可选）',
+                  hintText: '请输入手机号码',
+                  keyboardType: TextInputType.phone,
+                  prefixIcon: const Icon(Icons.phone_outlined),
+                ),
+                const SizedBox(height: 20),
+                AppTextField(
+                  controller: _passwordController,
+                  labelText: '密码',
+                  hintText: '请输入密码',
+                  obscureText: true,
+                  prefixIcon: const Icon(Icons.lock_outline),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请输入密码';
+                    }
+                    if (value.length < 6) {
+                      return '密码至少需要6位字符';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 20),
+                AppTextField(
+                  controller: _confirmPasswordController,
+                  labelText: '确认密码',
+                  hintText: '请再次输入密码',
+                  obscureText: true,
+                  prefixIcon: const Icon(Icons.lock_outline),
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return '请确认密码';
+                    }
+                    if (value != _passwordController.text) {
+                      return '两次输入的密码不一致';
+                    }
+                    return null;
+                  },
+                ),
+                const SizedBox(height: 30),
+                if (authProvider.error != null)
+                  Padding(
+                    padding: const EdgeInsets.only(bottom: 16),
+                    child: Text(
+                      authProvider.error!,
+                      style: const TextStyle(
+                        color: Colors.red,
+                        fontSize: 14,
+                      ),
+                    ),
+                  ),
+                if (authProvider.isLoading)
+                  const LoadingIndicator()
+                else
+                  AppButton(
+                    text: '注册',
+                    onPressed: () async {
+                      if (_formKey.currentState!.validate()) {
+                        await authProvider.register(
+                          _emailController.text.trim(),
+                          _passwordController.text,
+                          _nameController.text,
+                          _phoneController.text.isNotEmpty
+                              ? _phoneController.text
+                              : null,
+                        );
+                        if (authProvider.isAuthenticated) {
+                          Navigator.of(context).pushReplacementNamed(
+                            RouteConstants.home,
+                          );
+                        }
+                      }
+                    },
+                  ),
+                const SizedBox(height: 20),
+                Center(
+                  child: TextButton(
+                    onPressed: () {
+                      Navigator.of(context).pop();
+                    },
+                    child: const Text(
+                      '已有账号？立即登录',
+                      style: TextStyle(
+                        fontSize: 14,
+                        color: Colors.blue,
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 40),
+                Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  child: RichText(
+                    textAlign: TextAlign.center,
+                    text: const TextSpan(
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey,
+                      ),
+                      children: [
+                        TextSpan(text: '注册即表示您同意我们的'),
+                        TextSpan(
+                          text: '服务条款',
+                          style: TextStyle(color: Colors.blue),
+                        ),
+                        TextSpan(text: '和'),
+                        TextSpan(
+                          text: '隐私政策',
+                          style: TextStyle(color: Colors.blue),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/screens/home/home_screen.dart

@@ -0,0 +1,307 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../navigation/bottom_nav_bar.dart';
+import '../../providers/auth_provider.dart';
+import '../../widgets/common/app_button.dart';
+
+class HomeScreen extends StatelessWidget {
+  const HomeScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('首页'),
+        actions: [
+          if (authProvider.isAuthenticated)
+            IconButton(
+              icon: const Icon(Icons.notifications_none),
+              onPressed: () {},
+            ),
+        ],
+      ),
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(20),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // 欢迎区域
+              Card(
+                elevation: 0,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(16),
+                ),
+                color: Colors.blue[50],
+                child: Padding(
+                  padding: const EdgeInsets.all(20),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Row(
+                        children: [
+                          CircleAvatar(
+                            radius: 30,
+                            backgroundColor: Colors.blue[100],
+                            child: Icon(
+                              Icons.person,
+                              size: 30,
+                              color: Colors.blue,
+                            ),
+                          ),
+                          const SizedBox(width: 16),
+                          Expanded(
+                            child: Column(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: [
+                                Text(
+                                  authProvider.isAuthenticated
+                                      ? '您好，${authProvider.user?.name}'
+                                      : '您好，游客',
+                                  style: const TextStyle(
+                                    fontSize: 18,
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                                const SizedBox(height: 4),
+                                Text(
+                                  authProvider.isAuthenticated
+                                      ? '欢迎回来！'
+                                      : '请登录以使用完整功能',
+                                  style: TextStyle(
+                                    fontSize: 14,
+                                    color: Colors.grey[600],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 20),
+                      if (!authProvider.isAuthenticated)
+                        AppButton(
+                          text: '立即登录',
+                          onPressed: () {
+                            Navigator.of(context).pushNamed('/login');
+                          },
+                          backgroundColor: Colors.blue,
+                          height: 45,
+                        ),
+                    ],
+                  ),
+                ),
+              ),
+              const SizedBox(height: 30),
+              
+              // 功能卡片
+              const Text(
+                '功能服务',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 16),
+              GridView.count(
+                crossAxisCount: 3,
+                shrinkWrap: true,
+                physics: const NeverScrollableScrollPhysics(),
+                childAspectRatio: 0.9,
+                children: [
+                  _buildFeatureCard(
+                    icon: Icons.newspaper,
+                    title: '资讯',
+                    color: Colors.green,
+                    onTap: () {
+                      Navigator.of(context).pushNamed('/news');
+                    },
+                  ),
+                  _buildFeatureCard(
+                    icon: Icons.work,
+                    title: '服务',
+                    color: Colors.orange,
+                    onTap: () {
+                      Navigator.of(context).pushNamed('/services');
+                    },
+                  ),
+                  _buildFeatureCard(
+                    icon: Icons.person,
+                    title: '我的',
+                    color: Colors.purple,
+                    onTap: () {
+                      if (authProvider.isAuthenticated) {
+                        Navigator.of(context).pushNamed('/profile');
+                      } else {
+                        Navigator.of(context).pushNamed('/login');
+                      }
+                    },
+                  ),
+                  _buildFeatureCard(
+                    icon: Icons.settings,
+                    title: '设置',
+                    color: Colors.grey,
+                    onTap: () {},
+                  ),
+                  _buildFeatureCard(
+                    icon: Icons.help,
+                    title: '帮助',
+                    color: Colors.red,
+                    onTap: () {},
+                  ),
+                  _buildFeatureCard(
+                    icon: Icons.info,
+                    title: '关于',
+                    color: Colors.teal,
+                    onTap: () {},
+                  ),
+                ],
+              ),
+              const SizedBox(height: 30),
+              
+              // 快速访问
+              const Text(
+                '快速访问',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 16),
+              Card(
+                elevation: 2,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Column(
+                  children: [
+                    _buildQuickAccessItem(
+                      icon: Icons.history,
+                      title: '最近访问',
+                      subtitle: '查看您最近的操作记录',
+                    ),
+                    const Divider(height: 1),
+                    _buildQuickAccessItem(
+                      icon: Icons.star_border,
+                      title: '我的收藏',
+                      subtitle: '查看您收藏的内容',
+                    ),
+                    const Divider(height: 1),
+                    _buildQuickAccessItem(
+                      icon: Icons.download,
+                      title: '下载管理',
+                      subtitle: '管理您的下载文件',
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 20),
+              
+              // 系统信息
+              Card(
+                elevation: 0,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(12),
+                  side: BorderSide(color: Colors.grey[300]!),
+                ),
+                child: Padding(
+                  padding: const EdgeInsets.all(16),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      const Text(
+                        '系统信息',
+                        style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                      const SizedBox(height: 12),
+                      Row(
+                        children: [
+                          Icon(Icons.check_circle, color: Colors.green, size: 16),
+                          const SizedBox(width: 8),
+                          const Expanded(
+                            child: Text('系统运行正常'),
+                          ),
+                          Text(
+                            'v1.0.0',
+                            style: TextStyle(
+                              color: Colors.grey[600],
+                              fontSize: 12,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+      bottomNavigationBar: const BottomNavBar(initialIndex: 0),
+    );
+  }
+  
+  Widget _buildFeatureCard({
+    required IconData icon,
+    required String title,
+    required Color color,
+    required VoidCallback onTap,
+  }) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Card(
+        elevation: 2,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Container(
+              width: 50,
+              height: 50,
+              decoration: BoxDecoration(
+                color: Color.lerp(Colors.white, Colors.transparent, 0.9)!,  // 0.3表示30%透明
+                borderRadius: BorderRadius.circular(25),
+              ),
+              child: Icon(
+                icon,
+                color: color,
+                size: 28,
+              ),
+            ),
+            const SizedBox(height: 12),
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+  
+  Widget _buildQuickAccessItem({
+    required IconData icon,
+    required String title,
+    required String subtitle,
+  }) {
+    return ListTile(
+      leading: Icon(icon),
+      title: Text(title),
+      subtitle: Text(subtitle),
+      trailing: const Icon(Icons.chevron_right),
+      onTap: () {},
+    );
+  }
+}

lib/presentation/screens/news/news_screen.dart

@@ -0,0 +1,172 @@
+import 'package:flutter/material.dart';
+import '../../navigation/bottom_nav_bar.dart';
+
+class NewsScreen extends StatelessWidget {
+  const NewsScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('资讯'),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.search),
+            onPressed: () {},
+          ),
+        ],
+      ),
+      body: ListView.builder(
+        padding: const EdgeInsets.all(16),
+        itemCount: 10,
+        itemBuilder: (context, index) {
+          return _buildNewsCard(index);
+        },
+      ),
+      bottomNavigationBar: const BottomNavBar(initialIndex: 1),
+    );
+  }
+  
+  Widget _buildNewsCard(int index) {
+    final titles = [
+      'Flutter 3.0 新特性详解',
+      'Dart 语言最新更新',
+      '移动开发趋势分析',
+      '前端框架对比',
+      '用户体验设计原则',
+      '后端架构最佳实践',
+      '数据库性能优化',
+      '云原生技术解析',
+      '人工智能在移动端的应用',
+      '跨平台开发方案比较',
+    ];
+    
+    final subtitles = [
+      '深入了解Flutter最新版本的重要更新和改进',
+      'Dart语言的最新特性和优化方向',
+      '2024年移动开发的重要趋势和技术方向',
+      '主流前端框架的优缺点对比分析',
+      '提升应用用户体验的关键设计原则',
+      '构建高性能后端服务的最佳实践',
+      '数据库查询优化和性能调优技巧',
+      '云原生技术在微服务中的应用',
+      'AI技术在移动应用中的创新应用',
+      '各种跨平台开发方案的对比和选择',
+    ];
+    
+    final times = [
+      '2小时前',
+      '5小时前',
+      '昨天',
+      '2天前',
+      '3天前',
+      '1周前',
+      '1周前',
+      '2周前',
+      '2周前',
+      '1个月前',
+    ];
+    
+    return Card(
+      margin: const EdgeInsets.only(bottom: 16),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: InkWell(
+        onTap: () {},
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Container(
+                    width: 60,
+                    height: 60,
+                    decoration: BoxDecoration(
+                      color: Colors.primaries[index % Colors.primaries.length],
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                    child: Center(
+                      child: Text(
+                        '新闻',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          titles[index],
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.bold,
+                          ),
+                          maxLines: 2,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        const SizedBox(height: 4),
+                        Text(
+                          subtitles[index],
+                          style: TextStyle(
+                            fontSize: 14,
+                            color: Colors.grey[600],
+                          ),
+                          maxLines: 2,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+              Row(
+                children: [
+                  Icon(
+                    Icons.schedule,
+                    size: 14,
+                    color: Colors.grey[500],
+                  ),
+                  const SizedBox(width: 4),
+                  Text(
+                    times[index],
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: Colors.grey[500],
+                    ),
+                  ),
+                  const Spacer(),
+                  IconButton(
+                    icon: Icon(
+                      Icons.bookmark_border,
+                      color: Colors.grey[500],
+                    ),
+                    onPressed: () {},
+                    iconSize: 20,
+                  ),
+                  IconButton(
+                    icon: Icon(
+                      Icons.share,
+                      color: Colors.grey[500],
+                    ),
+                    onPressed: () {},
+                    iconSize: 20,
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/screens/profile/profile_detail_screen.dart

@@ -0,0 +1,205 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../../data/models/user.dart';
+import '../../providers/user_provider.dart';
+import '../../widgets/common/app_button.dart';
+import '../../widgets/common/app_text_field.dart';
+
+class ProfileDetailScreen extends StatefulWidget {
+  const ProfileDetailScreen({super.key});
+
+  @override
+  State<ProfileDetailScreen> createState() => _ProfileDetailScreenState();
+}
+
+class _ProfileDetailScreenState extends State<ProfileDetailScreen> {
+  late User _currentUser;
+  late TextEditingController _nameController;
+  late TextEditingController _emailController;
+  late TextEditingController _phoneController;
+  final _formKey = GlobalKey<FormState>();
+
+  @override
+  void initState() {
+    super.initState();
+    final userProvider = Provider.of<UserProvider>(context, listen: false);
+    _currentUser = userProvider.user ?? User(id: '', email: '', name: '');
+    _nameController = TextEditingController(text: _currentUser.name);
+    _emailController = TextEditingController(text: _currentUser.email);
+    _phoneController = TextEditingController(text: _currentUser.phone ?? '');
+  }
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _emailController.dispose();
+    _phoneController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final userProvider = Provider.of<UserProvider>(context);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('个人信息'),
+        actions: [
+          if (userProvider.isLoading)
+            const Padding(
+              padding: EdgeInsets.only(right: 16),
+              child: Center(
+                child: SizedBox(
+                  width: 24,
+                  height: 24,
+                  child: CircularProgressIndicator(strokeWidth: 2),
+                ),
+              ),
+            ),
+        ],
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(20),
+        child: Form(
+          key: _formKey,
+          child: Column(
+            children: [
+              // 头像编辑
+              GestureDetector(
+                onTap: () {
+                  // 选择头像
+                },
+                child: Stack(
+                  alignment: Alignment.center,
+                  children: [
+                    CircleAvatar(
+                      radius: 60,
+                      backgroundColor: Colors.blue[100],
+                      backgroundImage: _currentUser.avatarUrl != null
+                          ? NetworkImage(_currentUser.avatarUrl!)
+                          : null,
+                      child: _currentUser.avatarUrl == null
+                          ? const Icon(
+                              Icons.person,
+                              size: 80,
+                              color: Colors.blue,
+                            )
+                          : null,
+                    ),
+                    Positioned(
+                      bottom: 0,
+                      right: 0,
+                      child: Container(
+                        padding: const EdgeInsets.all(8),
+                        decoration: BoxDecoration(
+                          color: Colors.blue,
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(
+                            color: Colors.white,
+                            width: 2,
+                          ),
+                        ),
+                        child: const Icon(
+                          Icons.camera_alt,
+                          size: 20,
+                          color: Colors.white,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 20),
+              TextButton(
+                onPressed: () {},
+                child: const Text(
+                  '更换头像',
+                  style: TextStyle(color: Colors.blue),
+                ),
+              ),
+              const SizedBox(height: 40),
+              
+              // 表单字段
+              AppTextField(
+                controller: _nameController,
+                labelText: '姓名',
+                hintText: '请输入您的姓名',
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return '请输入姓名';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 20),
+              AppTextField(
+                controller: _emailController,
+                labelText: '邮箱地址',
+                hintText: '请输入邮箱',
+                keyboardType: TextInputType.emailAddress,
+                enabled: false, // 邮箱通常不可修改
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return '请输入邮箱地址';
+                  }
+                  if (!value.contains('@')) {
+                    return '请输入有效的邮箱地址';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 20),
+              AppTextField(
+                controller: _phoneController,
+                labelText: '手机号码',
+                hintText: '请输入手机号码',
+                keyboardType: TextInputType.phone,
+              ),
+              const SizedBox(height: 40),
+              
+              // 错误提示
+              if (userProvider.error != null)
+                Padding(
+                  padding: const EdgeInsets.only(bottom: 16),
+                  child: Text(
+                    userProvider.error!,
+                    style: const TextStyle(color: Colors.red),
+                  ),
+                ),
+              
+              // 保存按钮
+              AppButton(
+                text: '保存修改',
+                isLoading: userProvider.isLoading,  // 传入加载状态
+                enabled: !userProvider.isLoading,   // 加载时禁用按钮
+                onPressed: () async {
+                  if (_formKey.currentState!.validate()) {
+                    final updatedUser = _currentUser.copyWith(
+                      name: _nameController.text.trim(),
+                      phone: _phoneController.text.trim().isNotEmpty
+                          ? _phoneController.text.trim()
+                          : null,
+                    );
+                    
+                    await userProvider.updateUserProfile(updatedUser);
+                    
+                    if (userProvider.error == null) {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                          content: Text('个人信息已更新'),
+                          duration: Duration(seconds: 2),
+                        ),
+                      );
+                      Navigator.of(context).pop();
+                    }
+                  }
+                },
+              ),
+              const SizedBox(height: 20),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/screens/profile/profile_screen.dart

@@ -0,0 +1,340 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../providers/auth_provider.dart';
+import '../../providers/user_provider.dart';
+import '../../navigation/bottom_nav_bar.dart';
+import 'profile_detail_screen.dart';
+import '../../widgets/custom/protected_widget.dart';
+
+class ProfileScreen extends StatelessWidget {
+  const ProfileScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ProtectedWidget(
+      child: _ProfileContent(),
+      loadingWidget: const Center(
+        child: CircularProgressIndicator(),
+      ),
+    );
+  }
+}
+
+class _ProfileContent extends StatefulWidget {
+  @override
+  State<_ProfileContent> createState() => _ProfileContentState();
+}
+
+class _ProfileContentState extends State<_ProfileContent> {
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final userProvider = Provider.of<UserProvider>(context, listen: false);
+      userProvider.loadUserProfile();
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    // final userProvider = Provider.of<UserProvider>(context);
+    
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('我的'),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.settings_outlined),
+            onPressed: () {
+              // 跳转到设置页面
+            },
+          ),
+        ],
+      ),
+      body: SingleChildScrollView(
+        child: Column(
+          children: [
+            // 用户信息卡片
+            Card(
+              margin: const EdgeInsets.all(16),
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(16),
+              ),
+              elevation: 2,
+              child: Padding(
+                padding: const EdgeInsets.all(20),
+                child: Column(
+                  children: [
+                    GestureDetector(
+                      onTap: () {
+                        // 点击头像
+                      },
+                      child: Stack(
+                        children: [
+                          CircleAvatar(
+                            radius: 50,
+                            backgroundColor: Colors.blue[100],
+                            backgroundImage: authProvider.user?.avatarUrl != null
+                                ? NetworkImage(authProvider.user!.avatarUrl!)
+                                : null,
+                            child: authProvider.user?.avatarUrl == null
+                                ? const Icon(
+                                    Icons.person,
+                                    size: 60,
+                                    color: Colors.blue,
+                                  )
+                                : null,
+                          ),
+                          Positioned(
+                            bottom: 0,
+                            right: 0,
+                            child: Container(
+                              padding: const EdgeInsets.all(6),
+                              decoration: BoxDecoration(
+                                color: Colors.blue,
+                                borderRadius: BorderRadius.circular(20),
+                                border: Border.all(
+                                  color: Colors.white,
+                                  width: 2,
+                                ),
+                              ),
+                              child: const Icon(
+                                Icons.edit,
+                                size: 16,
+                                color: Colors.white,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const SizedBox(height: 16),
+                    Text(
+                      authProvider.user?.name ?? '用户',
+                      style: const TextStyle(
+                        fontSize: 22,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    Text(
+                      authProvider.user?.email ?? '',
+                      style: TextStyle(
+                        fontSize: 14,
+                        color: Colors.grey[600],
+                      ),
+                    ),
+                    if (authProvider.user?.phone != null)
+                      Padding(
+                        padding: const EdgeInsets.only(top: 4),
+                        child: Text(
+                          authProvider.user!.phone!,
+                          style: TextStyle(
+                            fontSize: 14,
+                            color: Colors.grey[600],
+                          ),
+                        ),
+                      ),
+                    const SizedBox(height: 16),
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        _buildStatItem('关注', '128'),
+                        _buildVerticalDivider(),
+                        _buildStatItem('粉丝', '256'),
+                        _buildVerticalDivider(),
+                        _buildStatItem('积分', '1024'),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            
+            // 菜单项
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 16),
+              child: Column(
+                children: [
+                  _buildMenuCard(
+                    title: '账户设置',
+                    items: [
+                      _buildMenuItem(
+                        icon: Icons.person_outline,
+                        title: '个人信息',
+                        subtitle: '查看和编辑个人信息',
+                        onTap: () {
+                          Navigator.of(context).push(
+                            MaterialPageRoute(
+                              builder: (_) => const ProfileDetailScreen(),
+                            ),
+                          );
+                        },
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.lock_outline,
+                        title: '账号安全',
+                        subtitle: '修改密码和安全设置',
+                        onTap: () {},
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.notifications_none,
+                        title: '消息通知',
+                        subtitle: '管理通知偏好设置',
+                        onTap: () {},
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 16),
+                  _buildMenuCard(
+                    title: '我的内容',
+                    items: [
+                      _buildMenuItem(
+                        icon: Icons.bookmark_border,
+                        title: '我的收藏',
+                        subtitle: '查看收藏的内容',
+                        onTap: () {},
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.history,
+                        title: '浏览历史',
+                        subtitle: '查看最近浏览记录',
+                        onTap: () {},
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.download,
+                        title: '我的下载',
+                        subtitle: '管理下载的文件',
+                        onTap: () {},
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 16),
+                  _buildMenuCard(
+                    title: '其他',
+                    items: [
+                      _buildMenuItem(
+                        icon: Icons.help_outline,
+                        title: '帮助中心',
+                        subtitle: '常见问题和帮助文档',
+                        onTap: () {},
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.info_outline,
+                        title: '关于我们',
+                        subtitle: '了解应用信息',
+                        onTap: () {},
+                      ),
+                      _buildMenuItem(
+                        icon: Icons.logout,
+                        title: '退出登录',
+                        subtitle: '安全退出当前账号',
+                        onTap: () async {
+                          await authProvider.logout();
+                          Navigator.of(context).pushReplacementNamed('/');
+                        },
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 20),
+                  
+                  // 版本信息
+                  Padding(
+                    padding: const EdgeInsets.symmetric(vertical: 20),
+                    child: Text(
+                      '版本 v1.0.0',
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey[500],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+      bottomNavigationBar: const BottomNavBar(initialIndex: 3),
+    );
+  }
+  
+  Widget _buildStatItem(String label, String value) {
+    return Expanded(
+      child: Column(
+        children: [
+          Text(
+            value,
+            style: const TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          const SizedBox(height: 4),
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 12,
+              color: Colors.grey[600],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+  
+  Widget _buildVerticalDivider() {
+    return Container(
+      width: 1,
+      height: 40,
+      color: Colors.grey[300],
+      margin: const EdgeInsets.symmetric(horizontal: 16),
+    );
+  }
+  
+  Widget _buildMenuCard({
+    required String title,
+    required List<Widget> items,
+  }) {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 12),
+            Column(children: items),
+          ],
+        ),
+      ),
+    );
+  }
+  
+  Widget _buildMenuItem({
+    required IconData icon,
+    required String title,
+    required String subtitle,
+    required VoidCallback onTap,
+  }) {
+    return ListTile(
+      contentPadding: EdgeInsets.zero,
+      leading: Icon(icon),
+      title: Text(title),
+      subtitle: Text(subtitle),
+      trailing: const Icon(Icons.chevron_right),
+      onTap: onTap,
+    );
+  }
+}

lib/presentation/screens/services/services_screen.dart

@@ -0,0 +1,279 @@
+import 'package:flutter/material.dart';
+import '../../navigation/bottom_nav_bar.dart';
+
+class ServicesScreen extends StatelessWidget {
+  const ServicesScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('服务'),
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // 搜索框
+            Container(
+              decoration: BoxDecoration(
+                color: Colors.grey[100],
+                borderRadius: BorderRadius.circular(25),
+              ),
+              child: TextField(
+                decoration: InputDecoration(
+                  hintText: '搜索服务...',
+                  border: InputBorder.none,
+                  prefixIcon: const Icon(Icons.search),
+                  contentPadding: const EdgeInsets.symmetric(
+                    vertical: 15,
+                    horizontal: 20,
+                  ),
+                ),
+              ),
+            ),
+            const SizedBox(height: 30),
+            
+            // 服务分类
+            const Text(
+              '服务分类',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            GridView.count(
+              crossAxisCount: 4,
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              childAspectRatio: 1.0,
+              children: [
+                _buildServiceCategory(
+                  icon: Icons.cloud,
+                  title: '云服务',
+                  color: Colors.blue,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.storage,
+                  title: '存储',
+                  color: Colors.green,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.security,
+                  title: '安全',
+                  color: Colors.orange,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.analytics,
+                  title: '分析',
+                  color: Colors.purple,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.code,
+                  title: '开发',
+                  color: Colors.red,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.dns,
+                  title: '数据库',
+                  color: Colors.teal,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.api,
+                  title: 'API',
+                  color: Colors.pink,
+                ),
+                _buildServiceCategory(
+                  icon: Icons.more_horiz,
+                  title: '更多',
+                  color: Colors.grey,
+                ),
+              ],
+            ),
+            const SizedBox(height: 30),
+            
+            // 热门服务
+            const Text(
+              '热门服务',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            ListView.builder(
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              itemCount: 5,
+              itemBuilder: (context, index) {
+                return _buildHotServiceItem(index);
+              },
+            ),
+            const SizedBox(height: 30),
+            
+            // 推荐服务
+            const Text(
+              '推荐服务',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Card(
+              elevation: 3,
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Padding(
+                padding: const EdgeInsets.all(16),
+                child: Column(
+                  children: [
+                    Row(
+                      children: [
+                        Container(
+                          width: 50,
+                          height: 50,
+                          decoration: BoxDecoration(
+                            color: Colors.blue[100],
+                            borderRadius: BorderRadius.circular(25),
+                          ),
+                          child: const Icon(
+                            Icons.star,
+                            color: Colors.blue,
+                          ),
+                        ),
+                        const SizedBox(width: 16),
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: const [
+                              Text(
+                                'VIP专属服务',
+                                style: TextStyle(
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold,
+                                ),
+                              ),
+                              SizedBox(height: 4),
+                              Text(
+                                '尊享VIP特权，获得更好的服务体验',
+                                style: TextStyle(
+                                  fontSize: 14,
+                                  color: Colors.grey,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 16),
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        TextButton(
+                          onPressed: () {},
+                          child: const Text('了解更多'),
+                        ),
+                        ElevatedButton(
+                          onPressed: () {},
+                          style: ElevatedButton.styleFrom(
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(20),
+                            ),
+                          ),
+                          child: const Text('立即开通'),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+      bottomNavigationBar: const BottomNavBar(initialIndex: 2),
+    );
+  }
+  
+  Widget _buildServiceCategory({
+    required IconData icon,
+    required String title,
+    required Color color,
+  }) {
+    return Column(
+      children: [
+        Container(
+          width: 60,
+          height: 60,
+          decoration: BoxDecoration(
+            color: Color.lerp(Colors.white, Colors.transparent, 0.9)!,  // 0.3表示30%透明
+            borderRadius: BorderRadius.circular(30),
+          ),
+          child: Icon(
+            icon,
+            color: color,
+            size: 30,
+          ),
+        ),
+        const SizedBox(height: 8),
+        Text(
+          title,
+          style: const TextStyle(
+            fontSize: 12,
+            fontWeight: FontWeight.w500,
+          ),
+          textAlign: TextAlign.center,
+        ),
+      ],
+    );
+  }
+  
+  Widget _buildHotServiceItem(int index) {
+    final services = [
+      {'title': '云服务器', 'desc': '弹性计算，按需付费'},
+      {'title': '对象存储', 'desc': '安全可靠的文件存储'},
+      {'title': 'CDN加速', 'desc': '全球内容分发网络'},
+      {'title': '数据库服务', 'desc': '高性能数据库解决方案'},
+      {'title': 'API网关', 'desc': '统一API管理和调度'},
+    ];
+    
+    return Card(
+      margin: const EdgeInsets.only(bottom: 12),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: ListTile(
+        leading: Container(
+          width: 40,
+          height: 40,
+          decoration: BoxDecoration(
+            color: Color.lerp(
+              Colors.primaries[index % Colors.primaries.length],
+              Colors.transparent,
+              0.9,  // 90% 透明 = 10% 不透明度
+            )!,
+            borderRadius: BorderRadius.circular(20),
+          ),
+          child: Icon(
+            Icons.cloud_circle,
+            color: Colors.primaries[index % Colors.primaries.length],
+          ),
+        ),
+        title: Text(
+          services[index]['title']!,
+          style: const TextStyle(
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        subtitle: Text(services[index]['desc']!),
+        trailing: const Icon(Icons.chevron_right),
+        onTap: () {},
+      ),
+    );
+  }
+}

lib/presentation/screens/splash_screen.dart

@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../providers/auth_provider.dart';
+import '../../core/constants/route_constants.dart';
+
+class SplashScreen extends StatefulWidget {
+  const SplashScreen({super.key});
+
+  @override
+  SplashScreenState createState() => SplashScreenState();
+}
+
+class SplashScreenState extends State<SplashScreen> {
+  @override
+  void initState() {
+    super.initState();
+    _initializeApp();
+  }
+
+  Future<void> _initializeApp() async {
+    final authProvider = Provider.of<AuthProvider>(context, listen: false);
+    await authProvider.checkAuthStatus();
+    
+    // 模拟初始化延迟
+    await Future.delayed(const Duration(milliseconds: 1500));
+    
+    // 导航到首页
+    if (mounted) {
+      Navigator.of(context).pushReplacementNamed(RouteConstants.home);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.blue,
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const Icon(
+              Icons.apps,
+              size: 100,
+              color: Colors.white,
+            ),
+            const SizedBox(height: 20),
+            const Text(
+              '采油会',
+              style: TextStyle(
+                fontSize: 32,
+                fontWeight: FontWeight.bold,
+                color: Colors.white,
+              ),
+            ),
+            const SizedBox(height: 20),
+            SizedBox(
+              width: 60,
+              height: 60,
+              child: CircularProgressIndicator(
+                valueColor: AlwaysStoppedAnimation<Color>(
+                  Color.lerp(Colors.white, Colors.transparent, 0.3)!,  // 0.3表示30%透明
+                ),
+                strokeWidth: 4,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/presentation/widgets/common/app_button.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+
+class AppButton extends StatelessWidget {
+  final String text;
+  final VoidCallback onPressed;
+  final bool isLoading;
+  final bool enabled;
+  final Color? backgroundColor;
+  final Color? textColor;
+  final double? width;
+  final double? height;
+  
+  const AppButton({
+    super.key,
+    required this.text,
+    required this.onPressed,
+    this.isLoading = false,
+    this.enabled = true,
+    this.backgroundColor,
+    this.textColor,
+    this.width,
+    this.height = 50,
+  });
+  
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: width ?? double.infinity,
+      height: height,
+      child: ElevatedButton(
+        onPressed: enabled && !isLoading ? onPressed : null,
+        style: ElevatedButton.styleFrom(
+          backgroundColor: backgroundColor ?? Theme.of(context).primaryColor,
+          foregroundColor: textColor ?? Colors.white,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+          elevation: 0,
+        ),
+        child: isLoading
+            ? SizedBox(
+                width: 24,
+                height: 24,
+                child: CircularProgressIndicator(
+                  strokeWidth: 2,
+                  color: textColor ?? Colors.white,
+                ),
+              )
+            : Text(
+                text,
+                style: const TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+      ),
+    );
+  }
+}

lib/presentation/widgets/common/app_text_field.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+class AppTextField extends StatelessWidget {
+  final TextEditingController controller;
+  final String labelText;
+  final String? hintText;
+  final TextInputType keyboardType;
+  final bool obscureText;
+  final bool enabled;
+  final int? maxLines;
+  final int? maxLength;
+  final String? Function(String?)? validator;
+  final void Function(String)? onChanged;
+  final Widget? suffixIcon;
+  final Widget? prefixIcon;
+  final bool showCounter;
+  
+  const AppTextField({
+    super.key,
+    required this.controller,
+    required this.labelText,
+    this.hintText,
+    this.keyboardType = TextInputType.text,
+    this.obscureText = false,
+    this.enabled = true,
+    this.maxLines = 1,
+    this.maxLength,
+    this.validator,
+    this.onChanged,
+    this.suffixIcon,
+    this.prefixIcon,
+    this.showCounter = false,
+  });
+  
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          labelText,
+          style: const TextStyle(
+            fontSize: 14,
+            fontWeight: FontWeight.w500,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 8),
+        TextFormField(
+          controller: controller,
+          keyboardType: keyboardType,
+          obscureText: obscureText,
+          enabled: enabled,
+          maxLines: maxLines,
+          maxLength: maxLength,
+          validator: validator,
+          onChanged: onChanged,
+          decoration: InputDecoration(
+            hintText: hintText,
+            prefixIcon: prefixIcon,
+            suffixIcon: suffixIcon,
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(10),
+              borderSide: const BorderSide(color: Colors.grey),
+            ),
+            enabledBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(10),
+              borderSide: const BorderSide(color: Colors.grey),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(10),
+              borderSide: BorderSide(color: Theme.of(context).primaryColor),
+            ),
+            errorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(10),
+              borderSide: const BorderSide(color: Colors.red),
+            ),
+            filled: true,
+            fillColor: Colors.grey[50],
+            contentPadding: const EdgeInsets.symmetric(
+              horizontal: 16,
+              vertical: 14,
+            ),
+            counterText: showCounter ? null : '',
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/presentation/widgets/common/loading_indicator.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+class LoadingIndicator extends StatelessWidget {
+  final double size;
+  final Color color;
+  final double strokeWidth;
+  
+  const LoadingIndicator({
+    super.key,
+    this.size = 40,
+    this.color = Colors.blue,
+    this.strokeWidth = 3,
+  });
+  
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: SizedBox(
+        width: size,
+        height: size,
+        child: CircularProgressIndicator(
+          valueColor: AlwaysStoppedAnimation<Color>(color),
+          strokeWidth: strokeWidth,
+        ),
+      ),
+    );
+  }
+}

lib/presentation/widgets/custom/protected_widget.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../providers/auth_provider.dart';
+import '../../screens/auth/login_screen.dart';
+import '../common/loading_indicator.dart';
+
+class ProtectedWidget extends StatelessWidget {
+  final Widget child;
+  final Widget? loadingWidget;
+  
+  const ProtectedWidget({
+    super.key,
+    required this.child,
+    this.loadingWidget,
+  });
+  
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+    
+    if (authProvider.isLoading) {
+      return loadingWidget ?? const LoadingIndicator();
+    }
+    
+    if (!authProvider.isAuthenticated) {
+      return LoginScreen(
+        onSuccess: () {
+          // 登录成功后的回调
+        },
+      );
+    }
+    
+    return child;
+  }
+}

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,6 +5,8 @@
 import FlutterMacOS
 import Foundation
 
+import shared_preferences_foundation
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
 }

pubspec.lock

@@ -1,6 +1,14 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.7.0"
   async:
     dependency: transitive
     description:
@@ -57,6 +65,22 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.3.3"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "289279317b4b16eb2bb7e271abccd4bf84ec9bdcbe999e278a94b804f5630418"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.4"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "7.0.1"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -70,11 +94,56 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "6.0.0"
+  flutter_svg:
+    dependency: "direct main"
+    description:
+      name: flutter_svg
+      sha256: "87fbd7c534435b6c5d9d98b01e1fd527812b82e68ddd8bd35fc45ed0fa8f0a95"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.3"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  get_it:
+    dependency: "direct main"
+    description:
+      name: get_it
+      sha256: d85128a5dae4ea777324730dc65edd9c9f43155c109d5cc0a69cab74139fbac1
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "7.7.0"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      sha256: "87721a4a50b19c7f1d49001e51409bddc46303966ce89a65af4f4e6004896412"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.6.0"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.1.2"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      sha256: "3bc132a9dbce73a7e4a21a17d06e1878839ffbf975568bc875c60537824b0c4d"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.18.1"
   leak_tracker:
     dependency: transitive
     description:
@@ -131,6 +200,14 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.17.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      sha256: "03bac4c528c64c95c722ec99280375a6f2fc708eec17c7b3f07253b626cd2a20"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.0.0"
   path:
     dependency: transitive
     description:
@@ -139,6 +216,126 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.9.1"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.0"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.0"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      sha256: "1a97266a94f7350d30ae522c0af07890c70b8e62c71e8e3920d1db4d23c057d1"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "7.0.1"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.1.6"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.8"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      sha256: "4e82183fa20e5ca25703ead7e05de9e4cceed1fbd1eadc1ac3cb6f565a09f272"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "6.1.5+1"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      sha256: "2939ae520c9024cb197fc20dee269cd8cdbf564c8b5746374ec6cacdc5169e64"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.5.4"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "83af5c682796c0f7719c2bbf74792d113e40ae97981b8f266fa84574573556bc"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.18"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "4e7eaffc2b17ba398759f1151415869a34771ba11ebbccd1b0145472a619a64f"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.5.6"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: c49bd060261c9a3f0ff445892695d6212ff603ef3115edbb448509d407600019
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.3"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -192,6 +389,38 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.7.7"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.4.0"
+  vector_graphics:
+    dependency: transitive
+    description:
+      name: vector_graphics
+      sha256: a4f059dc26fc8295b5921376600a194c4ec7d55e72f2fe4c7d2831e103d461e6
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.19"
+  vector_graphics_codec:
+    dependency: transitive
+    description:
+      name: vector_graphics_codec
+      sha256: "99fd9fbd34d9f9a32efd7b6a6aae14125d8237b10403b422a6a6dfeac2806146"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.13"
+  vector_graphics_compiler:
+    dependency: transitive
+    description:
+      name: vector_graphics_compiler
+      sha256: d354a7ec6931e6047785f4db12a1f61ec3d43b207fc0790f863818543f8ff0dc
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.19"
   vector_math:
     dependency: transitive
     description:
@@ -208,6 +437,30 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "15.0.2"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.1"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      sha256: "971043b3a0d3da28727e40ed3e0b5d18b742fa5a68665cca88e74b7876d5e025"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "6.6.1"
 sdks:
   dart: ">=3.10.3 <4.0.0"
-  flutter: ">=3.18.0-18.0.pre.54"
+  flutter: ">=3.35.0"

pubspec.yaml

@@ -1,89 +1,38 @@
 name: flutter_application_1
 description: "A new Flutter project."
-# The following line prevents the package from being accidentally published to
-# pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
-
-# The following defines the version and build number for your application.
-# A version number is three numbers separated by dots, like 1.2.43
-# followed by an optional build number separated by a +.
-# Both the version and the builder number may be overridden in flutter
-# build by specifying --build-name and --build-number, respectively.
-# In Android, build-name is used as versionName while build-number used as versionCode.
-# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
-# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
-# Read more about iOS versioning at
-# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
-# In Windows, build-name is used as the major, minor, and patch parts
-# of the product and file versions while build-number is used as the build suffix.
 version: 1.0.0+1
+publish_to: 'none'
 
 environment:
   sdk: ^3.10.3
 
-# Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
-# consider running `flutter pub upgrade --major-versions`. Alternatively,
-# dependencies can be manually updated by changing the version numbers below to
-# the latest version available on pub.dev. To see which dependencies have newer
-# versions available, run `flutter pub outdated`.
 dependencies:
   flutter:
     sdk: flutter
-
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.8
+  provider: ^6.1.1
+  http: ^1.1.0
+  shared_preferences: ^2.2.2
+  flutter_svg: ^2.0.9
+  intl: ^0.18.1
+  get_it: ^7.6.4
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
   flutter_lints: ^6.0.0
 
-# For information on the generic Dart part of this file, see the
-# following page: https://dart.dev/tools/pub/pubspec
-
-# The following section is specific to Flutter packages.
 flutter:
-
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
   uses-material-design: true
-
-  # To add assets to your application, add an assets section, like this:
   # assets:
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
 
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/to/resolution-aware-images
-
-  # For details regarding adding assets from package dependencies, see
-  # https://flutter.dev/to/asset-from-package
-
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
   # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
+  #   - family: Roboto
   #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/to/font-from-package
+  #       - asset: assets/fonts/Roboto-Regular.ttf
+  #       - asset: assets/fonts/Roboto-Medium.ttf
+  #         weight: 500
+  #       - asset: assets/fonts/Roboto-Bold.ttf
+  #         weight: 700