作者xxzrainy (rainy)
看板Web_Design
标题[请益] 网页技术是如何实现动态生成大量的html
时间Wed May 31 01:26:51 2023
各位前辈好，小弟目前自学网页半年，若用语有任何不当还请海涵并指正。
最近在练习如何做出一个评论/QA常见问题的区块。
如果是少量的评论，直接替换HTML标签里的文字就好。
主要是想请教，是什麽样的技术可以一直动态生成数以百计的评论呢？
以我半年的学习角度会让我联想到word里面的合并寄件功能，不知道两者有无联系。
恳请各位前辈指点迷津了，谢谢。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 49.216.236.124 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1685467613.A.5FD.html
1F：推 LPH66: 你知道一些伺服器方的程式语言吗? 如 php 或 asp 等的 05/31 01:59
2F：推 Chian3675: 每个评论都是被存在资料库里的，前端只是去call api捞 05/31 04:24
3F：→ Chian3675: 资料出来，再对这些资料去跑回圈并显示而已 05/31 04:24
4F：→ xxzrainy: 继续爬资料後 有看到结合php和SQL写出来的系统 大致上可 05/31 08:38
5F：→ xxzrainy: 以理解了 05/31 08:38
6F：→ xxzrainy: 只是前後端如何串连 这部分还在我的理解外 会继续学习 05/31 08:40
7F：→ xxzrainy: 的 感谢 05/31 08:40
8F：推 single4565: 这个问题看起来你可以录影再问清楚一点你看到什麽效 05/31 17:00
9F：→ single4565: 果？但这看起来就是JavaScript或Ajax当关键字可以找 05/31 17:00
10F：→ single4565: 到的问题 05/31 17:00
11F：→ xxzrainy: 好的 ajax的原理我也还不太了解 再来学习 05/31 18:22
12F：→ Hsins: 这个问题的关键字不应该是 JavaScript 或是 AJAX，虽然有些 05/31 23:53
13F：→ Hsins: 相关…… 05/31 23:53
14F：→ Hsins: 浏览器会根据 URL 向伺服器发送请求，请求返回的内容会有不 05/31 23:54
15F：→ Hsins: 同的格式，通常对应的是一个资源，可能是一个 HTML 文件、 05/31 23:54
16F：→ Hsins: 可能是一张图片或是影片，也可能会是 CSS 样式表和 JS 脚本 05/31 23:55
17F：→ Hsins: ；最起初的网际网路都是返回静态的文件，也就是说是一份已 05/31 23:55
18F：→ Hsins: 经固定内容的 HTML 档案，而为了处理你说的这个问题，发展 05/31 23:56
19F：→ Hsins: 出了 CGI 介面，可以交由伺服器上的某一支程式，根据请求的 05/31 23:56
20F：→ Hsins: 内容，去产生要返回的 HTML 资料流，早期的 CGI 程式可以透 05/31 23:57
21F：→ Hsins: 过 Perl, PHP 甚至 C 语言去撰写；这些程式要获取资料的方 05/31 23:57
22F：→ Hsins: 式又可以非常多样，比如说读取伺服器上的另外一份文件中的 05/31 23:58
23F：→ Hsins: 内容，或者是与资料库交互取得资料等；现代多数的网页後端 05/31 23:59
24F：→ Hsins: 框架，都可以很简单地透过搭配的模板引擎，填入资料并返回 05/31 23:59
25F：→ Hsins: 结果。以现代的说法来说，这称作 Server-side Rendering 06/01 00:00
26F：→ Hsins: 这样的过程，由於资料会根据请求，在伺服器端填充返回，并 06/01 00:00
27F：→ Hsins: 不用涉及到 JavaScript 中再次请求内容和 AJAX 技术。 06/01 00:01
28F：→ Hsins: 而 AJAX 技术，是为了处理同一个页面上，不想要透过切换页 06/01 00:03
29F：→ Hsins: 面，就希望再次获得资料，而透过使用者在页面上的操作，再 06/01 00:03
30F：→ Hsins: 次打请求到伺服器获取资料，然後再由 JavaScript 将这些资 06/01 00:04
31F：→ Hsins: 料，以操作页面 DOM 元素的方式，将获取到的资料渲染或挂上 06/01 00:04
32F：→ Hsins: 。而现代 React 这类前端函数库或框架，更是简化了许多，让 06/01 00:05
33F：→ Hsins: 页面内容得以先返回，剩下再藉由获取资料来填充，由於这时 06/01 00:06
34F：→ Hsins: 浏览器呈现的结果，几乎都是在客户端完成的，所以现代又称 06/01 00:07
35F：→ Hsins: 这样的作法是 Client-Side Rendering 06/01 00:07
36F：→ Hsins: --- 06/01 00:08
37F：→ Hsins: 而即使是透过 AJAX 去获取资料，这些资料也几乎是在伺服器 06/01 00:08
38F：→ Hsins: 交由一些程式逻辑去与资料库交互，获得资料再以对应的格式 06/01 00:09
39F：→ Hsins: 返回。之所以说这两个关键字并不是他所要的答案，是因为他 06/01 00:09
40F：→ Hsins: （JavaScript 或者 AJAX）的角色与功能，是获取别人写好的 06/01 00:11
41F：→ Hsins: 内容，并且也有其他方式是可以不需要透过 AJAX 就能达到原 06/01 00:11
42F：→ Hsins: Po 期望的动态返回内容 06/01 00:11
43F：→ xxzrainy: H大…太多了 受宠若惊 我会慢慢消化的 06/01 03:06
44F：→ hhhomerun: 看你的发文 你已经有把问题抽象化的能力 所以你应该可 06/03 00:06
45F：→ hhhomerun: 以从chatgpt轻易地得到你想要的答案 多多和chatgpt培养 06/03 00:07
46F：→ hhhomerun: 感情吧 06/03 00:07
47F：推 imgodd: 动态生成就是一个容器根据id取得指定内容 显示到介面 06/24 23:29