新增小程序后端代码，包括数据库、路由、服务层等。

小程序前后端打通，包括登录、注册、绑定设备、查询绑定信息，修改小朋友名称等功能。

banban-mini/src/pages/sleep/index.tsx

@@ -1,36 +1,188 @@
-import { View, Text, Image } from '@tarojs/components'
-import { useState } from 'react'
+import { View, Text, Image, Input } from '@tarojs/components'
+import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
+import { getToken, getCurrentUserId } from '@/services/api'
+import { getChildren, createChild, updateChild } from '@/services/child'
+import { getCurrentBinding, unbindDevice } from '@/services/binding'
 import './index.scss'
 
-interface UserInfo {
-  name: string
-  role: string
-  isVerified: boolean
-  avatar: string
+interface Child {
+  child_id: number
+  child_name: string
+  child_gender: number
+  status: number
+}
+
+interface Binding {
+  device_id: string
+  child_id: number
+  status: number
 }
 
 interface MenuItem {
   icon: string
+  iconBgClass: string
   name: string
-  value: string
+  value?: string
   arrow?: boolean
+  disabled?: boolean
 }
 
 export default function Sleep() {
-  const [user] = useState<UserInfo>({
-    name: '微信家长',
-    role: '管理员身份',
-    isVerified: true,
-    avatar: '👤'
-  })
+  const [children, setChildren] = useState<Child[]>([])
+  const [binding, setBinding] = useState<Binding | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [showModal, setShowModal] = useState(false)
+  const [modalType, setModalType] = useState<'add' | 'edit'>('add')
+  const [childName, setChildName] = useState('')
+  const [editingChildId, setEditingChildId] = useState<number | null>(null)
+  const [parentInfo, setParentInfo] = useState<{ nickname?: string; avatar_url?: string }>({})
 
-  const menuItems = [
+  const token = getToken()
+  const userId = getCurrentUserId()
+
+  useEffect(() => {
+    if (!token) {
+      Taro.reLaunch({ url: '/pages/login/index' })
+      return
+    }
+    loadData()
+  }, [])
+
+  const loadData = async () => {
+    try {
+      setLoading(true)
+      
+      // Get parent info
+      const userInfo = Taro.getStorageSync('userInfo') || {}
+      setParentInfo(userInfo)
+      
+      // Get children
+      const childRes = await getChildren()
+      setChildren(childRes.items || [])
+
+      // Get binding
+      try {
+        const bindRes = await getCurrentBinding()
+        setBinding(bindRes)
+      } catch (err: any) {
+        if (err.status === 404) {
+          setBinding(null)
+        }
+      }
+    } catch (err) {
+      console.error('Load failed:', err)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleOpenModal = (type: 'add' | 'edit', child?: Child) => {
+    setModalType(type)
+    if (type === 'edit' && child) {
+      setChildName(child.child_name)
+      setEditingChildId(child.child_id)
+    } else {
+      setChildName('')
+      setEditingChildId(null)
+    }
+    setShowModal(true)
+  }
+
+  const handleModalConfirm = async () => {
+    if (!childName.trim()) {
+      Taro.showToast({ title: '请输入昵称', icon: 'none' })
+      return
+    }
+
+    try {
+      if (modalType === 'add') {
+        await createChild({ child_name: childName.trim() })
+        Taro.showToast({ title: '添加成功', icon: 'success' })
+      } else if (editingChildId) {
+        await updateChild(editingChildId, { child_name: childName.trim() })
+        Taro.showToast({ title: '修改成功', icon: 'success' })
+      }
+      setShowModal(false)
+      setChildName('')
+      setEditingChildId(null)
+      loadData()
+    } catch (err) {
+      Taro.showToast({ title: '操作失败', icon: 'none' })
+    }
+  }
+
+  const handleModalCancel = () => {
+    setShowModal(false)
+    setChildName('')
+    setEditingChildId(null)
+  }
+
+  const handleUnbind = () => {
+    if (!binding) return
+    Taro.showModal({
+      title: '解除设备绑定',
+      content: '确定要解除当前设备的绑定吗？',
+      confirmColor: '#FF8C42',
+      success: async (res) => {
+        if (res.confirm) {
+          try {
+            await unbindDevice(binding.device_id)
+            Taro.showToast({ title: '已解绑', icon: 'success' })
+            setBinding(null)
+            loadData()
+          } catch (err) {
+            Taro.showToast({ title: '解绑失败', icon: 'none' })
+          }
+        }
+      }
+    })
+  }
+
+  const handleLogout = async () => {
+    Taro.showModal({
+      title: '退出登录',
+      content: '确定要退出登录吗？',
+      confirmColor: '#FF8C42',
+      success: (res) => {
+        if (res.confirm) {
+          Taro.removeStorageSync('token')
+          Taro.removeStorageSync('user_id')
+          Taro.removeStorageSync('userInfo')
+          Taro.reLaunch({ url: '/pages/login/index' })
+        }
+      }
+    })
+  }
+
+  const handleMenuClick = (item: MenuItem) => {
+    if (item.disabled) return
+    
+    if (item.name === '绑定新设备') {
+      if (binding) {
+        Taro.showToast({ title: '已有设备绑定', icon: 'none' })
+      } else {
+        Taro.navigateTo({ url: '/pages/bind/index' })
+      }
+    } else if (item.name === '解除设备绑定') {
+      handleUnbind()
+    } else if (item.name.includes('儿童资料')) {
+      if (children.length > 0) {
+        handleOpenModal('edit', children[0])
+      } else {
+        handleOpenModal('add')
+      }
+    }
+  }
+
+  if (!token) return null
+
+  const menuItems: MenuItem[] = [
     {
       icon: require('../../assets/tab-icons/orange-robot.png'),
       iconBgClass: 'orange',
       name: '儿童资料 (用于称呼)',
-      value: '小夏 (6岁)',
+      value: children.length > 0 ? children[0].child_name : '未设置',
       arrow: true
     },
     {
@@ -45,45 +197,13 @@ export default function Sleep() {
       iconBgClass: 'red',
       name: '解除设备绑定',
       value: '',
-      arrow: true
+      arrow: true,
+      disabled: !binding
     }
   ]
 
-  const handleMenuClick = (item: MenuItem) => {
-    if (item.name === '绑定新设备') {
-      // 跳转到绑定设备页面
-      Taro.navigateTo({ url: '/pages/bind/index' })
-    } else if (item.name === '解除设备绑定') {
-      Taro.showModal({
-        title: '解除设备绑定',
-        content: '确定要解除当前设备的绑定吗？解除后需要重新扫码绑定。',
-        confirmColor: '#FF8C42',
-        success: (res) => {
-          if (res.confirm) {
-            // 清除设备信息
-            Taro.removeStorageSync('hasDevice')
-            Taro.removeStorageSync('deviceInfo')
-            
-            Taro.showToast({
-              title: '已解除绑定',
-              icon: 'success',
-              duration: 1500,
-              complete: () => {
-                setTimeout(() => {
-                  Taro.redirectTo({ url: '/pages/bind/index' })
-                }, 500)
-              }
-            })
-          }
-        }
-      })
-    } else {
-      Taro.showToast({
-        title: `点击了 ${item.name}`,
-        icon: 'none'
-      })
-    }
-  }
+  const firstChild = children[0]
+  const childDisplayValue = firstChild ? firstChild.child_name : ''
 
   return (
     <View className='manage-page'>
@@ -93,50 +213,76 @@ export default function Sleep() {
 
       <View className='user-card'>
         <View className='user-avatar'>
-          <Text className='avatar-img'>{user.avatar}</Text>
+          {parentInfo.avatar_url ? (
+            <Image className='avatar-img' src={parentInfo.avatar_url} mode='aspectFill' />
+          ) : (
+            <Text className='avatar-img'>👤</Text>
+          )}
         </View>
         <View className='user-info'>
-          <Text className='user-name'>{user.name}</Text>
-          <Text className='user-role'>{user.role}</Text>
+          <Text className='user-name'>{parentInfo.nickname || '家长用户'}</Text>
+          <Text className='user-role'>ID: {userId}</Text>
         </View>
-        {user.isVerified && (
-          <View className='verified-badge'>
-            <Text>已实名</Text>
-          </View>
-        )}
       </View>
 
       <View className='menu-card'>
         {menuItems.map((item, index) => (
           <View key={index}>
-            <View className='menu-item' onClick={() => handleMenuClick(item)}>
+            <View 
+              className={`menu-item ${item.disabled ? 'disabled' : ''}`} 
+              onClick={() => handleMenuClick(item)}
+            >
               <View className='menu-left'>
                 <View className={`icon-bg ${item.iconBgClass}`}>
-                  <Image
-                    className='control-icon-img'
-                    src={item.icon}
-                    mode='aspectFit'
-                  />
+                  <Image className='control-icon-img' src={item.icon} mode='aspectFit' />
                 </View>
                 <Text className='menu-name'>{item.name}</Text>
               </View>
               <View className='menu-right'>
-                {item.value && (
-                  <Text className='menu-value'>{item.value}</Text>
+                {item.name.includes('儿童资料') && (
+                  <Text className='menu-value'>{childDisplayValue}</Text>
                 )}
                 {item.arrow && <Text className='arrow'>›</Text>}
               </View>
             </View>
-            {index < menuItems.length - 1 && (
-              <View className='divider'></View>
-            )}
+            {index < menuItems.length - 1 && <View className='divider'></View>}
           </View>
         ))}
       </View>
 
+      <View className='logout-section'>
+        <View className='logout-btn' onClick={handleLogout}>
+          <Text className='logout-text'>退出登录</Text>
+        </View>
+      </View>
+
       <View className='version-info'>
         <Text className='version-text'>伴伴 Companion V1.1.0</Text>
       </View>
+
+      {/* Modal */}
+      {showModal && (
+        <View className='modal-mask'>
+          <View className='modal-content'>
+            <View className='modal-header'>
+              <Text className='modal-title'>{modalType === 'add' ? '添加儿童' : '修改昵称'}</Text>
+            </View>
+            <View className='modal-body'>
+              <Input 
+                className='modal-input'
+                placeholder='请输入儿童昵称'
+                value={childName}
+                onInput={(e) => setChildName(e.detail.value)}
+                focus={true}
+              />
+            </View>
+            <View className='modal-footer'>
+              <Text className='modal-btn cancel' onClick={handleModalCancel}>取消</Text>
+              <Text className='modal-btn confirm' onClick={handleModalConfirm}>确认</Text>
+            </View>
+          </View>
+        </View>
+      )}
     </View>
   )
-}
+}