数据库查询工具

一个基于FastAPI和React的数据库查询工具,支持通过前端界面发送SQL查询并显示结果。

  • by abhishek-iiit
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 abhishek-iiit/mcp-demo-flow

使用说明

MCP集成项目

后端

  • FastAPI服务器在 backend/
  • 终端点:
    • /query (POST): 向DBHub MCP服务器发送SQL查询
  • 用途 .env 用于DBHub MCP配置(DSN、传输等)

前端

  • React 应用程序在 frontend/
  • 用于发送SQL查询和显示结果的用户界面

安装说明

后端

  1. 创造 .venv (已经设置好)
  2. 安装依赖项(已安装)
  3. 在(某个地方/某个程序中)设置环境变量 backend/.env:
    • DBHUB_DSN (Postgres 数据源名称)
    • DBHUB_TRANSPORT (默认:stdio)
    • DBHUB_BIN (默认:npx)
    • DBHUB_PKG (默认:@bytebase/dbhub)
  4. 运行服务器:
    /Users/abhishekjaiswal/Desktop/self/mcp-integration/.venv/bin/python -m uvicorn backend.main:app --reload
    

前端

  1. 安装依赖项:
    cd frontend
    npm install
    
  2. 启动前端:
    npm start
    

使用方法

  • 打开 http://localhost:3000
  • 输入SQL查询并查看结果

注: 确保已安装Node.js和NPX以进行MCP服务器集成。所有配置均由环境变量驱动 backend/.env。