Comate 分饰多角:全栈开发一个 Python 学习网站

*作者:Python 私教
“人生苦短,我用 Python。十年老 Python 程序员,感谢 Comate 让我升级成了全栈工程师。”
——作者
今天,我将使用 Comate 来实现从零全栈开发一个 Python 学习网站,在此期间,Comate 一人分饰多角:产品经理、UI 设计师、架构师、项目 Leader、前端工程师、后端工程师、测试...拥有 Comate,你就拥有了一只团队。
01 产品经理 Comate:AI 重构软件开发全流程
首先,可以让 Comate 充当产品经理的角色,让它编写需求文档,以下是提示词:

Zulu 思考了一下,效率非常高,几分钟就生成好了~~


02 UI 设计师 Comate:编写 UI 设计文档
接下来,让 Comate 充当 UI 设计师角色,设计 UI 界面并编写 UI 设计文档,提示词如下:

Comate 编写文档中…过了几分钟,文档就设计好了。


03 架构师 Comate:编写前端架构设计文档
接下来让 Comate 充当架构师角色,编写架构设计文档。当前采用纯前端架构,后面可以结合 Django 框架或者 Flask 框架进行重构和升级。把提示词给 Comate,文档从编写到完成很快捷~



04 项目 Leader:制定开发计划
基础文档准备好以后,就需要进入开发阶段了~为了保证项目的有序进行,让 Comate 充当项目 Leader,制定一个详细的开发计划。提示词如下:你是一个项目 Leader,请参考 docs 目录下的文档,编写 docs/开发计划.md 文档,制定详细的开发计划。
这也是我在 Coding Agent 实践中摸索出的一个关键经验:先让模型生成详尽的开发计划,再由我来检查需求理解是否准确、任务拆分是否合理。这样不仅能提前发现问题,还能大幅提升后续代码生成的质量与效率。
Comate 开始读取 docs 下面的文档,制定开发计划,很快就编写完成啦~


05 前端工程师:按计划编写代码
终于到了编写代码的阶段了!现在,让 Comate 充当一个高级前端工程师,按照开发计划编写代码。提示词如下:你是一个高级前端工程师,请你阅读 docs 下面的文档,按照开发计划,开始开发。项目开发完成以后,要将项目运行起来,确保没有任何的错误和警告。
Comate 正在按照开发计划编写代码,让我们期待一下成果~

一顿操作猛如虎,终于在经过了十几分钟以后项目生成完毕了

在 index.html 上右键,在服务器中预览

经过一番努力之后,终于把界面给设计出来了,效果如下:

06 架构师 Comate:重构和升级
在前端版本基础上,让 Comate 基于 Flask(Flask 是一个用 Python 编写的轻量级 Web 框架,简单说就是帮你快速搭建网站的"工具箱")+Bootstrap(Bootstrap 是一个前端框架,简单说就是帮你快速做出漂亮网页的"装修工具包")重构了一下整个项目,效果如下,感觉美观又清晰!



07 后端工程师 Comate:设计数据库
现在已经有了 Flask(使用 Python 作为后端编程语言),作为一个网站,怎么能没有数据库呢?继续让 Comate 优化项目,采用 SQLAlchemy 作为数据库交互框架,为项目增加数据库功能。提示词如下:

Comate 开始设计数据库并修改代码:

最终目录结构如下:

模型设计代码如下:
初始化数据的代码如下:
08 测试工程师 Comate:最终测试和收尾
最终效果如下:

界面没啥变化,但项目数据已经是走的数据库啦~
经过实测,Comate 的整体能力还是非常棒的,从产品设计到上线全流程全覆盖,Comate 能补足个人在经验上的短板,一人可分饰多角、无压力上手全栈开发;从需求到上线只需几十分钟,还能灵活扩展框架和语言,满足不同层次的项目需求——无论是项目初始化启动,还是个人全栈开发,Comate 都是理想拍档。
一键下载 Comate,实现自己的第一次全栈开发吧~
下载途径一:百度搜索“文心快码”,官网下载 Comate AI IDE;
下载途径二:VS Code 或者 Jetbrains 系列 IDE 搜索并下载文心快码插件。
评论