AI编程能做什么?9个优秀案例,手把手图文教程,部分实战作品已开源

围绕腾讯云开发CloudBase AI ToolKit能力进行AI编程主题「AI代码远征季」实战赛圆满结束,本文将介绍9个获奖作品。

从微信小程序到H5、小游戏,三大赛道高手过招!CloudBase AI ToolKit凭「一键生成+部署托管」出圈,全栈/后端/前端开发者皆能轻松驾驭------只需几句Prompt,开启全栈自动化开发新体验!

活动原文链接

以下是获奖作品的详细介绍:

一、📱小程序赛道

个人云端书房小程序

作者id:Lion 莱恩呀

项目标题: 用AI打造你的专属"云书房"小程序!腾讯云AI Toolkit实战揭秘,从0到1极速上线!

效果展示:

应用描述: 构建一个个人云端书房小程序,具有书籍管理与公众号文章智能抓取、自定义书架分类、关键词搜索、社交分享、阅读数据统计等功能。

核心技术栈: 微信小程序原生开发框架 + CodeBuddy +云开发CloudBase AI Toolkit

  • CodeBuddy生成详细需求文档并自动编译代码。
  • 云开发CloudBase AI Toolkit自动部署云函数和云数据库。

点击项目链接查看详情

简历助手小程序

作者id:全栈若城

项目标题: AI代码远征季-一人挑战全栈研发简历制作小程序

效果展示:

应用描述: 一个简历助手小程序项目,旨在帮助用户创建、优化和管理专业简历。项目集成了AI辅助功能、简历模板库、案例参考和专业技巧,为求职者提供全方位的简历制作支持。

核心技术栈: 微信小程序原生开发框架 + 云开发CloudBase AI Toolkit

  • 通过CloudBase AI Toolkit实现云函数部署、NoSQL云数据库配置及代码报错辅助修复。

点击项目链接查看详情

网络热词小程序

作者id:算法一只狗

项目标题: 【0代码革命】我用「CloudBase AI ToolKit」一天做出"网络热词"小程序

效果展示:

图片:

视频:小程序演示视频链接

应用描述: 一个界面美观的"网络热词解析"小程序,功能包含热词搜索、热词解析、点赞收藏等。

核心技术栈:

微信小程序原生开发框架 + TDesign微信小程序组件库 + CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy生成原型图,自动编译代码。
  • 调用云开发CloudBase AI Toolkit自动部署云函数。

点击项目链接查看详情

二、🎮小游戏赛道

2D模拟经营微信小游戏

作者id:Lion 莱恩呀

游戏类型:模拟经营 + 时间管理

项目标题 :编程实战:1小时开发微信小游戏 《我的早餐店》 ------基于CloudBase AI Toolkit

效果展示:

应用描述: 一个经营早餐店的游戏,玩家通过快速制作餐点、服务顾客赚取金币,用于升级店铺和食材并达成游戏任务与成就。

核心技术栈:

微信小程序原生开发框架 + CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy根据需求自动编译代码。
  • 云开发CloudBase AI Toolkit自动部署云函数,通过IDE插件自动修复报错。

点击项目链接查看详情

经典益智类小游戏

作者id:六月的雨在Tencent

游戏类型:益智对战+双人小游戏

项目标题: 想玩五子棋小游戏怎么办?| 腾讯云开发CloudBase带你轻松实现五子棋小游戏

效果展示:

应用描述: 支持双人在线对弈和人机对战的五子棋小游戏。

核心技术栈: 微信小程序原生开发框架 + React + CodeBuddy + 云开发CloudBase AI Toolkit

  • 云开发CloudBase AI Toolkit自动创建工具,存储用户游戏数据到云数据库中。

点击项目链接查看详情

3D FPS 网页枪战游戏

作者id:努力的小雨

游戏类型:3D 第一人称射击(FPS)网页枪战游戏!

项目标题: AI编程实战:云开发疯狂助攻,React + Vite 做出 FPS 网页游戏不是梦

效果展示:

游戏截图:

游戏视频: (扫码跳转视频页)

应用描述: 一个网页枪战游戏,核心玩法是使用鼠标/触屏操作射击敌人,每击败一个敌人获得分数,分数会被实时上传云端。可查看所有玩家分数排名,支持音效开关、背景音乐等操作。

核心技术栈: React 18 + Tailwind CSS + 云开发CloudBase AI Toolkit

  • CloudBase AI Toolkit 文档提供项目模板。
  • 调用 CloudBase AI Toolkit 部署与发布页面,使用云数据库存储用户数据,支持实时查询与更新。项目上线后在云开发后台监控数据库关键指标。

体验地址: xiaoyu-0g6ev0ep0c5bbcbf-1302107156.tcloudbaseapp.com/

点击项目链接查看详情

三、💻H5应用赛道

医院实习生排班系统

作者id:采云小程序

项目标题: CloudBase AI Toolkit 做一个医院实习生排班系统,告别痛苦的excel表格

效果展示:

应用描述: 小程序及后台管理网页提供友好体验的系统,能够便捷的管理实习生、科室和自动排班。不同科室可以针对不同学校不同专业进行人数、排班时长个性化设定,并实现智能自动排班、冲突检测。

核心技术栈:

React 18 + Vite + Tailwind CSS + DaisyUI + 云开发CloudBase AI Toolkit + playwright

  • 调用云开发CloudBase AI Toolkit配置MongoDB云数据库实例,部署Node.js 18.15运行环境的云函数。
  • 通过CloudBase AI Toolkit与playwright结合解决报错,进行全面测试并修复问题。

体验地址: ttt-8gqsqm11c3f4d7b0-1315930323.tcloudbaseapp.com/hospital-sy...

点击项目链接查看详情

H5项目迁移至云开发

作者id:叫我阿柒啊

项目标题: CloudBase AI Toolkit | 没有服务器,怎么云化部署前后端项目

应用描述: 将原有的前端使用 nodejs + vite + vue 架构,后端是springboot的H5前后端项目迁移至云开发CloudBase新环境。

核心技术栈: 云开发CloudBase AI Toolkit

  • 调用云开发CloudBase AI Toolkit 修复前端部署问题。
  • 使用云开发数据库及云托管功能适配后端是 springboot 的项目的部署和运维。

点击项目链接查看详情

程序员风格名片网站

作者id:LucianaiB

项目标题: 用 CloudBase AI ToolKit 5分钟在本地创造一个程序员专属名片网站(同时静态托管云端)

效果展示:

应用描述: 输入简历信息,一键生成代码编辑器风格的名片。

核心技术栈: CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy根据需求自动编译代码、优化UI。
  • 调用云开发CloudBase AI Toolkit,通过CloudBase静态网站托管服务部署生成页面。

点击项目链接查看详情

限时福利

邀请新用户激活 AI ToolKit,或参与经验分享活动即可获得最高320元云开发CloudBase代金券 ,还能免费续期。

点击链接查看活动指引。

相关推荐
柿蒂38 分钟前
从动态缩放自定义View,聊聊为什么不要把问题复杂化
android·ai编程·android jetpack
不想取名562 小时前
VSCode MCP体验
ai编程
量子位2 小时前
小扎高薪挖来的人又跳回OpenAI了!首席科学家赵晟佳也要回去
openai·ai编程
量子位2 小时前
马斯克星舰试验再创历史!3次爆炸3次推迟终成功,顺利完成太空载荷部署
ai编程
用户30742971671582 小时前
Spring AI实战:基于ElevenLabs 实现文本转语音的实时音频流
java·spring boot·ai编程
gauch3 小时前
vscode 调试 Go 的配置解释(photoprism / Docker / 远程调试 / Delve)
后端·ai编程·visual studio code
白鲸开源4 小时前
DolphinScheduler API与SDK实战:版本管理、系统集成与扩展全指南
大数据·api·ai编程
Dolphin_海豚4 小时前
augment + figma mcp,让你的 vibe coding 更加得心应手
前端·ai编程·mcp
黑客影儿5 小时前
在Godot中为您的游戏添加并控制游戏角色的完整技术指南
开发语言·游戏·游戏引擎·godot·gdscript·游戏开发·3d游戏