Stories

Detail Return Return

用Zulu輕鬆搭建國慶旅行4行詩網站 - Stories Detail

國慶已至,小夥伴們都要去哪裏旅行呀?是人傑地靈的杭州,還是熱辣滾燙的重慶?不如就用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 搜索並下載文心快碼插件。

user avatar tianmiaogongzuoshi_5ca47d59bef41 Avatar u_16776161 Avatar nihaojob Avatar teamcode Avatar pulsgarney Avatar sunplay Avatar inslog Avatar u_16640205 Avatar u_15591470 Avatar u_15316473 Avatar woniuseo Avatar imba97 Avatar
Favorites 104 users favorite the story!
Favorites

Add a new Comments

Some HTML is okay.