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

如何做阿里巴巴企业网站鲜花网站建设方案

如何做阿里巴巴企业网站,鲜花网站建设方案,北京东直门+网站建设,郑州七彩网站建设公司 交通1、Cursor介绍 Cursor是一个功能强大的开发工具,内置了聊天助手、代码自动补全和调试工具,能够与多种外部工具和服务(如数据库、文件系统、浏览器等)进行深度集成。借助MCP(Multiverse Communication Protocol&#x…

1、Cursor介绍

Cursor是一个功能强大的开发工具,内置了聊天助手、代码自动补全和调试工具,能够与多种外部工具和服务(如数据库、文件系统、浏览器等)进行深度集成。借助MCP(Multiverse Communication Protocol),开发者可以直接通过自然语言指令,让Cursor与这些工具交互。

举个例子,开发者可以在Cursor内用自然语言指令让AI助手查询数据库数据、调用浏览器进行网页搜索,甚至控制Blender等软件进行3D建模操作。这种无缝集成大大提升了开发效率,让开发者在一个工具内就能完成通常需要在多个不同工具之间切换的任务,从而提高工作流的连贯性和效率。

2、使用MCP详解

步骤1:下载与安装Cursor

首先,访问Cursor的中国区官网:https://www.cursor.com/cn,下载适合你操作系统的版本。

下载完成后,进行简单的注册,便可以顺利开始使用Cursor了。


步骤2:设置Cursor编辑模式

在这里插入图片描述

接着,选择对话模式和对应的大模型:

在这里插入图片描述

Cursor 编辑器提供了三种不同的对话模式,每种模式都能针对不同的开发需求提供帮助。

  1. Ask 模式:
    这个模式主要用于帮助开发者了解和探索代码库。在该模式下,开发者可以向 AI 提问,获取代码的解释、功能说明或优化建议。需要注意的是,Ask模式是“只读”模式,AI不会对代码进行任何修改。
  2. Agent 模式:
    这是 Cursor 中功能最强大的模式,适用于处理复杂的编码任务。在此模式下,AI(Agent)具有全面的工具权限,可以自主探索代码库、阅读文档、浏览网页、编辑文件,甚至运行终端命令。开发者可以让Agent执行任务,如添加新功能或重构代码,Agent 会自动完成相关操作。
  3. Manual 模式:
    该模式允许开发者完全控制 AI 对代码的修改。在 Manual 模式下,开发者可以指定要修改的代码片段,描述需要进行的更改,AI 会根据这些描述提供修改建议,开发者可以选择是否应用这些更改。这个模式非常适合需要精确控制代码修改的场景。

此外,Cursor 默认使用 Claude 3.5 大模型,提供强大的语言理解和生成能力,帮助开发者高效完成任务。


步骤3:使用 Node.js 实现 MCP 服务器

如果你已经完成了前面的安装步骤,可以跳过此步骤。

在使用 Model Context Protocol(MCP)时,是否需要安装 Node.js,取决于你选择的 MCP 服务器实现方式。不同的 MCP 服务器可以采用多种编程语言来实现,比如 Node.js、Python 或 Java。

不过,许多开发者更倾向于使用 Node.js 来实现 MCP 服务器,因为它拥有强大的包管理系统(例如 npm),同时在处理异步操作和 I/O 密集型任务时表现出色。

对于 macOS 用户,可以通过以下命令轻松安装 Node.js:

brew install node

测试:

在这里插入图片描述


步骤4:案例需求

在这个步骤中,我们将使用 MCP 工具来完成一项任务:编写一个宁夏一日游的出行攻略

1、从高德地图的MCP服务中获取
银川站到西夏王陵、西夏王陵到贺兰山、贺兰山到宁夏博物馆之间的交通线路,并保存在数据库ningxia_trip的表traffic_trips中
2、从高德地图的MCP中获取西夏王陵、贺兰山、宁夏博物馆附近的美食信息,每处获取三家美食店铺信息,并将相应的信息存入表location_foods中
3、在 MCP_TEST
工作目录下创建一个新的文件夹,命名为“塞上江南旅行”在其中创建两个txt,分别从数据库中将两个表的内容提取出存放进去。
4、最后根据txt中的内容,生成一个精美的html前端展示页面,并存放在该目录下。


步骤5:在 Cursor 中添加 MCP 服务器

在 Cursor 中,添加 MCP 服务器有两种配置方式:

  1. 全局设置
    通过 Cursor Settings -> MCP -> Add new global MCP server,可以将 MCP 服务添加为全局可用。这意味着你配置的 MCP 服务将在所有项目中生效。
    在这里插入图片描述
    在这里插入图片描述

  2. 项目级别设置
    在项目的 .cursor 目录下,新建一个 mcp.json 文件进行配置,这样的设置只会对特定项目生效。

建议使用项目级别配置,因为全局配置会在所有项目中生效,可能会影响到 Cursor Agent 的输出质量,特别是在不同项目的需求不一致的情况下。


步骤6:选择 MCP Server 的平台

对于 MySQL 服务,你可以选择一个适合的平台来托管你的 MCP 服务器。

mysql服务

选择平台:https://smithery.ai/

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

注意:这里首先得存在一个Mysql账号的,没有的话可以去下载一个Docker Desktop,然后拉取mysql的镜像。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这种方法可能粘过来,不好使,需要找到github链接,从github上粘贴:

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

高德地图服务

高德地图的 MCP Server 需要通过 MCP.so 平台获取。

在这里插入图片描述

在这里插入图片描述

申请高德地图的API:https://console.amap.com/

申请过程如下:

打开上述网址,按照提示注册(可能需要实名认证)

步骤1:创建应用

在这里插入图片描述
在这里插入图片描述

步骤2:创建API Key

在这里插入图片描述

名称符合规范,提交即可!

在这里插入图片描述

步骤3:复制此处的API Key即可

在这里插入图片描述
在这里插入图片描述

filesystem服务

在这里插入图片描述

在这里插入图片描述

下面是我cursor中配置的MCP Server。咱们来对一下哈:

{"mcpServers": {"mysql": {"type": "stdio","command": "uvx","args": ["--from","mysql-mcp-server","mysql_mcp_server"],"env": {"MYSQL_HOST": "localhost","MYSQL_PORT": "13306","MYSQL_USER": "root","MYSQL_PASSWORD": "xxxxxx","MYSQL_DATABASE": "ningxia_trip"}},"amap-maps": {"command": "npx","args": ["-y","@amap/amap-maps-mcp-server"],"env": {"AMAP_MAPS_API_KEY": "xxxxxx"}},"fs": {"command": "npx","args": ["-y","@smithery/cli@latest","run","@bunasQ/fs","--key","xxxxxxxxxxxxxxxxxxxxxxxx"]}}
}

每一段的作用如下:

  1. 接入 MySQL 数据库
    通过接入 MySQL,开发者可以执行数据库操作,如增删改查(CRUD)功能,对数据库中的表和记录进行管理。
  2. 接入高德地图官方 MCP
    通过接入高德地图的 MCP,开发者可以访问地图相关的信息,包括地铁线路、商铺数据、位置距离计算、坐标转换等多种功能。
  3. 接入文件系统
    允许 Cursor 进行文件操作,包括文件的增、删、改、查等基本操作,使得开发者能够便捷地管理和操作文件系统中的内容。

步骤7:验证是否生效

完成配置后,需确认 MCP 服务是否已正确启用:

在 Cursor 中,打开 Settings -> MCP 选项。检查你所配置的 MCP 服务器是否出现在列表中,并确保旁边有一个绿色的圆点,且状态显示为 “Enabled”。

配置好几个MCP Server以后:
在这里插入图片描述

步骤8:功能测试

接下来,我们将使用 Cursor 进行 MCP 功能的测试。

1、从高德地图的MCP服务中获取
银川站到西夏王陵、西夏王陵到贺兰山、贺兰山到宁夏博物馆之间的交通线路,并保存在数据库ningxia_trip的表traffic_trips中
2、从高德地图的MCP中获取西夏王陵、贺兰山、宁夏博物馆附近的美食信息,每处获取三家美食店铺信息,并将相应的信息存入表location_foods中
3、在 MCP_TEST工作目录下创建一个新的文件夹,命名为“塞上江南旅行”在其中创建两个txt,分别从数据库中将两个表的内容提取出存放进去。
4、最后根据txt中的内容,生成一个精美的html前端展示页面,并存放在该目录下。

首先,系统会逐步展示任务要求,并按照每一步的提示进行操作。

在这里插入图片描述

用户只需同意每一步的操作,最终即可完成所有测试任务。

在这里插入图片描述
在这里插入图片描述

以下是测试完成后的最终展示结果。

在这里插入图片描述
在这里插入图片描述

可以看到数据库里已经存在数据哩!

在这里插入图片描述

注意:使用的模型不同,所以最终的效果也不尽相同

http://www.dtcms.com/wzjs/556657.html

相关文章:

  • 单页网站修改网页制作个人简历网页的步骤
  • 定陶网站建设网站屏蔽右键
  • 国外js网站wordpress 友情链接页
  • 牛网站wordpress 幻灯片手机端字体
  • 网站打不开的解决方法网络教育网站如何做营销推广
  • 网站建设主要包括哪些南通住房和城乡建设部网站首页
  • 注册公司在哪个网站系统免费推广的平台
  • icp网站备案查询无锡网站搜索引擎优化
  • 十堰网站整站优化公司给网站网站做代理
  • 做网站需要什么费用wordpress有什么好玩的插件
  • wordpress建站简单吗网站建设规范
  • 网站建设需求调研问卷洛阳建设银行官方网站
  • 有什么自学网站建设的网站we建站
  • 有自媒体谁还做网站网站程序前台
  • 品牌网站制作流程图珠海企业网站制作费用
  • 简单网站建设视频wordpress注册页面美化
  • 威海市建设局官方网站软件页面设计用哪个软件比较好
  • 商业网站 模板中国电子加工网
  • 企业网站建设与网络营销的关系wordpress添加目录
  • 电商培训网站北京微信公众号定制开发
  • 单位建设网站的作用意义浏览器入口
  • c语言程序设计网站受欢迎的大连网站建设
  • 电子商务网站建设需要做好哪些准备6中国it企业排行榜
  • 万户做网站怎么样卖域名的公司 骗做网站
  • 网站建设公司(深圳信科)双语网站建设定制开发
  • 山西省住房和城乡建设厅门户网官方网站软件开发用什么软件编程
  • 赣州市经开区住房和建设局网站三国网页游戏排行榜
  • 美术网站建设网络服务怎么写
  • 营销型网站功能模块朝阳seo建站
  • 安阳建设局网站快速建站软件排名