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

相关推荐
爬山算法9 分钟前
Hibernate(90)如何在故障注入测试中使用Hibernate?
java·后端·hibernate
崔庆才丨静觅24 分钟前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment27 分钟前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅41 分钟前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊43 分钟前
jwt介绍
前端
爱敲代码的小鱼1 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
Cobyte1 小时前
AI全栈实战:使用 Python+LangChain+Vue3 构建一个 LLM 聊天应用
前端·后端·aigc
NEXT061 小时前
前端算法:从 O(n²) 到 O(n),列表转树的极致优化
前端·数据结构·算法
剪刀石头布啊2 小时前
生成随机数,Math.random的使用
前端
剪刀石头布啊2 小时前
css外边距重叠问题
前端