AI导哈

CRUD应用集成MCP协议

一个集成了模型上下文协议（MCP）的CRUD应用，提供前后端开发和AI上下文感知操作的功能。

  • by maksym-podhrushko
  • Vue
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 maksym-podhrushko/crud-mcp

使用说明

CRUD Spring MCP 翻译为中文是：“Spring 框架中的 CRUD MCP（创建、读取、更新、删除 模块/组件/实践等，具体含义需根据上下文确定）”。不过，通常我们直接说“Spring 框架中的 CRUD”就足够了，因为“CRUD”本身已经隐含了“创建、读取、更新、删除”这四个基本操作，而“MCP”在这里可能是一个特定上下文或领域的术语，需要根据具体情境来解释。如果“MCP”没有特定含义，或者上下文不明确，也可以简化为“Spring 框架中的 CRUD 功能”

概述

这个项目是一个简单的CRUD（创建、读取、更新、删除）应用程序，旨在展示如何与模型上下文协议（MCP）集成以实现AI功能。其目标是提供一个现代且可扩展的示例，展示如何将标准的CRUD后端和前端与AI上下文协议服务器连接起来，从而实现高级的上下文感知操作和聊天功能。

_ 开发中：将添加使用 OpenTofu 脚本的 AWS IaaC（基础设施即代码）功能 _

特点/特性

  • 全栈CRUD应用（Java Spring Boot后端，Vue.js前端）
  • 与模型上下文协议（MCP）集成，以实现AI上下文和聊天功能
  • 基于Docker的微服务架构
  • 数据操作的RESTful API
  • 由MCP驱动的示例聊天侧边栏

入门指南

先决条件

  • Docker & Docker Compose
  • Java 21
  • Node.js & npm

设置

  1. 克隆仓库：
    git clone https://github.com/maksym-podhrushko/crud-mcp.git
cd crud-mcp
  2. 构建并启动所有服务：
    docker-compose -f docker-compose.yml up
  3. 访问前端界面于 http://localhost:8080 翻译为中文是：“本地主机：8080 端口”。不过，通常我们不会直接翻译网址，而是直接使用这个网址本身，因为它在中文语境下也是通用的。但为了满足翻译要求，上述就是其含义的翻译

手动开发

  • 后端：见 /backend/demo/ 对于Spring Boot应用程序。使用以下方式运行： ./mvnw spring-boot:run。
  • 前端：见 /frontend/与……一起奔跑 npm install && npm run serve。
  • MCP 服务器/客户端：参见 /mcp-server/ 并且 /mcp-client/ 用于上下文协议集成。

使用方法

通过网页用户界面与CRUD应用程序进行交互。聊天侧边栏展示了使用MCP进行的AI上下文集成。您可以扩展后端和前端以支持更高级的上下文感知功能。

项目结构

  • backend/ Spring Boot CRUD API
  • frontend/ - Vue.js 单页应用（SPA）
  • mcp-server/ - 模型上下文协议服务器
  • mcp-client/ - MCP客户端集成

做出贡献

欢迎投稿！

支持

如需帮助或有任何问题，请在GitHub上提交一个议题。

相关 MCP