iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
佛心分享-SideProject30

用 Next.js 實作屋況查詢評估專家網站系列 第 9

[Day 9] 流程發想(一)-搜尋功能篇

  • 分享至 

  • xImage
  •  

前言

前幾天我已針對畫面雛形要呈現的功能大致構思完成,網站首頁設計與前台規劃也製作了 Wireframe。有了這些 prototype 之後,前後端之間的資料交互規則以及使用的技術就是今天要分享的內容。

第一階段我想以成功將主要功能流程串起來為目標,因為這個專案主要偏向 檢索 類型網站,核心功能是提供給使用者查詢或提供諮詢的服務。

我會以這個畫面來進行思考:
https://ithelp.ithome.com.tw/upload/images/20240809/20132295zOgSGycLC9.png

前後端大致運作的流程用流程圖表示:
https://ithelp.ithome.com.tw/upload/images/20240809/20132295X1q5aAcXq2.png

我們必須提供一個資料庫讓使用者可以透過輸入關鍵字提交查詢請求給後端,後端再整理可用的資訊返回給使用者端。
以上大概發想了前後端會運作溝通流程,可能包含許多細節尚未考慮到,例如查詢不到應該回應甚麼格式、或是當資料筆數一多該做分頁查詢,資料來源等等。



上一篇
[Day 8] Landing Page Wireframe設計(專家篇)
下一篇
[Day 10] 流程發想(二)-成為合作專家篇
系列文
用 Next.js 實作屋況查詢評估專家網站24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言