diff --git a/frontend/asset_assistant/lib/pages/home_page.dart b/frontend/asset_assistant/lib/pages/home_page.dart
index 55cce8d..06aa62b 100644
--- a/frontend/asset_assistant/lib/pages/home_page.dart
+++ b/frontend/asset_assistant/lib/pages/home_page.dart
@@ -1,12 +1,56 @@
 import 'package:flutter/material.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 
-class HomePage extends StatelessWidget {
+// 定义功能和子功能数据模型
+class FunctionItem {
+  final String name;
+  final List<SubFunctionItem> subFunctions;
+
+  FunctionItem({required this.name, required this.subFunctions});
+}
+
+class SubFunctionItem {
+  final String name;
+  final Widget page;
+
+  SubFunctionItem({required this.name, required this.page});
+}
+
+class HomePage extends StatefulWidget {
   const HomePage({super.key});
 
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  // 功能列表数据 - 初始只包含"系统"功能
+  final List<FunctionItem> _functions = [
+    FunctionItem(
+      name: "系统",
+      subFunctions: [
+        SubFunctionItem(
+          name: "基本信息",
+          page: const Center(child: Text("系统基本信息页面内容")),
+        ),
+        SubFunctionItem(
+          name: "参数设置",
+          page: const Center(child: Text("系统参数设置页面内容")),
+        ),
+        SubFunctionItem(
+          name: "日志管理",
+          page: const Center(child: Text("系统日志管理页面内容")),
+        ),
+      ],
+    ),
+  ];
+
+  // 选中状态跟踪
+  int _selectedFunctionIndex = 0;
+  int _selectedSubFunctionIndex = 0;
+
   Future<void> _logout(BuildContext context) async {
     final prefs = await SharedPreferences.getInstance();
-    // 先确认需要清除的数据存在
     final hasUserID = prefs.getString('user_id') != null;
 
     if (hasUserID) {
@@ -14,33 +58,30 @@ class HomePage extends StatelessWidget {
       debugPrint('移除的用户ID: $hasUserID');
     }
 
-    // Web端强制刷新存储
     await prefs.reload();
 
-    // 检查组件是否已挂载
     if (!context.mounted) return;
 
-    // 导航到登录页并清除路由栈（使用命名路由）
-    Navigator.pushNamedAndRemoveUntil(
-      context,
-      '/login', // 目标命名路由
-      (route) => false, // 清除所有之前的路由
-    );
+    Navigator.pushNamedAndRemoveUntil(context, '/login', (route) => false);
   }
 
   @override
   Widget build(BuildContext context) {
+    // 获取当前选中的功能和子功能
+    final currentFunction = _functions[_selectedFunctionIndex];
+    final currentSubFunction =
+        currentFunction.subFunctions[_selectedSubFunctionIndex];
+
     return Scaffold(
       backgroundColor: Theme.of(context).colorScheme.surface,
       appBar: AppBar(
         leading: IconButton(
           icon: const Icon(Icons.settings),
           onPressed: () {
-            // 点击事件处理
             Navigator.pushNamed(context, '/setting_list');
           },
         ),
-        title: const Text('首页'),
+        title: const Text(''),
         backgroundColor: Theme.of(context).colorScheme.surface,
         elevation: 4,
         actions: [
@@ -50,11 +91,123 @@ class HomePage extends StatelessWidget {
           ),
         ],
       ),
-      body: const Center(
-        child: Text(
-          '功能列表区域',
-          style: TextStyle(color: Color(0xFF94A3B8), fontSize: 18),
-        ),
+      body: Row(
+        children: [
+          // 左侧功能导航栏
+          Container(
+            width: 180,
+            decoration: BoxDecoration(
+              color: Theme.of(context).colorScheme.surfaceContainerHighest,
+              // 使用withValues替换withOpacity
+              border: Border(
+                right: BorderSide(
+                  color: Theme.of(
+                    context,
+                  ).colorScheme.onSurface.withValues(alpha: 0.1),
+                ),
+              ),
+            ),
+            child: ListView.builder(
+              itemCount: _functions.length,
+              itemBuilder: (context, index) {
+                final function = _functions[index];
+                return ListTile(
+                  title: Text(
+                    function.name,
+                    style: TextStyle(
+                      color: _selectedFunctionIndex == index
+                          ? Theme.of(context).colorScheme.secondary
+                          : Theme.of(context).colorScheme.onSurface,
+                      fontWeight: _selectedFunctionIndex == index
+                          ? FontWeight.bold
+                          : FontWeight.normal,
+                    ),
+                  ),
+                  selected: _selectedFunctionIndex == index,
+                  // 使用withValues替换withOpacity
+                  selectedTileColor: Theme.of(
+                    context,
+                  ).colorScheme.primary.withValues(alpha: 0.1),
+                  onTap: () {
+                    setState(() {
+                      _selectedFunctionIndex = index;
+                      _selectedSubFunctionIndex = 0; // 切换功能时默认选中第一个子功能
+                    });
+                  },
+                );
+              },
+            ),
+          ),
+
+          // 右侧内容区域
+          Expanded(
+            child: Column(
+              children: [
+                // 顶部子功能导航栏
+                Container(
+                  height: 60,
+                  decoration: BoxDecoration(
+                    color: Theme.of(
+                      context,
+                    ).colorScheme.surfaceContainerHighest,
+                    // 使用withValues替换withOpacity
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Theme.of(
+                          context,
+                        ).colorScheme.onSurface.withValues(alpha: 0.1),
+                      ),
+                    ),
+                  ),
+                  child: ListView.builder(
+                    scrollDirection: Axis.horizontal,
+                    itemCount: currentFunction.subFunctions.length,
+                    itemBuilder: (context, index) {
+                      final subFunction = currentFunction.subFunctions[index];
+                      return InkWell(
+                        onTap: () {
+                          setState(() {
+                            _selectedSubFunctionIndex = index;
+                          });
+                        },
+                        child: Container(
+                          padding: const EdgeInsets.symmetric(
+                            horizontal: 20,
+                            vertical: 16,
+                          ),
+                          decoration: BoxDecoration(
+                            border: Border(
+                              bottom: BorderSide(
+                                color: _selectedSubFunctionIndex == index
+                                    ? Theme.of(context).colorScheme.primary
+                                    : Colors.transparent,
+                                width: 2,
+                              ),
+                            ),
+                          ),
+                          child: Text(
+                            subFunction.name,
+                            style: TextStyle(
+                              color: _selectedSubFunctionIndex == index
+                                  ? Theme.of(context).colorScheme.primary
+                                  : Theme.of(
+                                      context,
+                                    ).colorScheme.onSurfaceVariant,
+                              fontSize: 16,
+                            ),
+                          ),
+                        ),
+                      );
+                    },
+                  ),
+                ),
+
+                // 子功能操作页面区域
+                Expanded(child: currentSubFunction.page),
+              ],
+            ),
+          ),
+        ],
       ),
     );
   }