当前位置： 首页 > wzjs >正文

html5高端酒水饮料企业网站模版wordpress 继续阅读

wzjs 2025/9/19 13:42:40
html5高端酒水饮料企业网站模版,wordpress 继续阅读,北京网站建设亿玛酷出名5,学校建设评建工作网站文章目录 1. 任务需求2. 环境准备2.1 Cursor安装2.2 Node.js安装2.3 DeepSeek模型Key申请2.4 高德地图Key申请 3. MCP服务配置3.1 Cursor配置Server方式3.1.1全局设置3.1.2 项目级别设置 3.2 MCP服务接入3.2.1 高德地图MCP服务3.2.2 Mysql MCP服务3.2.3 FileSystem MCP服务3.2.…

文章目录

  • 1. 任务需求
  • 2. 环境准备
    • 2.1 Cursor安装
    • 2.2 Node.js安装
    • 2.3 DeepSeek模型Key申请
    • 2.4 高德地图Key申请
  • 3. MCP服务配置
    • 3.1 Cursor配置Server方式
      • 3.1.1全局设置
      • 3.1.2 项目级别设置
    • 3.2 MCP服务接入
      • 3.2.1 高德地图MCP服务
      • 3.2.2 Mysql MCP服务
      • 3.2.3 FileSystem MCP服务
      • 3.2.4 验证可用
  • 4. 运行结果

1. 任务需求

Manus的爆火，把MCP协议又往前推了一步，本文将使用Cursor客户端，配置DeepSeek V3大模型，通过调用MCP服务，实现任务的自动化执行，任务如下。

现在交给你一个任务，编写一个北京一日游的出行攻略

  • 从高德地图的MCP服务中获取北京站到天安门、天安门到颐和园、颐和园到南锣鼓巷的地铁线路，并保存在数据库mcp_test的表subway_trips中。
  • 从高德地图的MCP中获取颐和园、南锣鼓巷附件的美食信息，每处获取三家美食店铺信息，并将相应的信息存入表location_foods中。
  • 在工作目录E:\mcp，命名为“北京旅行”在其中创建两个txt，分别从数据库中将两个表的内容提取出存放进去。
  • 最后根据txt中的内容，生成一个精美的html前端展示页面，并存放在该目录下。

从任务描述中可以看到，需要调用到的MCP服务如下：

  • 高德地图的MCP服务

  • Myqsl的MCP服务

  • 文件读写的MCP服务

2. 环境准备

2.1 Cursor安装

Cursor内置聊天功能、代码补全和调试工具（MCP Client）。通过MCP，Cursor可以与各种外部工具和服务进行交互，例如数据库、文件系统、浏览器等，从而使AI助手具备更强的环境感知和操作能力。

Cursor中国区官网：https://www.cursor.com/cn

当下载好Cursor后，经过简单注册后即可使用，免费试用14天。安装注册完后，设置Cursor的编辑模式。
在这里插入图片描述
对话模式和对应的大模型选择Agent和DeepSeek V3。

Cursor 编辑器提供三种对话模式：Ask、Agent 和 Manual，每种模式适用于不同的开发需求。

  • Ask 模式： 此模式主要用于探索和了解代码库，而不会对代码进行任何修改。开发者可以在该模式下向 AI 提问，获取关于代码的解释、功能说明或建议。该模式是“只读”的，不会主动更改代码。

  • Agent 模式： 这是 Cursor 中最为自主的模式，设计用于处理复杂的编码任务，具有全面的工具访问权限。在该模式下，Agent 可以自主探索代码库、读取文档、浏览网页、编辑文件，并运行终端命令， 以高效完成任务。例如，开发者可以指示 Agent 添加新功能或重构代码，Agent 将自动执行相关操作。

  • Manual 模式： 此模式允许开发者手动控制 AI 对代码的修改。开发者可以选择特定的代码片段，描述希望进行的更改，AI 将根据描述提供修改建议，开发者可以选择是否应用这些更改。该模式适用于需要精确控制代码修改的场景。

2.2 Node.js安装

在使用MCP时，是否需要安装Node.js 取决于所选择的MCP服务器的实现方式，而不同的 MCP 服务器可以使用多种编程语言实现，包括但不限于Node.js、Python 和Java。

目前，许多开发者选择使用 Node.js 来实现 MCP 服务器，主要因为其拥有丰富的包管理生态系统（如 npm），以及在处理异步操作和 I/O 密集型任务方面的高效性。

Node.js下载的官网：https://nodejs.org/zh-cn，安装步骤略，自行搜索。
在这里插入图片描述

2.3 DeepSeek模型Key申请

DeepSeek模型Key申请地址：https://www.deepseek.com/
在这里插入图片描述
在这里插入图片描述
Cursor 配置 DeepSeek模型的Key
在这里插入图片描述

2.4 高德地图Key申请

高德地图的Key申请：https://console.amap.com/，按照提示注册，需要实名认证
步骤1：创建应用
在这里插入图片描述
步骤2：创建Key
在这里插入图片描述
在这里插入图片描述

步骤3：复制Key
在这里插入图片描述

3. MCP服务配置

3.1 Cursor配置Server方式

在 Cursor 中添加 MCP Server 有两种配置方式：

  • 全局设置：通过 Cursor Settings -> MCP -> Add MCP server 添加全局可用的 MCP 服务。
  • 项目级别：在项目目录中的.cursor目录中新建 mcp.json 文件进行配置，仅对特定项目生效。

推荐使用项目级别配置，因为全局模式会在所有项目中生效，可能在某些情况下影响 Cursor Agent 的输出质量。

3.1.1全局设置

在这里插入图片描述

3.1.2 项目级别设置

  • 在项目根目录创建 .cursor 文件夹（如果不存在）

  • 在该文件夹中创建 mcp.json 文件

3.2 MCP服务接入

目前互联网上有许多MCP服务管理平台，例如：

github查看：

  • MCP官方资源：https://github.com/modelcontextprotocol/servers
  • MCP热门资源：https://github.com/punkpeye/awesome-mcp-servers

其它平台：

  • Glama：https://glama.ai/mcp/servers
  • Smithery：https://smithery.ai
  • Cursor：https://cursor.directory
  • MCP.so：https://mcp.so/zh
  • 阿里云百炼：https://bailian.console.aliyun.com/?tab=mcp#/mcp-market

但在使用过程中发现，一个平台很难管理所有的MCP服务，而且有的平台一个MCP服务会有很多个版本，每个人都可以上传，有的MCP服务缺少教程和文档，很多的代码功能也有问题，在使用过程中要自己排查问题。

3.2.1 高德地图MCP服务

高德地图的MCP Server从MCP.so（https://mcp.so/zh）平台获取。
在这里插入图片描述
在这里插入图片描述

"amap-maps": {"command": "npx","args": ["-y","@amap/amap-maps-mcp-server"],"env": {"AMAP_MAPS_API_KEY": "申请的Key"}
},

3.2.2 Mysql MCP服务

Mysql MCP Server从smithery（https://smithery.ai）平台获取。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
本文从smithery网站处粘过来，但不能用，需要找到github链接，从github上粘贴：
在这里插入图片描述
在这里插入图片描述

"mysql": {"type": "stdio","command": "uvx","args": ["--from","mysql-mcp-server","mysql_mcp_server"],"env": {"MYSQL_HOST": "127.0.0.1", // 配置数据库信息"MYSQL_PORT": "3306","MYSQL_USER": "root","MYSQL_PASSWORD": "123456","MYSQL_DATABASE": "mcp_test"}
}

3.2.3 FileSystem MCP服务

FileSystem MCP Server从MCP github（https://github.com/modelcontextprotocol）网站获取。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

"filesystem": {"command": "cmd","args": ["/c","npx","-y","@modelcontextprotocol/server-filesystem","e:/mcp","e:/test"]
}

3.2.4 验证可用

完整配置：

{"mcpServers": {"mysql": {"type": "stdio","command": "uvx","args": ["--from","mysql-mcp-server","mysql_mcp_server"],"env": {"MYSQL_HOST": "127.0.0.1","MYSQL_PORT": "3306","MYSQL_USER": "root","MYSQL_PASSWORD": "123456","MYSQL_DATABASE": "mcp_test"}},"amap-maps": {"command": "npx","args": ["-y","@amap/amap-maps-mcp-server"],"env": {"AMAP_MAPS_API_KEY": "57948a87dd9597eef5d18f7abcced17b"}},"filesystem": {"command": "cmd","args": ["/c","npx","-y","@modelcontextprotocol/server-filesystem","e:/mcp","e:/test"]}}
}

每一段的作用是：

  • 接入高德地图官方MCP，允许获取地图信息，包括地铁线路、商铺信息、位置距离、坐标转换等一系列功能
  • 接入MySQL，允许进行MySQL中库和表的增删改查，对表内容的增删改查
  • 接入文件系统，允许Cursor进行文件的增删改查

完成配置后，需要确认MCP服务已正确启用：

  • 在 Cursor 中打开 Settings -> MCP

  • 检查你配置的 MCP Server 是否在列表中显示，并确认 有绿点且状态为 Enabled

配置完MCP Server以后，检查如下：
在这里插入图片描述

4. 运行结果

在Cursor的聊天框中输入任务描述并提交，会看到下图的执行过程。

现在交给你一个任务，编写一个北京一日游的出行攻略

  • 从高德地图的MCP服务中获取北京站到天安门、天安门到颐和园、颐和园到南锣鼓巷的地铁线路，并保存在数据库mcp_test的表subway_trips中。
  • 从高德地图的MCP中获取颐和园、南锣鼓巷附件的美食信息，每处获取三家美食店铺信息，并将相应的信息存入表location_foods中。
  • 在工作目录E:\mcp，命名为“北京旅行”在其中创建两个txt，分别从数据库中将两个表的内容提取出存放进去。
  • 最后根据txt中的内容，生成一个精美的html前端展示页面，并存放在该目录下。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在E:\mcp目录下生成制定文件

在这里插入图片描述
文件预览
在这里插入图片描述

打开数据库，已经生成对应的表和字段
在这里插入图片描述
在这里插入图片描述

注：

  • 在运行过程中，可能由于模型的上下文长度限制，执行会中断，需要不断手动输入“继续执行”，直到模型输入最后结果。
  • 不同模型的执行结果会不同。
  • Mysql数据库需要自己建好，但表和表结构不需要。
  • 文件输出到指定目录，路径需要大写。
http://www.dtcms.com/wzjs/792415.html

相关文章：

  • 网站后台有些不显示宁波建设局网站
  • 白名单 网站郴州网课
  • 免费建设网站制作实木复合门网站建设价格
  • 关于网站建设的讲话php做网站架构图
  • 三水网站开发建设工程合同通用条款范本2017
  • 在百度上怎么做网站金华市建设监理协会网站
  • linux 国外网站seo大神做的网站
  • 网站开发毕设文档wordpress改密码
  • 沈阳企业免费建站能免费建手机网站吗
  • 网站建设流程笔记企业站系统
  • 大连市建设工程老网站怎么用flashfxp上传网站
  • 医院网站制作公司杭州的网站建设公司
  • 东莞市网站建设怎么样广西网站建设介绍
  • 保定市城市规划建设局网站郴州刚刚发生的事
  • 网站设计公司 南京大型外包公司有哪些
  • 如何向百度提交网站地图proxy网页在线代理
  • 建立网站目录结构时应注意哪几个方面?生成静态网站
  • 可信网站可信站点福州网站建设的公司哪家好
  • 网站友链好的设计作品网站
  • 乐从容桂网站建设拥有域名后怎么搭建网站
  • 做企业网站的广告词邯郸封控最新消息
  • 做优化网站怎么优化代码wordpress 传值
  • 最容易被收录的网站深圳网络推广代运营
  • 佛山网站建设推荐wordpress 汉化 主题
  • 做网站要领郑州网站外包哪家好
  • 贵阳网站建设服务wordpress 首页不显示文章
  • 网站建设中颜色的感染力培训机构软件开发
  • 网站页面设计说明怎么写ios微信上的pdf乱码
  • 计算机网站建设策划书深圳企业馆设计公司
  • 网站建设乚金手指花总15西安营销网站