先搭个脚手架

说实话，做这个产品是一时兴起，也是一次尝试。

但没想到的是，我干了8个小时。更没想到的是，这8个小时做出来的东西，是以前一个团队UI+前端+后端一个月的工作量。

昨天一开始，是尝试让Cursor帮我搭一套java开发的脚手架。用我最熟悉的框架组合（Sringboot+Mybatis），接口使用Restful风格。

这里的人格小队，是用了一个开源的MCP，感兴趣的同学可以自行了解下，这里不做过多的介绍。

我们只要知道，这个MCP的核心，就是使用多个不同角色提示词构成的角色，基于它们的“性格”和“思考方式”，优化我们的对话过程。

https://github.com/yinwm/persona-summoner

暴躁哥还是很给力的，直接把我的mybatis废弃，改用mybatis-plus。

对于不懂编程框架的同学，暂时不重要，反正他给方案了，我们跟着做就行了。

接着他给出了项目结构，然后就去咔咔写代码了。

差不多5-10分钟，这个脚手架就全部搭完了。

有些同学可能对于脚手架这个概念，不是很理解。

脚手架是什么？好处在哪？

我这里顺便大概解释下：有了这个脚手架，就可以拿去做任何不是很复杂的业务开发。直接把整个项目代码丢给ai说：请基于这个脚手架，帮我做一个xxx系统，具体需求是xxx

对于AI编程新人来讲，有一个好用的脚手架，能让你少走很多弯路，因为框架搭配，即使对于专业开发来讲，也是一件很麻烦的事情。

这里先总结一下，这个脚手架这么设计的好处在哪里?

一句话：环境能不安装就安装，依赖能不安装就不安装，搞定环境和依赖是一件非常麻烦的事情。

我的电脑已经预装了JDK17（java运行环境）和Maven（java拉依赖包用的），搞定这两个就行，不能再多了。

**首先是服务端：**springboot+mybatis，最经典的轻量级用法了，springboot一键启动，使用mybatis操作数据库。代码简单，AI好理解。

**再说前端：**html+js+css，不用vue或者react这些复杂的框架，咱就用纯原生的，最多引入一些开源工具库和样式库，直接就能用，不需要装依赖。

**然后是数据库的选择：**从快速出结果的角度，我不想用mysql，因为我没安装，刚好它推荐了一个H2数据库，基于内存实现的。不重要，反正只要知道这东西不需要安装，应用启动就能用就完事了。

搭建一个面包店系统

OK，现在脚手架有了，开始干活。

我当时的第一想法是，做个我们平常经常用到的，类似于奶茶，面包店下单的小程序。

功能简单，且业务场景很熟悉：用户端、商户端、购物、下单、会员系统，优惠券核销等等。

这里很遗憾的是，由于单次窗口和cursor的聊天过长，聊天记录没有及时保存下来丢失了，没有办法展示，我真实的产品设计对话过程。

怎么规划和开发

我大概是这么和Cursor说的：我要做一个面包店系统，有xxx，xxx，xxx功能。反正能想到的丢给它。

接着要求它，帮我梳理一下需求并且补充一些我没有想到的必须实现的功能。

然后它列了一个功能清单和代码开发计划。

大概是模块1，模块2，模块3...这样子。

然后我让它直接开始写代码。（就是这么简单粗暴，因为脚手架已经定好了，它纯写业务代码和页面代码，没有需要你决策的内容，除非给的模块功能和你的想法不一致需要纠正它）

在这个过程中，其实我不关心它代码写得有没有问题，因为100%会出现问题，后面等它开发完，一起调试就行。

我怕的是他失忆，开发着开发着忘了原来的设计。

所以后面在开发前端之前，我先问它还记不记得。

很好，大概记忆还是在的。继续开发就行了。

它还没开发完所有页面，就想要开始调试，我不答应，得先开发完。

好家伙，欠了我这么多页面，就想要让我开始调试，根本调不了一点。

怎么改bug

等它开发完之后，就是漫长的调试过程。

这些错误哪弄出来的呢？

浏览器看效果的时候，我们要用F12进入开发者模式，然后看控制台有没有报错，有的话贴给cursor让它改~

改bug差不多就是这么个流程，指哪打哪。

改不好，就继续改。

然后有哪些你觉得不合适的地方，就要给它提修改意见。

原来这个版本的配色和图标我不喜欢。修改后看起来清爽多了，最终版去掉了滚动条，更舒服了。

产品页面展示

下面给大家展示下所有的关键页面

用户端

首页-购物车-下单页

支付-订单详情-用户主页

不同状态的优惠券

商户端

管理主页

订单管理页

商品管理页

关于这次AI编程，踩了那些坑？有什么优化的地方？

1. 1. 开发了8个小时，太久了，主要还是因为最近cursor的用法变了，高频使用会限速。我还是干太猛了。
2. 2. 产品规划不清晰。其实我在做这个产品的时候，思路是很模糊的，我只是大概跟他说我要XXX,XXX功能，让它帮我优化。然后又在开发过程中，发现这个漏了，那个漏了。其实这样开发效率比较低，交互成本太高。 下一次我打算这样，用讲用户故事的办法，让它帮我梳理功能清单，页面清单，接口清单。 大概像这样：我是一个普通用户，现在我要去使用这个面包店小程序买面包。首先我需要登录注册一个会员，然后进行充值。接着去面包店主页，我看到一个面包清单，标了面包的信息和价格，点击加入购物车按钮，我要的面包加入了购物车......
3. 3. 中文乱码问题。cursor在开发过程自测的时候，执行一些它写的脚本，可能改变了文件的编码，导致部分中文乱码了。

针对这一点，我让它别用批量脚本了，用自带的编辑文件工具，挨个改过去。也费不了多长时间。

AI编程，需要基础吗？

这个问题，很多编程新手同学都问过。

没基础，也能玩，但会被AI牵着鼻子走，它能给你个什么东西是盲盒。可能方案不错，也可能有大坑。

有基础，你能够很明确地指挥AI怎么玩，比如说我这么个干法：先让它基于xx技术搭个脚手架，然后再去开发。

AI编程新人，我的建议是：

多去做，从小工具做起，积累信心，积累经验。

做多了，你就知道那些坑该避开了。

做多了，你就能发现你有哪些地方的能力需要去主动提升了。

做多了，你就能提出好问题，提高编程效率。

继续折腾中，有问题随时交流 🤝

微信号：ThinkFun666

在这个社群，你将获得：

• 9次价值千元的AI编程死磕实战训练营

• 超级大佬的实战经验分享，商业化思路，前沿AI工具和技巧

• 和一群积极的AI编程同行者共舞