※ 本文轉寄自 ptt.cc, 文章原始頁面
標題

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

時間
最新2023-06-24 23:29:00
留言47則留言,7人參與討論
推噓4 ( 4043 )
各位前輩好,小弟目前自學網頁半年,若用語有任何不當還請海涵並指正。 最近在練習如何做出一個評論/QA常見問題的區塊。 如果是少量的評論,直接替換HTML標籤裡的文字就好。 主要是想請教,是什麼樣的技術可以一直動態生成數以百計的評論呢? 以我半年的學習角度會讓我聯想到word裡面的合併寄件功能,不知道兩者有無聯繫。 懇請各位前輩指點迷津了,謝謝。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.216.236.124 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1685467613.A.5FD.html

47 則留言

LPH66, 1F
你知道一些伺服器方的程式語言嗎? 如 php 或 asp 等的

Chian3675, 2F
每個評論都是被存在資料庫裡的,前端只是去call api撈

Chian3675, 3F
資料出來,再對這些資料去跑迴圈並顯示而已

xxzrainy, 4F
繼續爬資料後 有看到結合php和SQL寫出來的系統 大致上可

xxzrainy, 5F
以理解了

xxzrainy, 6F
只是前後端如何串連 這部分還在我的理解外 會繼續學習

xxzrainy, 7F
的 感謝

single4565, 8F
這個問題看起來你可以錄影再問清楚一點你看到什麼效

single4565, 9F
果?但這看起來就是JavaScript或Ajax當關鍵字可以找

single4565, 10F
到的問題

xxzrainy, 11F
好的 ajax的原理我也還不太了解 再來學習

Hsins, 12F
這個問題的關鍵字不應該是 JavaScript 或是 AJAX,雖然有些

Hsins, 13F
相關……

Hsins, 14F
瀏覽器會根據 URL 向伺服器發送請求,請求返回的內容會有不

Hsins, 15F
同的格式,通常對應的是一個資源,可能是一個 HTML 文件、

Hsins, 16F
可能是一張圖片或是影片,也可能會是 CSS 樣式表和 JS 腳本

Hsins, 17F
;最起初的網際網路都是返回靜態的文件,也就是說是一份已

Hsins, 18F
經固定內容的 HTML 檔案,而為了處理你說的這個問題,發展

Hsins, 19F
出了 CGI 介面,可以交由伺服器上的某一支程式,根據請求的

Hsins, 20F
內容,去產生要返回的 HTML 資料流,早期的 CGI 程式可以透

Hsins, 21F
過 Perl, PHP 甚至 C 語言去撰寫;這些程式要獲取資料的方

Hsins, 22F
式又可以非常多樣,比如說讀取伺服器上的另外一份文件中的

Hsins, 23F
內容,或者是與資料庫交互取得資料等;現代多數的網頁後端

Hsins, 24F
框架,都可以很簡單地透過搭配的模板引擎,填入資料並返回

Hsins, 25F
結果。以現代的說法來說,這稱作 Server-side Rendering

Hsins, 26F
這樣的過程,由於資料會根據請求,在伺服器端填充返回,並

Hsins, 27F
不用涉及到 JavaScript 中再次請求內容和 AJAX 技術。

Hsins, 28F
而 AJAX 技術,是為了處理同一個頁面上,不想要透過切換頁

Hsins, 29F
面,就希望再次獲得資料,而透過使用者在頁面上的操作,再

Hsins, 30F
次打請求到伺服器獲取資料,然後再由 JavaScript 將這些資

Hsins, 31F
料,以操作頁面 DOM 元素的方式,將獲取到的資料渲染或掛上

Hsins, 32F
。而現代 React 這類前端函數庫或框架,更是簡化了許多,讓

Hsins, 33F
頁面內容得以先返回,剩下再藉由獲取資料來填充,由於這時

Hsins, 34F
瀏覽器呈現的結果,幾乎都是在客戶端完成的,所以現代又稱

Hsins, 35F
這樣的作法是 Client-Side Rendering

Hsins, 36F
---

Hsins, 37F
而即使是透過 AJAX 去獲取資料,這些資料也幾乎是在伺服器

Hsins, 38F
交由一些程式邏輯去與資料庫交互,獲得資料再以對應的格式

Hsins, 39F
返回。之所以說這兩個關鍵字並不是他所要的答案,是因為他

Hsins, 40F
(JavaScript 或者 AJAX)的角色與功能,是獲取別人寫好的

Hsins, 41F
內容,並且也有其他方式是可以不需要透過 AJAX 就能達到原

Hsins, 42F
Po 期望的動態返回內容

xxzrainy, 43F
H大…太多了 受寵若驚 我會慢慢消化的

hhhomerun, 44F
看你的發文 你已經有把問題抽象化的能力 所以你應該可

hhhomerun, 45F
以從chatgpt輕易地得到你想要的答案 多多和chatgpt培養

hhhomerun, 46F
感情吧

imgodd, 47F
動態生成就是一個容器根據id取得指定內容 顯示到介面

xxzrainy 作者的近期文章

[請益] 24歲如何規劃買房
各位房板前輩大家好,小弟再過幾天就24了,升級的同時也對未來自己是否能夠買房這件 事感到很沒信心。 去年當兵時意外養成了對於房產的興趣,也對社會現況有了很大的認知更新。生涯規劃也 漸漸朝著是否有利於我買房為優先。 我的先天條件並不是非常好。
-1LoL
[閒聊] 為什麼會選明顯不適合環境的英雄
各位菁英大家好,小弟是S3銀牌S13銀牌。 想請問為什麼剛剛阿祈爾明明還在,為什麼TL不選呢。 前幾天PSG也是,凱莎也還在,但卻選擇前中期抓癢的凱特琳。 今天TL更誇張,阿璃死帽和虛空都出了傷害還是很可愛。 真的看到內心一把火燒起來。我不
13ToS
[問題] 神魔之塔更新問題
各位板友大家好,小弟有一個問題困擾許久。 大概是四月開始,每次逢版本更新(要到Play商店更新的那種),更新後打開神魔下載更新 檔時,都會卡在一個固定的趴數。 我的解法是直接把整個遊戲解除安裝再下載,因此都需要重新連結一次社群帳號、下載超
更多 xxzrainy 作者的文章...