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

相关推荐
ydyd202604219 小时前
设备OEE怎么提升?数据采集+分析优化的完整方案
java·服务器·前端
(╹◡╹)10 小时前
11.RK3588本地大模型内存评估优化
java·linux·前端
Zane199410 小时前
钻石继承调用哪个方法?一文讲透 MRO 与 C3 线性化算法
后端·python
码事漫谈10 小时前
国产替代的硬核样本:金仓数据库如何撑起固井软件的数据底座
后端
电气研究所10 小时前
Java + Redis 实现工业设备告警去抖,避免变频器故障重复推送
java·前端
AI视觉网奇10 小时前
cannot import name ‘model_urls‘ from ‘torchvision.models.resnet‘
linux·前端·javascript
老孙讲技术10 小时前
【4G IPC 上云】临时点位怎么免布线上云?listDeviceDetailsByPage + 辅码流预览|智慧工地实战
后端·物联网
Vuji10 小时前
深入 pi-agent 内核:完整追踪一次 CLI 交互的完整链路
前端·agent
zfoo-framework10 小时前
安装pi agent 支持duojie和deepseek
java·服务器·前端
Sca_杰10 小时前
微信客服API对接速通
javascript·node.js