假如我有一个cursor,python+mcp+mysql+vue3 实现全栈开发demo

420 阅读5分钟

如果我有一个cursor,我会变成一个全栈,作为一个程序员全栈开发是一个分水岭,但是作为10+的前端来说学习后端语言多少还是吃力的,同时后端语言也是种类多多,go/java/python等等,还好现在有了ai,让我这种小白也重新唤起了希望,话不多说搞起来!~

重点!!! 全程语言式编程没有手写一行代码!!!

项目架构:vue3+python+mysql+mcp 

先看效果PC

python

mysql

mcp

需要环境node(大于18)、python、mysql,编辑器:cursor,现在就创建一个项目,项目就是一个简单的nba球队与人员的信息页面,

第一步:创建两个文件夹 c_server(服务端) c_web(前端)

mysql

创建数据库,给数据库增加数据。使用python当做服务端,来处理数据库连接,接口访问,数据库mysql,连接本地数据库,使用cursor MCP(modelcontextprotocol.io/introductio…)能力进行连接本地数据库

MCP库:

1,https://smithery.ai/

2,https://mcpmarket.com/

3,https://bailian.console.aliyun.com/?spm=5176.29619931.J__Z58Z6CX7MY__Ll8p1ZOR.1.66a3521cD9yYD3&tab=mcp#/mcp-market

在众多库选一个自己中意的,完成后效果是这样的

这就可以了

提示词:``我是一个新手,不了解数据库,但是我本地想创建一个数据库,数据库名称叫nbainfo,里面有两张表,第一个表是nba球队表,存放当前所有球队,球队表包含,1,球队名称,2,球队所在城市,3,球队创建时间,4,球队夺冠次数,另一张表是球员表,球员表是2025年当前现役nb所有球员, 球员表包含,球员姓名,球员年龄,所在球队(要和球队表进行关联),球员所在城市,这个我要交给 cursor的mcp-mysql 明确请开始编写

当然咱这提示词小学二年级水平,还好cursor的claude 识别中文还比较友好。

好了创建成功,去搞下一步去,找数据!!!
a:从哪来?

b:上网找

a:怎么找

b:问cursor

a:用哪个?怎么办? b:问cursor

然后就

数是创建成功了 康一下

有数据!!!牛 ,继续搞

python

数据库有数据了那就可以写后端了(cursor写),简单点就是两个接口一个球员的一个球队的,后续再说对球员/球队的增删改,现在一个查就行要求不高!哈哈哈

只能说,理解力还是真的不错

好了生成完成之后虽然可能不是很懂但是有个大聪明 写了一句“每行都要有注释”。真心救命啊写完了run一下, 战狼里说的:“行不行搞一下不就知道啦”

可喜可贺,我一个后端小白写出了第一个接口demo(ps:cursor写的),接着就是我的主场了

vue3

剩下就是简单的生成一个vue3+el-p+vite+router+axios 项目

然后就是调整字段类型

最终实现的结果

只能说不要太好用!!! 

解语:我是一个喜欢搞点东西的小白(shikexin),单纯分享给大家,希望对大家学习之路有所帮助,希望可以认识一些志同道合小伙伴共同学习!~

邮箱:shikexin0116@163.com
企鹅:544254435(有爱好者可以一起探讨学习)

注:未经明确许可,禁止以任何形式复制、售卖、商用或修改本文内容。