一直从事JAVA后端工作,了解一点点前端的工作,随着Trae工具的使用,拓展了自有技术的边界。独立完成小程序,H5,Web等开发,实现小程序发布,上架等功能。
随着AI工具的使用,越来越多之前人工的需求都在AI解决。也同步依托AI拓展了很多意向不到的思路。整体UI,美观度上升了几个档次。
1. 前端
AI写前端页面还是非常厉害,相对后端来说。基本描述清楚你的需求文字,可以生成一个差不多的代码框架,自己只需要进行少部分的修改即可。
markdown
需要一个管理后台,业务是美容师管理,管理员两个角色,业务功能包括:
1. 美容项目管理
2. 美容产品信息管理
3. 美容产品销售管理
4. 会员管理
5. 美容产品分类管理
6. 美容项目预约管理
7. 登录,个人中心
技术栈使用:VUE3 + elementPlus + TS,直接生成在当前目录,不要开子文件夹。
Trae CN使用的模型是Kimi-K2,DeepSeek-V3.1这两个模型,qwen有时候有一些莫名的问题。kimi创建完整项目的能力目前用下来是最强的。
中途可能会出现上下文太长中断的情况,点击继续即可。出来后Trae会自动帮你运行项目起来。

微调一下配色,基本就可以用了。非常的顺利。看来这个是AI目前的最强项了。
1.1. 小程序
小程序建议先用微信开发工具进行创建一个基础的架子,不要直接让AI来干一个完整的小程序项目。创建好后建议增加项目的规则,提示AI这是一个小程序,基础的架构,使用语言。
markdown
## 项目是微信小程序原生项目
1. 项目采用TS+LESS的架构
2. 项目采用微信小程序原生的开发方式,不使用框架
3. 项目是中文
跟上面一样提供提示词,AI相应就会生成对应的结构,小程序第一次跑起来都是失败的。小程序的Tab只能使用png,AI现在还不能生成png,只能生成svg。我一般是从www.iconfont.cn/上找到对应的图片,记得每个图片找两个颜色;一个激活,一个未激活,匹配选中未选中状态。

上面选中两个颜色,未选中一般选择灰色的即可。这个时候小程序相应的也可以跑起来,Kimi也是这几个模型中目前表现最好的,基本不需要怎么改就可以跑起来。
基本都只需要微调个一两次即可以完成初次的UI界面,有时候AI还会创意性的帮你加一些东西。
2. 后端
后端同步也是采用Trae插件,配合mybatisPlus的插件,基本可以完成大部分的工作。目前还是使用飞算JAVA,有兴趣的掘友可以试一下。
使用AI得到sql后,可以利用mybatisPlus的插件生成实体类,service,mapper,controller等。
2.1. 代码生成
直接可以生成所有的结构,同步会有一个空的controller,这个时候再利用AI,告诉他需要一个增删改查分页这5个接口,会非常快速的帮你完成。

2.2. 对接
直接把接口地址告诉AI,顺便把请求字段和返回字段同步提供。Trae会直接帮你对接并解析,可能会有一些问题,自己微调一下即可。大部分时候还是很轻松的。
2.3. 基本架构
使用start.spring.io/创建空项目,阿里云也做了一个类似的,有兴趣的也可以试一下。
3. 运维
运维看上去和Trae没什么关系,但是平常查询指令,编写shell脚本之类的都可以交给Trae来进行实现。基本不用怎么改,就可以直接套用再服务器上,比如定时启动脚本,删除日志脚本之类的。
3.1. 数据库sql
直接再生成好的前端页面,询问trae,输出对应的 sql表即可,基本可以得到差不多的数据类型,比自己写的还要完善。

得到sql执行到数据库中即可。
4. 数据分析
利用trae读取csv,excel文件分析数据的动态变化,通过微调指标,得到知己想要的表格分析,调用chart mcp输出对应的结果。
5. 使用有感
随着AI的使用越来越多,越来越数量。相应的以前复杂重复性的工作都变成了AI的工作,我们变成一个小的包工头,只负责安排工作即可。以前1个星期的活现在可能2天就干完了,干的更好更漂亮了。以前只能处理一部分能力边界的工作,现在直接化身全栈工程师,完成所有的工作。
AI不是终点,而是一个新起点。它让我们从执行中抽身,将更多精力投向创新、战略与连接。未来属于那些善于向AI提问、并用人类智慧为结果注入灵魂的人。