Flutter直接连接SQL Server插件connect_to_sql_server_directly的使用

发布于 1周前 作者 sinazl 来自 Flutter

Flutter直接连接SQL Server插件 connect_to_sql_server_directly 的使用

描述

connect_to_sql_server_directly 是一个用于在Flutter应用中直接连接到SQL Server数据库的插件。你可以执行SELECT查询来获取表数据作为列表，也可以执行INSERT、DELETE或UPDATE查询来获取状态结果。

安装

Android

  • 无需配置！

示例

示例代码

以下是一个完整的示例代码，展示了如何使用 connect_to_sql_server_directly 插件连接到SQL Server数据库并执行查询。

import 'package:flutter/material.dart';
import 'package:connect_to_sql_server_directly/connect_to_sql_server_directly.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(
    const MaterialApp(
      home: MyApp(),
    ),
  );
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<TestModel> studentsInfoList = [];
  List<TableRow> tableRowsList = [];
  bool isLoading = false;
  final _connectToSqlServerDirectlyPlugin = ConnectToSqlServerDirectly();
  final _nameController = TextEditingController();
  final _weightController = TextEditingController();

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

  void getStudentsTableData() {
    setState(() {
      isLoading = true;
    });
    studentsInfoList.clear();
    _connectToSqlServerDirectlyPlugin
        .initializeConnection(
      // 服务器IP
      '10.192.168.2',
      // 数据库名称
      'testdb',
      // 用户名
      'Username',
      // 密码
      'Password',
      // 实例
      instance: 'node',
    )
        .then((value) {
      if (value) {
        try {
          _connectToSqlServerDirectlyPlugin
              .getRowsOfQueryResult("select * from dbo.testTable")
              .then((value) {
            if (value.runtimeType == String) {
              onError(value.toString());
            } else {
              List<Map<String, dynamic>> tempResult = value.cast<Map<String, dynamic>>();
              for (var element in tempResult) {
                studentsInfoList.add(
                  TestModel(
                    id: element['Id'],
                    name: element['Name'],
                    weight: (element['Weight'] != null)
                        ? element['Weight'].toDouble()
                        : null,
                  ),
                );
              }
              createTableRows();
            }
          });
        } catch (error) {
          onError(error.toString());
        }
      } else {
        onError('Failed to Connect!');
      }
    });
  }

  void onError(String message) {
    setState(() {
      isLoading = false;
    });
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        backgroundColor: Colors.red,
        duration: const Duration(seconds: 6),
        padding: const EdgeInsets.all(8.0),
        content: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Expanded(
              child: Text(
                message,
                style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
              ),
            ),
          ],
        ),
      ),
    );
  }

  void createTableRows() {
    tableRowsList.clear();
    tableRowsList.add(
      const TableRow(
        children: [
          Padding(
            padding: EdgeInsets.all(12.0),
            child: Text(
              'Id',
              textAlign: TextAlign.center,
              style: TextStyle(fontSize: 13, fontWeight: FontWeight.bold, color: Colors.black),
            ),
          ),
          Text(
            'Name',
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 13, fontWeight: FontWeight.bold, color: Colors.black),
          ),
          Text(
            'Weight',
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 13, fontWeight: FontWeight.bold, color: Colors.black),
          ),
        ],
      ),
    );
    for (var element in studentsInfoList) {
      tableRowsList.add(
        TableRow(
          children: [
            Padding(
              padding: const EdgeInsets.all(12.0),
              child: Text(
                element.id.toString(),
                textAlign: TextAlign.center,
                style: const TextStyle(fontSize: 12, color: Colors.black),
              ),
            ),
            Text(
              element.name.toString(),
              textAlign: TextAlign.center,
              style: const TextStyle(fontSize: 12, color: Colors.black),
            ),
            Text(
              (element.weight == null) ? '---' : element.weight.toString(),
              textAlign: TextAlign.center,
              style: const TextStyle(fontSize: 12, color: Colors.black),
            ),
          ],
        ),
      );
    }
    setState(() {
      isLoading = false;
    });
  }

  Future<bool> addRowDataToTable() async {
    bool result = false;
    _connectToSqlServerDirectlyPlugin
        .initializeConnection(
      // 你的服务器IP
      '10.192.168.2',
      // 你的数据库名称
      'testdb',
      // 你的用户名
      'Username',
      // 你的密码
      'Password',
      // 你的实例
      instance: 'node',
    )
        .then((value) {
      if (value) {
        try {
          _connectToSqlServerDirectlyPlugin
              .getStatusOfQueryResult((_weightController.text != '')
                  ? "Insert Into dbo.testTable(Name, Weight) Values('${_nameController.text}', ${double.parse(_weightController.text)})"
                  : "Insert Into dbo.testTable(Name, Weight) Values('${_nameController.text}', NULL)")
              .then((value) {
            if (value.runtimeType == String) {
              onError(value.toString());
            } else {
              result = value;
              if (value) {
                getStudentsTableData();
              }
            }
          });
        } catch (error) {
          onError(error.toString());
        }
      } else {
        onError('Failed to Register!');
      }
    });
    return result;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.black,
        title: const Text('Connect To Sql Server Directly'),
      ),
      floatingActionButton: FloatingActionButton(
        backgroundColor: Colors.black,
        onPressed: () {
          _nameController.clear();
          _weightController.clear();
          final formKey = GlobalKey<FormState>();
          showDialog(
            context: context,
            builder: (BuildContext context) {
              return AlertDialog(
                backgroundColor: Colors.white,
                elevation: 4.0,
                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
                contentPadding: const EdgeInsets.all(16.0),
                insetPadding: const EdgeInsets.symmetric(horizontal: 40),
                content: SizedBox(
                  width: MediaQuery.of(context).size.width - 40,
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Form(
                        key: formKey,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            const Expanded(
                              flex: 1,
                              child: Text(
                                "Name",
                                style: TextStyle(fontSize: 13),
                              ),
                            ),
                            Expanded(
                              flex: 2,
                              child: Container(
                                height: 40,
                                padding: const EdgeInsets.fromLTRB(8, 0, 8, 2),
                                decoration: BoxDecoration(
                                  color: Colors.white,
                                  boxShadow: [
                                    BoxShadow(
                                      color: Colors.blue.withOpacity(0.4),
                                      spreadRadius: 1,
                                      blurRadius: 1,
                                      offset: const Offset(0, 0),
                                    ),
                                  ],
                                  borderRadius: BorderRadius.circular(25),
                                ),
                                child: Center(
                                  child: TextFormField(
                                    validator: (String? value) {
                                      if (value != null && value.trim() == "") {
                                        return "Name can't be empty!";
                                      } else {
                                        return null;
                                      }
                                    },
                                    decoration: const InputDecoration(
                                      border: InputBorder.none,
                                      contentPadding: EdgeInsets.zero,
                                    ),
                                    textDirection: TextDirection.ltr,
                                    textAlign: TextAlign.center,
                                    textInputAction: TextInputAction.done,
                                    controller: _nameController,
                                    style: const TextStyle(fontSize: 13, fontWeight: FontWeight.bold),
                                  ),
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                      const SizedBox(height: 10),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          const Expanded(
                            flex: 1,
                            child: Text(
                              "Weight",
                              style: TextStyle(fontSize: 13),
                            ),
                          ),
                          Expanded(
                            flex: 2,
                            child: Container(
                              height: 40,
                              padding: const EdgeInsets.fromLTRB(8, 0, 8, 2),
                              decoration: BoxDecoration(
                                color: Colors.white,
                                boxShadow: [
                                  BoxShadow(
                                    color: Colors.blue.withOpacity(0.4),
                                    spreadRadius: 1,
                                    blurRadius: 1,
                                    offset: const Offset(0, 0),
                                  ),
                                ],
                                borderRadius: BorderRadius.circular(25),
                              ),
                              child: Center(
                                child: TextFormField(
                                  keyboardType: TextInputType.number,
                                  textInputAction: TextInputAction.done,
                                  controller: _weightController,
                                  inputFormatters: [
                                    FilteringTextInputFormatter.allow(RegExp(r'^[0-9]+(.)?([0-9]+)?$')),
                                  ],
                                  decoration: const InputDecoration(
                                    border: InputBorder.none,
                                    contentPadding: EdgeInsets.zero,
                                  ),
                                  textDirection: TextDirection.ltr,
                                  textAlign: TextAlign.center,
                                  style: const TextStyle(fontSize: 13, fontWeight: FontWeight.bold),
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                      const SizedBox(height: 20),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          InkWell(
                            borderRadius: BorderRadius.circular(15),
                            onTap: () {
                              if (formKey.currentState!.validate()) {
                                Navigator.pop(context);
                                addRowDataToTable();
                              }
                            },
                            child: Container(
                              padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
                              width: MediaQuery.of(context).size.width / 3,
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(15),
                                color: Colors.black,
                              ),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                textDirection: TextDirection.rtl,
                                children: const [
                                  Text(
                                    "Register",
                                    style: TextStyle(fontSize: 16, color: Colors.white),
                                  ),
                                ],
                              ),
                            ),
                          ),
                          InkWell(
                            borderRadius: BorderRadius.circular(15),
                            onTap: () {
                              Navigator.pop(context);
                            },
                            child: Container(
                              padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
                              width: MediaQuery.of(context).size.width / 3,
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(15),
                                color: Colors.grey,
                              ),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                textDirection: TextDirection.rtl,
                                children: const [
                                  Text(
                                    "Cancel",
                                    style: TextStyle(fontSize: 16, color: Colors.white),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
              );
            },
          );
        },
        child: const Icon(Icons.add, color: Colors.white),
      ),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.fromLTRB(12, 20, 12, 0),
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: const [
                    Text(
                      "Students Sample Table",
                      style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.black),
                    ),
                  ],
                ),
              ),
              (!isLoading && studentsInfoList.isNotEmpty)
                  ? Table(
                      border: TableBorder.all(color: Colors.black, width: 1.0, borderRadius: BorderRadius.circular(5)),
                      columnWidths: const {
                        0: FlexColumnWidth(0.3),
                        1: FlexColumnWidth(0.4),
                        2: FlexColumnWidth(0.3)
                      },
                      defaultVerticalAlignment: TableCellVerticalAlignment.middle,
                      children: tableRowsList,
                    )
                  : (isLoading)
                      ? Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: const [CircularProgressIndicator(color: Colors.black)],
                        )
                      : Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: const [Text('This Table is Empty!')],
                        ),
            ],
          ),
        ),
      ),
    );
  }
}

class TestModel {
  final int id;
  final String name;
  final double? weight;

  TestModel({
    required this.id,
    required this.name,
    this.weight,
  });
}

说明

  1. 初始化连接：

    • 使用 initializeConnection 方法初始化与SQL Server的连接。需要提供服务器IP、数据库名称、用户名、密码和实例（可选）。

  2. 执行查询：

    • 使用 getRowsOfQueryResult 方法执行SELECT查询并获取结果。
    • 使用 getStatusOfQueryResult 方法执行INSERT、DELETE或UPDATE查询并获取状态结果。

  3. 显示数据：

    • 将查询结果存储在 studentsInfoList 中，并使用 createTableRows 方法生成表格行。
    • 在UI中使用 Table 组件显示表格数据。

  4. 添加数据：

    • 使用 FloatingActionButton 弹出一个对话框，用户可以输入姓名和体重。
    • 点击 “Register” 按钮时，调用 addRowDataToTable 方法将数据插入数据库并刷新表格。

希望这个示例能帮助你理解如何在Flutter应用中使用 connect_to_sql_server_directly 插件连接到SQL Server数据库。如果有任何问题或需要进一步的帮助，请随时提问！


更多关于Flutter直接连接SQL Server插件connect_to_sql_server_directly的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

Harmonyos Next教程
1 回复

更多关于Flutter直接连接SQL Server插件connect_to_sql_server_directly的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中直接连接到SQL Server并不是常见的做法，因为Flutter是一个跨平台的移动开发框架，而SQL Server是一个服务器端的数据库管理系统。通常，移动应用会通过后端服务（如API）与SQL Server进行交互，而不是直接连接。然而，如果你确实需要直接在Flutter应用中连接SQL Server，可以使用一些插件，如connect_to_sql_server_directly（请注意，这并非一个官方或广泛认可的插件名，但我们可以假设有一个类似的插件或自定义实现）。

由于connect_to_sql_server_directly这个具体名称的插件在Flutter社区中并不常见，我将提供一个使用sqljocky（一个Dart语言的SQL Server客户端库，尽管它主要用于Dart服务器端应用，但可以在Flutter中尝试使用，但需要注意性能和安全性问题）的示例代码。请注意，这只是一个理论上的示例，并不推荐在生产环境中使用。

首先，你需要在pubspec.yaml文件中添加sqljocky的依赖（尽管它可能不是为Flutter设计的，但你可以尝试）：

dependencies:
  flutter:
    sdk: flutter
  sqljocky: ^x.y.z  # 请注意，这里需要替换为实际的版本号，如果可用的话

然后，你可以尝试以下代码来连接SQL Server：

import 'dart:async';
import 'package:sqljocky5/sqljocky.dart';

Future<void> main() async {
  // SQL Server连接配置
  var connection = new Connection('your_server_address', 1433, 'your_database', 'your_username', 'your_password');

  try {
    // 打开连接
    await connection.open();
    print('Connected to SQL Server!');

    // 执行查询
    var result = await connection.query('SELECT * FROM your_table');

    // 处理结果
    result.forEach((row) {
      print('Row: ${row.toMap()}');
    });

    // 关闭连接
    await connection.close();
  } catch (e) {
    print('Failed to connect to SQL Server: $e');
  }
}

重要提示：

  1. 安全性：直接在客户端应用中存储数据库凭据（如用户名和密码）是非常不安全的。这可能导致敏感信息泄露。

  2. 性能：直接从移动应用连接到SQL Server可能会遇到性能问题，特别是当数据库位于远程服务器时。

  3. 网络问题：移动设备的网络连接可能不稳定，这会影响数据库连接的可靠性。

  4. 跨平台兼容性：sqljocky可能不是为Flutter设计的，因此在Flutter应用中可能会遇到兼容性问题。

  5. 更好的做法：建议通过后端服务（如使用Flutter与Node.js、Python、Dart等服务器端框架结合）来与SQL Server进行交互。这样可以提供更好的安全性、性能和可扩展性。

因此，尽管上面的代码提供了一个理论上的示例，但强烈建议采用更安全和可持续的方法来与SQL Server进行交互。

回到顶部