一、准备工作
在这次制作微信小程序前，我没有了解过相关步骤及需要用到的工具，所以在开始前需要做以下一些准备：
- 选定小程序主题及功能
- 了解制作微信小程序步骤
- 尝试并挑选辅助编写代码的ai
对于第一项，我最后选择了制作以实现留学文书评分为功能的小程序。
对于第二项，我搜索了官方教程以及一些个人分享，最后自己写了一个总结来明确具体步骤。
对于第三项，我试过了Lovable，V0，Cursor和Trae几个ai编程工具，最后经过综合考虑，我选择了以Lovable制作的美化界面为范例，再使用Cursor和Trae的ai进行代码辅助编写。
二、制作过程
- 注册微信小程序账号
- 在微信公众平台mp.weixin.qq.com选择“小程序”注册
- 选择个人，填写身份证号等信息
- 完成激活，登录小程序后台进行操作
- 安装开发者工具
- 访问微信开发者工具下载页面。
- 根据操作系统（Windows 或 Mac）选择对应的版本进行下载。
- 创建项目
-
启动下载好的微信开发者工具，点击“新建项目”按钮。
-
输入项目信息：
- 项目名称：为小程序项目命名。
- 目录：选择项目存放的本地文件夹。这里我是在桌面上建立了一个空白文件夹，然后将其作为存放文件夹。
- AppID：输入你在微信公众平台注册小程序时获得的 AppID。
-
选择模板：
- 微信开发者工具提供了多种模板，初学者可以选择“快速启动模板”，由于我使用的是js，所以选择js模板。
-
创建项目：
- 确认信息无误后，点击“创建”按钮，开发者工具会自动生成项目文件并打开项目。
- 编写代码
- 创造案例
我选择使用Lovable网站，向ai提出要求做一个留学文书评分的网页，然后选择自己满意的版本分别截图它的“起始页面”“提交文书页面”和“文书报告页面”。
-
转入Cursor/Trae
- 首先在Cursor打开刚刚作为目录的文件夹，因为我已经选择过模板，这样就有一些基础代码在，所以向ai提出要求，需要引用到相关文件作为上下文，让ai在此基础上进行编程。
- 我分成“起始页面”“提交文书页面”和“文书报告页面”三个页面对ai提出要求，每个页面选择其对应的js，wxml和wxss文件进行引用，另外也要加上对应的lovable做出的页面截图，让Cursor以此为范本，一步步的提出修改，每次应用ai做出的修改后，微信开发工具里的文件也会同步更新，预览处会显示成果图，可以对照修改。对于ai实在无法理解的就自己对应过去解决或向他人请教。
- 如果Cursor的额度用完，可以用Trae打开文件夹继续修改，使用方法与Cursor类似，都需要引用。
- 上传至微信开发者工具
三、思考
1. 核心功能选择
我经过调研后，选择以"留学文书评分"作为小程序的核心功能。我选择的原因如下：
- 这一选题具有明确的用户场景，留学文书是申请者展示个人能力的关键材料，许多要留学的学生缺乏专业的评估指导，需求量很大。
- 这一选题拥有极大的实用价值，通过小程序提供自动化评分和反馈，能够解决用户痛点，同时避免复杂功能开发的初期技术门槛。
2. 开发工具选择
在技术实现上，我采用了结合ai工具进行编程的创新方式：
- 使用Lovable 生成界面，获取符合审美的设计方案作为案例
- 使用Cursor/Trae 负责代码转换，将设计方案转化为符合小程序格式的代码
- 使用微信开发者工具作为最终调试平台
这种协作模式有效解决了我设计能力不足与编程经验欠缺的问题。
3. 模块化开发
我将小程序拆分为三个核心页面（起始页、提交页、报告页）即模块进行开发，这种模块化策略具有的优势如下：
- 降低ai负荷，便于ai定位要求并实现
- 方便调试，各页面样式与逻辑相对独立，便于发现问题所在
4. 不足之处
当前方案存在的问题如下：
- ai生成占比大，逻辑不够严密，结构繁杂
- 多个ai平台混合使用，可能因为不适配出现错误
- 算法和数据安全方面有所欠缺
四、总结
总的来说，结合ai开发微信小程序的模式降低了传统编程的学习门槛，非技术背景开发者也可以完成小程序开发，但由于ai实际上只能进行辅助，核心逻辑仍需掌握专业知识的人员才能实现，不然很多错误无法校正。所以ai的辅助需要适度使用，要想做出比较完善的产品还是要了解编程语言和逻辑。
