利用Cursor Opus4.6快速生成一个Python项目 - Flask2+Vue3+Vite的学生信息管理系统

0 阅读1分钟

大家好,我是锋哥。最近连载更新《Cursor+Claude AI编程 快速上手教程》技术专题。

QQ截图20260209210453.jpg 本课程主要讲解Cursor简介,Cursor下载安装,Cursor生成helloWorld网页,Cursor会话里的Cursor会话里的Agent,Plan,Debug,Ask区别以及使用,Cursor常用模型介绍,Cursor模型会话上下文介绍,以及最后利用Cursor Opus4.6快速生成一个Java项目 -SpringBoot4+Vue3的学生信息管理系统,利用Cursor Opus4.6快速生成一个Python项目 - Flask2+Vue3的学生信息管理系统。这个作为Cursor入门介绍和简单实战,让大家一天时间快速上手Cursor AI编程。后面我们将会发布高级的Cursor AI编程实战,会讲道一些实用的高级技巧。《Cursor+Claude AI编程 快速上手教程 视频教程》

我们开发一个Python学生信息管理系统,开发工具PyCharm。后端用Flask,前端Vue,node版本24。

开发思路

我们开发思路是自己PyCharm里先新建Flask项目和Vue项目。然后再让cursor提需求,让agent实现代码。

我们说下大概的需求,生成一个简单学生信息管理系统,前端用vue,后端用Flask,数据库mysql5.7;有三个模块,用户登录,学生信息管理,班级信息管理。生成对应的sql脚本,以及模拟测试数据。以及用户密码不需要加密。

nodejs.org/en/download 下载 v24版本

npm create vite@latest

首先新建Flask后端Python项目:

image.png

点击 Create 创建项目:

image.png

接下来我们创建前端Vue项目,用vite构建:

进入命令行,输入:npm create vite@latest

image.png

选择 Vue,JavaScript,即可创建好Vue项目:

image.png

接下来,我们用cursor导入项目:

image.png

然后右侧,选择Agent,输入:生成一个简单学生信息管理系统,前端用vue,后端用Flask,数据库mysql5.7;有三个模块,用户登录,学生信息管理,班级信息管理。生成对应的sql脚本,以及模拟测试数据。以及用户密码不需要加密。

直接生成计划,直接执行。

image.png

第一步:先建数据库,再执行sql脚本:

image.png

第二步,看下后端flask项目是否正常:

image.png

第三步:查看前端Vue项目是否正常,输入命令 npm run dev

image.png

最后测试下项目:

image.png

image.png

image.png

image.png