跳到主要内容

AI 编程能做什么?9 个优秀案例与手把手图文教程

CloudBase TeamCloudBase Team
阅读需 7 分钟

围绕腾讯云开发CloudBase AI ToolKit 能力进行AI编程主题「AI代码远征季」实战赛圆满结束,本文将介绍9个获奖作品,文章底部有惊喜!从微信小程序到H5、小游戏,三大赛道高手过招!CloudBase AI ToolKit凭「一键生成+部署托管」出圈,全栈/后端/前端开发者皆能轻松驾驭——只需几句Prompt,开启全栈自动化开发新体验!活动原文请戳👉AI代码远征季|三大赛道邀你晒AI开发成果以下是获奖作品的详细介绍:

1

📱小程序赛道

个人云端书房小程序

作者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自动部署云函数。

2

🎮小游戏赛道

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自动创建工具,存储用户游戏数据到云数据库中。

体验地址: https://yunkaifa2025-3gvsrnxeccb15ac1-1302073945.tcloudbaseapp.com//wuziqi

3D FPS 网页枪战游戏

作者id:努力的小雨游戏类型:3D 第一人称射击(FPS)网页枪战游戏!项目标题:AI编程实战:云开发疯狂助攻,React + Vite 做出 FPS 网页游戏不是梦效果展示:游戏截图:游戏视频:(扫码跳转视频页)应用描述: 一个网页枪战游戏,核心玩法是使用鼠标/触屏操作射击敌人,每击败一个敌人获得分数,分数会被实时上传云端。可查看所有玩家分数排名,支持音效开关、背景音乐等操作。核心技术栈: React 18 + Tailwind CSS + 云开发CloudBase AI Toolkit

  • CloudBase AI Toolkit 文档提供项目模板。

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

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

3

💻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结合解决报错,进行全面测试并修复问题。

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

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静态网站托管服务部署生成页面。

体验地址:https://lucianaib-1g0wisrrc59fcd4b-1330758946.tcloudbaseapp.com/ (输入相关信息,即可立刻得到专属于你的名片)

用 CloudBase 构建下一款应用

一站式后端云服务,覆盖数据库、云函数、静态托管与 AI 能力。