用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 搜索并下载文心快码插件。

相关推荐
支支დ5 小时前
VO by Vercel 前端特定优势:为什么它是构建 AI 应用的新范式
前端·人工智能
香芋芋圆5 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF6 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6746 小时前
vue3-async
前端·javascript·vue.js
YXWik66 小时前
记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题
前端
2501_928996227 小时前
GPT-4o换DeepSeek迁移成本多少?中科热备解析API聚合平台技术账本
前端·数据库·人工智能
东风破_7 小时前
从跨域到 WebSocket:前端跨域方案、SSE 与双向实时通信详解
前端·后端
原则猫7 小时前
TS 类型工具
前端
excel7 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
行百里er8 小时前
Gateway 上别硬塞 MVC:DeferredImportSelector 看菜下锅
spring boot·后端·开源