欢迎访问 AI Skills Video ! 海量优质视频教程,助你提升技能。

使用阿里Qoder快速创建企业项目15天上线

老张 2026年3月5日 42 次阅读
文章介绍使用阿里Qoder编程工具,如何在15天之内从项目创意到最终上线。介绍Qoder 的 Quest 模式的特点,使用方法。从 氛围编程Vibe Coding 切换到 Spec Coding 后的效率提升情况。 生成内容的准确率以及上线后的内容维护。项目基于 Cloudflare Workers 平台,采用 Hono + Cloudflare D1 + Angular SSR/SSG 模式。快速搭建项目站点。 随着AI编程工具的发展,可以使更多有想法的人,将自己的创意快速的落地。

使用阿里Qoder快速创建企业项目15天上线

介绍

当您阅读这篇文章的时候,实际上您所使用的网站就是通过阿里Qoder来搭建出来的。

我愿意将整个制作心得分享出来。最终想向您表达的是:AI并不是要替代人类,而是将更大的能力交给人类

起因

作为一个20年开发经验的程序员,本人长期在移动端领域驻足,随着年龄的增长,职业氛围变得越来越差。

一个40+的程序员,在企业中应该是非常少见的,那么就会时常思考,未来应该如何应对。

写文章时是感慨的,但我想对您说的是:时间只是积累,不要放弃,不要畏惧。所以我曾经长时间的去进行创业。

在创业的过程中经常会遇到找不到成型产品的问题,比如制作一个小说网站,需要搭建小说平台,需要到处找源码。

在没有AI辅助编程之前,需要到处找资源,从开源网站下载项目,需要花费时间去了解系统框架,需要搭建平台。

随着AI编程能力的涌现,现在制作一个项目、系统是十分的方便了。

启动:第一步,直接开发,没有设计

通常启动的第一步反而是不要使用AI工具去创建一个项目的结构,而是应该自己先设计好整个项目的目录结构和关键技术,

这样才可以让AI工具能够有针对性的进行工作。

我的项目情况:(直接手动创建)

  • backend:后端,直接使用 npm cloudflare@latest 直接创建一个空的 Cloudflare Worker 项目
  • user-app: 用户端,直接创建 Cloudflare Pages : Angular SSR + TailwindCSS,此处都是手动进行,避免AI处理不了版本兼容问题
  • admin-app: 管理端,同 user-app

Quest模式:第二步,实现视频教程站点

是的!在第二步直接使用阿里Qoder的Quest模式,提交以下内容


本项目是一个视频教程销售系统,分为 后端、管理端、用户前端 三个部分

- 用户前端,采用 Angular 22 + TailwindCSS 框架,采用 SSR/SSG 技术,支持响应式布局,支持视频播放能力
- 管理段,采用 Angular 22 + TailwindCSS 框架,采用 SSR 技术,提供后台管理功能
- 后端,后端采用 Hono 框架进行编写,提供接口访问能力,同时对接 Cloudflare 的 D1 数据库

阶段性生成

  1. 阿里Qoder会进行提问,询问是否包含用户登录,管理员应该如何登录,当确认好之后,它就会自动的创建代码,并且统一UI风格,最终尝试运行,检验接口等操作。
  2. 页面布局优化
  3. 用户登录功能开发,自动接入JWT、Github预留
  4. 管理端设计开发
  5. 视频加密 DRM支持
  6. 视频播放历史
  7. 分类页面
  8. 教程页
  9. 订单功能设计:这个是我比较满意的,Qoder会自动询问是否要接入支付宝、微信,并且设计好同步回调和异步回调
  10. 页面费用展示
  11. 标签功能
  12. SEO优化
  13. 文章模块
  14. 文章SSR/SSG
  15. SEO工具
  16. Cloudflare Images 图片上传支持。

至此项目已经上线,网站地址: ai-skills.video

未完成内容

  1. 实际的支付
  2. 加密视频的兼容性,还是需要替换为 HLS 加密,现有的 DASH加密在部分浏览器不支持

AI 的作用

经过本次实践,我更倾向于将AI比作员工,而人类作为管理者、设计者、运营者的角色去参与到实际企业活动中去。

这就是为什么现在大力推广一人公司的原因,AI帮我们把重复性的工作做完。