From a3cd92c5031179aa9f47f868dc26221f5096c254 Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Mon, 17 Mar 2025 16:33:38 +0800
Subject: [PATCH] refactor: Add mysql function lib

---
 ...function_type_functionlib_icon_and_more.py |  44 +++++++++++++++++-
 pyproject.toml                                |   1 +
 ui/src/assets/fx/mysql/icon.png               | Bin 0 -> 5867 bytes
 ui/src/assets/fx/mysql/index.vue              |  29 ++++++++++++
 4 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 ui/src/assets/fx/mysql/icon.png
 create mode 100644 ui/src/assets/fx/mysql/index.vue

diff --git a/apps/function_lib/migrations/0003_functionlib_function_type_functionlib_icon_and_more.py b/apps/function_lib/migrations/0003_functionlib_function_type_functionlib_icon_and_more.py
index beb5ac3bb..f7e1aa4cc 100644
--- a/apps/function_lib/migrations/0003_functionlib_function_type_functionlib_icon_and_more.py
+++ b/apps/function_lib/migrations/0003_functionlib_function_type_functionlib_icon_and_more.py
@@ -114,7 +114,49 @@ INSERT INTO function_lib (create_time, update_time, id, name, "desc", code, inpu
             cursor.close()
         if conn:
             conn.close()
-', '{"{\"name\": \"query\", \"type\": \"string\", \"source\": \"reference\", \"is_required\": true}"}', 'f0dd8f71-e4ee-11ee-8c84-a8a1595801ab', true, 'PUBLIC', 'INTERNAL', '/src/assets/fx/postgresql/icon.png', '[{"attrs": {"maxlength": 200, "minlength": 1, "show-word-limit": true}, "field": "dbname", "label": "dbname", "required": true, "input_type": "TextInput", "props_info": {"rules": [{"message": "dbname 为必填属性", "required": true}, {"max": 200, "min": 1, "message": "dbname长度在 1 到 200 个字符", "trigger": "blur"}]}, "default_value": "x", "show_default_value": false}, {"attrs": {"maxlength": 200, "minlength": 1, "show-word-limit": true}, "field": "user", "label": "user", "required": true, "input_type": "TextInput", "props_info": {"rules": [{"message": "user 为必填属性", "required": true}, {"max": 200, "min": 1, "message": "user长度在 1 到 200 个字符", "trigger": "blur"}]}, "default_value": "x", "show_default_value": false}, {"attrs": {"type": "password", "maxlength": 200, "minlength": 1, "show-password": true, "show-word-limit": true}, "field": "password", "label": "password", "required": true, "input_type": "PasswordInput", "props_info": {"rules": [{"message": "password 为必填属性", "required": true}, {"max": 200, "min": 1, "message": "password长度在 1 到 200 个字符", "trigger": "blur"}]}, "default_value": "x", "show_default_value": false}, {"attrs": {"maxlength": 200, "minlength": 1, "show-word-limit": true}, "field": "host", "label": "host", "required": true, "input_type": "TextInput", "props_info": {"rules": [{"message": "host 为必填属性", "required": true}, {"max": 200, "min": 1, "message": "host长度在 1 到 200 个字符", "trigger": "blur"}]}, "default_value": "x", "show_default_value": false}, {"attrs": {"maxlength": 20, "minlength": 1, "show-word-limit": true}, "field": "port", "label": "port", "required": true, "input_type": "TextInput", "props_info": {"rules": [{"message": "port 为必填属性", "required": true}, {"max": 20, "min": 1, "message": "port长度在 1 到 20 个字符", "trigger": "blur"}]}, "default_value": "x", "show_default_value": false}]', null, null);
+', '{"{\"name\": \"dbname\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"user\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"password\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"host\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"port\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"query\", \"type\": \"string\", \"source\": \"reference\", \"is_required\": true}"}', 'f0dd8f71-e4ee-11ee-8c84-a8a1595801ab', true, 'PUBLIC', 'INTERNAL', '/src/assets/fx/postgresql/icon.png', '[]', null, null);
+INSERT INTO function_lib (create_time, update_time, id, name, "desc", code, input_field_list, user_id, is_active, permission_type, function_type, icon, init_field_list, init_params, template_id) VALUES ('2025-03-17 08:16:32.626245 +00:00', '2025-03-17 08:16:32.626308 +00:00', '22c21b76-0308-11f0-9694-5618c4394482', 'MySQL 查询', '', e'
+def query_mysql(host,port, user, password, database, sql):
+    import pymysql
+    import json
+    from pymysql.cursors import DictCursor
+
+    try:
+        # 创建连接
+        db = pymysql.connect(
+            host=host,
+            port=int(port),
+            user=user,
+            password=password,
+            database=database,
+            cursorclass=DictCursor  # 使用字典游标
+        )
+
+        # 使用 cursor() 方法创建一个游标对象 cursor
+        cursor = db.cursor()
+
+        # 使用 execute() 方法执行 SQL 查询
+        cursor.execute(sql)
+
+        # 使用 fetchall() 方法获取所有数据
+        data = cursor.fetchall()
+
+        # 处理 bytes 类型的数据
+        for row in data:
+            for key, value in row.items():
+                if isinstance(value, bytes):
+                    row[key] = value.decode(\"utf-8\")  # 转换为字符串
+
+        # 将数据序列化为 JSON
+        json_data = json.dumps(data, ensure_ascii=False)
+        print(json_data)
+        return json_data
+
+        # 关闭数据库连接
+        db.close()
+
+    except Exception as e:
+        print(f"Error while connecting to MySQL: {e}")', '{"{\"name\": \"host\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"port\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"user\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"password\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"database\", \"type\": \"string\", \"source\": \"custom\", \"is_required\": true}","{\"name\": \"sql\", \"type\": \"string\", \"source\": \"reference\", \"is_required\": true}"}', 'f0dd8f71-e4ee-11ee-8c84-a8a1595801ab', true, 'PUBLIC', 'INTERNAL', '/src/assets/fx/mysql/icon.png', '[]', null, null);
 
 '''
 
diff --git a/pyproject.toml b/pyproject.toml
index ef59898c4..863cc3434 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -62,6 +62,7 @@ cffi = "^1.17.1"
 pysilk = "^0.0.1"
 django-db-connection-pool = "^1.2.5"
 opencv-python-headless = "^4.11.0.86"
+pymysql = "^1.1.1"
 [build-system]
 requires = ["poetry-core"]
 build-backend = "poetry.core.masonry.api"
diff --git a/ui/src/assets/fx/mysql/icon.png b/ui/src/assets/fx/mysql/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..90cb9a9020f06eb095df980a84450136e52a0fcf
GIT binary patch
literal 5867
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
Bd)xp3

literal 0
HcmV?d00001

diff --git a/ui/src/assets/fx/mysql/index.vue b/ui/src/assets/fx/mysql/index.vue
new file mode 100644
index 000000000..c03b178d7
--- /dev/null
+++ b/ui/src/assets/fx/mysql/index.vue
@@ -0,0 +1,29 @@
+<template>
+  <el-drawer v-model="visible" size="40%" :append-to-body="true">
+    <template #header>
+      <div class="flex align-center" style="margin-left: -8px">
+        <el-button class="cursor mr-4" link @click.prevent="visible = false">
+          <el-icon :size="20">
+            <Back />
+          </el-icon>
+        </el-button>
+        <h4>详情</h4>
+      </div>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { t } from '@/locales'
+
+const visible = ref(false)
+
+const open = (data: any) => {
+  visible.value = true
+}
+
+defineExpose({
+  open
+})
+</script>
\ No newline at end of file