[請益] 網頁技術是如何實現動態生成大量的html

作者: xxzrainy (rainy)   2023-05-31 01:26:51
各位前輩好,小弟目前自學網頁半年,若用語有任何不當還請海涵並指正。
最近在練習如何做出一個評論/QA常見問題的區塊。
如果是少量的評論,直接替換HTML標籤裡的文字就好。
主要是想請教,是什麼樣的技術可以一直動態生成數以百計的評論呢?
以我半年的學習角度會讓我聯想到word裡面的合併寄件功能,不知道兩者有無聯繫。
懇請各位前輩指點迷津了,謝謝。
作者: LPH66 (-6.2598534e+18f)   2023-05-31 01:59:00
你知道一些伺服器方的程式語言嗎? 如 php 或 asp 等的
作者: Chian3675 (城之內)   2023-05-31 04:24:00
每個評論都是被存在資料庫裡的,前端只是去call api撈資料出來,再對這些資料去跑迴圈並顯示而已
作者: xxzrainy (rainy)   2023-05-31 08:38:00
繼續爬資料後 有看到結合php和SQL寫出來的系統 大致上可以理解了只是前後端如何串連 這部分還在我的理解外 會繼續學習的 感謝
作者: single4565 (leekdumpling韭菜水餃)   2023-05-31 17:00:00
這個問題看起來你可以錄影再問清楚一點你看到什麼效果?但這看起來就是JavaScript或Ajax當關鍵字可以找到的問題
作者: xxzrainy (rainy)   2023-05-31 18:22:00
好的 ajax的原理我也還不太了解 再來學習
作者: Hsins (翔)   2023-05-31 23:53:00
這個問題的關鍵字不應該是 JavaScript 或是 AJAX,雖然有些相關……瀏覽器會根據 URL 向伺服器發送請求,請求返回的內容會有不同的格式,通常對應的是一個資源,可能是一個 HTML 文件、可能是一張圖片或是影片,也可能會是 CSS 樣式表和 JS 腳本;最起初的網際網路都是返回靜態的文件,也就是說是一份已經固定內容的 HTML 檔案,而為了處理你說的這個問題,發展出了 CGI 介面,可以交由伺服器上的某一支程式,根據請求的內容,去產生要返回的 HTML 資料流,早期的 CGI 程式可以透過 Perl, PHP 甚至 C 語言去撰寫;這些程式要獲取資料的方式又可以非常多樣,比如說讀取伺服器上的另外一份文件中的內容,或者是與資料庫交互取得資料等;現代多數的網頁後端框架,都可以很簡單地透過搭配的模板引擎,填入資料並返回結果。以現代的說法來說,這稱作 Server-side Rendering這樣的過程,由於資料會根據請求,在伺服器端填充返回,並不用涉及到 JavaScript 中再次請求內容和 AJAX 技術。而 AJAX 技術,是為了處理同一個頁面上,不想要透過切換頁面,就希望再次獲得資料,而透過使用者在頁面上的操作,再次打請求到伺服器獲取資料,然後再由 JavaScript 將這些資料,以操作頁面 DOM 元素的方式,將獲取到的資料渲染或掛上。而現代 React 這類前端函數庫或框架,更是簡化了許多,讓頁面內容得以先返回,剩下再藉由獲取資料來填充,由於這時瀏覽器呈現的結果,幾乎都是在客戶端完成的,所以現代又稱這樣的作法是 Client-Side Rendering---而即使是透過 AJAX 去獲取資料,這些資料也幾乎是在伺服器交由一些程式邏輯去與資料庫交互,獲得資料再以對應的格式返回。之所以說這兩個關鍵字並不是他所要的答案,是因為他(JavaScript 或者 AJAX)的角色與功能,是獲取別人寫好的內容,並且也有其他方式是可以不需要透過 AJAX 就能達到原Po 期望的動態返回內容
作者: xxzrainy (rainy)   2023-06-01 03:06:00
H大…太多了 受寵若驚 我會慢慢消化的
作者: hhhomerun (HOMERUN家族哥哥)   2023-06-03 00:06:00
看你的發文 你已經有把問題抽象化的能力 所以你應該可以從chatgpt輕易地得到你想要的答案 多多和chatgpt培養感情吧
作者: imgodd (新手請指教)   2023-06-24 23:29:00
動態生成就是一個容器根據id取得指定內容 顯示到介面

Links booklink

Contact Us: admin [ a t ] ucptt.com