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

相关推荐
qq_3168377518 小时前
uni.chooseMedia 读取base64 或 二进制
开发语言·前端·javascript
Zoey的笔记本18 小时前
2026告别僵化工作流:支持自定义字段的看板工具选型与部署指南
大数据·前端·数据库
小二·18 小时前
Python Web 开发进阶实战:混沌工程初探 —— 主动注入故障,构建高韧性系统
开发语言·前端·python
gis开发18 小时前
【无标题】
java·前端·javascript
小二·18 小时前
Python Web 开发进阶实战:低代码平台集成 —— 可视化表单构建器 + 工作流引擎实战
前端·python·低代码
慧一居士19 小时前
Vite 中配置环境变量方法及完整示例
前端·vue.js
梦因you而美19 小时前
XPath 元素定位全方位技术文档
javascript·xpath·xpath定位
天意pt19 小时前
Idempotency 幂等性 - 点赞和投票功能
前端·javascript·express
座山雕~19 小时前
Springboot
android·spring boot·后端
weixin_4277716120 小时前
cursor 智能commit
前端