[請益] 哪種做法比較好?

作者: iamsheep (??)   2018-10-20 04:19:46
假設要做若干個頁面 排版都是一模一樣的
只差在幾個內容不同
內容都是寫死的不會太常更動
我知道有3種做法
1.url帶參數 然後html事先挖洞
依照參數用js補進去
例如:
<html>
<body>
<div id="money"></div>
(略過引用jquery)
<script>
(得到資料)
$("$money").append("100");
</script>
</body>
</html>
2.一樣url帶參數並直接空白html 完全使用補進去所有html
<html>
<body>
(略過引用jquery)
<script>
(得到資料)
$("body").append("<div id="money">100</div>");
</script>
</body>
</html>
3.一樣帶參數,內崁對應網頁並直接做網頁全部寫死
<html>
<body>
<div id="money">100</div>
</body>
</html>
一般來說專案要用哪一種比較適當
我想問分別小型專案跟大型專案分別來說?
作者: neo5277 (I am an agent of chaos)   2018-10-20 04:23:00
這種我會想用一很多喔? 很多就不建議 維護起太麻煩了..頻率是每個都很高嗎?變動得話?如果是只有click才做動那一感覺還可以啊如果頻率很高就還是用個前端框架做成一個個compoment綁定各塊的資料api好了
作者: Nonsense8 (胡說)   2018-10-20 06:32:00
小型選1 大型選vue
作者: doranako (真愛無限)   2018-10-20 09:18:00
framework有支援樣板就用樣板,樣板可以從後端帶變數render成ui
作者: madhi (mm)   2018-10-20 10:04:00
1. 但別用jquery. 用三大框架的話半天收工另外真的別這樣問問題. 講情境就好 這三個作法看起來都學生等級的講出來要我們選也很怪
作者: windclara (null)   2018-10-20 10:17:00
用VUE吧。上手快也容易解決。只是考慮SEO的話,要了解一下SSR
作者: pttuser2266   2018-10-20 14:32:00
3, 做法 一個 html layout + 若干個 template +若干個 data , 産生若干個完整 html 頁面, 新增頁面只要加 新的 data優點: 沒有 seo 問題,不用 server side 處理
作者: jichey (miomio)   2018-10-20 14:47:00
靜態模板要好維護好擴充的話,關鍵字staticgen。next.jsgastby nuxt.js你的需求不長變動資料,只要利用上面的框架產生靜態html即可,也不會有SSR問題
作者: jherk   2018-10-20 16:36:00
nextjs
作者: BlueBird5566 (生日56)   2018-10-22 19:52:00
習慣用1 覺得2不好維護

Links booklink

Contact Us: admin [ a t ] ucptt.com