用Zulu轻松搭建国庆旅行4行诗网站

国庆已至,小伙伴们都要去哪里旅行呀?是人杰地灵的杭州,还是热辣滚烫的重庆?不如就用Zulu开发一个 "国庆旅行4行诗网站"用诗情画意,勾勒出祖国山河的美好~



网站开发,大概用了1小时不到,包含项目初始化、AI生成功能增强、UI优化这几个关键步骤。

1 .项目初始化

对Zulu键入第一条Prompt:我想在当前目录创建一个国庆旅行四行诗AI生成器网站,输入旅行城市(到市级),即可输出对应该城市的四行诗,使用合适的技术栈。需要初始化项目结构、配置必要的依赖、设置基本的开发环境。

很快,Zulu就完成了项目结构和技术栈规划,前端使用HTML5 + CSS3 + JavaScript,后端使用Python Flask(轻量级,易于部署),开发环境使用Python内置服务器。


来看看最初版效果吧,尝试输入旅行城市"西安",基本功能和交互是具备的,并且提示了热门旅游城市,背景还是渐变的,生成的诗也不错

通过 Zulu帮我搭建基础框架,跟着学会了一个轻量级后端框架Flask 的用法,同时也了解了前后端的基本分工,这让我对完整项目的开发路径更清晰了,原来搭建一个小网站没想象中复杂。

2 .AI生成功能增强

现在,向Zulu提出更高的要求:

增强AI诗歌生成功能,同一个城市可以多次生成不同的诗,用户可以提示诗句风格,比如活泼、婉约、豪放等。

Zulu快速响应,列出todo,通过后端API修改和前端迭代等,努力达成上述要求:


来看看优化后的效果吧,生成了上海-婉约风格的4行诗,是不是还挺有内味的~

可以看出,只要你有想法,Zulu就可以尽力去扩展,关键是指令要逻辑清晰,简明扼要~要求比较高的小伙伴,其实可以不断调教Zulu(比如增加一些诗人风格,如广受喜爱的王维等),增强AI诗歌生成功能直到你想要的为止~



3 .UI优化

完成了网站的基础功能界面和专业AI生成功能增强,接下来是UI优化,使网站的界面风格和主题更统一、更具审美性

Prompt:

请优化UI,使用旅行山水、祥云等图片作为背景图,增加国庆旅行氛围。

Zulu不仅是机械执行,还会主动思考,给出更全面、优质的解决方案。经过几轮调试,来看看设计师Zulu的大作吧,背景和配色是不是更有国庆出游氛围感啦~


原本我对前端CSS 一窍不通,但跟着Zulu的修改提示,我开始能读懂代码结构,甚至敢自己试着改几行

Comate Zulu就像一个会魔法的AI编程精灵🧚,只需要主人的指令,它就可以迅速帮你实现你心中的技术构想,并且在和 Zulu 搭档过程中 让你对技术一点点更加得心应手

一键下载Comate,感受AI编程的神奇吧~

下载途径一: 百度搜索"文心快码",官网下载Comate AI IDE;

下载途径二:VS Code 或者 Jetbrains 系列 IDE 搜索并下载文心快码插件。

相关推荐
草莓熊Lotso2 小时前
从 “Hello AI” 到企业级应用:Spring AI 如何重塑 Java 生态的 AI 开发
java·人工智能·经验分享·后端·spring
Terio_my3 小时前
Spring Boot 整合 Elasticsearch
spring boot·后端·elasticsearch
正义的大古3 小时前
OpenLayers地图交互 -- 章节十八:拖拽旋转和缩放交互详解
javascript·vue.js·openlayers
行者..................3 小时前
手动编译 OpenCV 4.1.0 源码,生成 ARM64 动态库 (.so),然后在 Petalinux 中打包使用。
前端·webpack·node.js
阑梦清川3 小时前
linux基础--文件描述符&&输出重定向的理解
后端
小爱同学_4 小时前
一次面试让我重新认识了 Cursor
前端·面试·程序员
程序员三明治4 小时前
【重学数据结构】队列 Queue
数据结构·后端·算法
golang学习记4 小时前
AI 乱写代码?不是模型不行,而是你的 VS Code 缺了 Context!MCP 才是破局关键
前端