Flutter技术求助：无法按ID更新数据库数据且TextFormField不显示旧值

一、TextFormField无法填充旧值 #

你当前仅通过Text组件展示了旧数据，但未将数据赋值给TextFormField的控制器，导致输入框为空。可通过以下两种方式修复：

方式1：在Future完成后给控制器赋值 #

修改initState代码，在获取数据成功后直接为各控制器设置初始值：

late Future<DataDetails> _futureData;
// 初始化控制器
final _cardnameController = TextEditingController();
final _nameController = TextEditingController();
final _roleController = TextEditingController();
final _companyController = TextEditingController();
final _addressController = TextEditingController();
final _phoneController = TextEditingController();
final _emailController = TextEditingController();
// 保存用户ID用于更新操作
late String _userId;

@override
void initState() {
  super.initState();
  _futureData = getDataa().then((data) {
    // 为控制器赋值旧数据
    _cardnameController.text = data.cardName;
    _nameController.text = data.name;
    _roleController.text = data.designation;
    _companyController.text = data.company;
    _addressController.text = data.address;
    _emailController.text = data.email;
    _phoneController.text = data.phone;
    // 存储用户ID
    _userId = data.id;
    return data;
  });
}

方式2：在FutureBuilder中赋值（避免重复覆盖） #

若要在FutureBuilder内处理，需添加判断逻辑，防止每次build重置用户输入内容：

FutureBuilder(
  future: _futureData,
  builder: (context, snapshot) {
    if (snapshot.connectionState == ConnectionState.done) {
      if (snapshot.hasData) {
        // 仅当控制器为空时赋值，避免覆盖用户输入
        if (_cardnameController.text.isEmpty) {
          _cardnameController.text = snapshot.data!.cardName;
          _nameController.text = snapshot.data!.name;
          _roleController.text = snapshot.data!.designation;
          // 其他控制器同理
        }
        return Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            // 你的组件代码
          ],
        );
      }
    }
    // 加载状态占位组件
    return const CircularProgressIndicator();
  },
)

二、更新操作失败 #

更新失败存在几个核心问题，逐一修正即可：

1. 参数顺序错误 #

updateData的参数顺序为cardName, name, designation, company, address, email, phone，但你调用时颠倒了email和phone的位置，导致后端接收参数错误。修正调用顺序：

_futureData = updateData(
  _userId,
  _cardnameController.text,
  _nameController.text,
  _roleController.text,
  _companyController.text,
  _addressController.text,
  _emailController.text,  // 对应updateData的email参数
  _phoneController.text,   // 对应updateData的phone参数
);

2. 用户ID未正确传递 #

updateData中'id': '$id'的id变量未定义，后端无法定位要更新的用户。需先修改updateData方法添加id参数，再传入保存的用户ID：

// 修改updateData方法
Future<DataDetails> updateData(
  String id, // 新增id参数
  String cardName,
  String name,
  String designation,
  String company,
  String address,
  String email,
  String phone,
) async {
  var edata = {
    "id": id, // 使用传入的合法ID
    "cardName": cardName,
    "name": name,
    "designation": designation,
    "company": company,
    "address": address,
    "email": email,
    "phone": phone,
  };
  var ebody = jsonEncode(edata);
  final response = await http.put(
    Uri.parse('put url'),
    body: ebody,
    headers: {
      'Content-Type': 'application/json', // 改用标准JSON头
    }
  );
  if (response.statusCode == 200) {  
    return DataDetails.fromJson(jsonDecode(response.body));
  } else {
    throw Exception('更新失败：${response.statusCode} ${response.body}');
  }
}

3. 请求头适配后端要求 #

你使用的application/json-patch+json是JSON Patch专用格式，若后端仅支持普通PUT更新，建议改用标准JSON请求头application/json。

4. 添加错误捕获排查问题 #

在更新按钮点击事件中加入try-catch，打印并展示错误信息，便于定位后端返回的具体问题：

ElevatedButton(
  onPressed: () async {
    try {
      setState(() {
        _futureData = updateData(
          _userId,
          _cardnameController.text,
          _nameController.text,
          _roleController.text,
          _companyController.text,
          _addressController.text,
          _emailController.text,
          _phoneController.text,
        );
      });
      await _futureData;
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('更新成功')),
      );
    } catch (e) {
      print('更新错误详情：$e');
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('更新失败：$e')),
      );
    }
  },
  child: const Text('Update'),
)

内容的提问来源于stack exchange，提问作者Nihar