前端學習 node 快速入門 系列 —— 服務端渲染
阿新 • • 發佈:2021-03-15
>其他章節請看:
>
>[前端學習 node 快速入門 系列][1]
## 服務端渲染
在[簡易版 Apache][簡易版 Apache]一文中,我們用 node 做了一個簡單的伺服器,能提供靜態資源訪問的能力。
對於真正的網站,頁面中的資料應該來自伺服器(伺服器查詢資料庫),我們來模擬一下。請看示例:
```javascript
- demo
- node_modules // 安裝 art-template 後自動生成
- public
- lib
- art-template // 將 node_modules/art-template 拷貝過來即可
- view
- client-render.html // 頁面內容採用客戶端渲染
- server-render.html // 頁面內容採用服務端渲染
- index.js // 入口檔案
- package.json // 只依賴於 art-template
```
*注*:如果不明白 node_modules、package.json,可以看我的另外一篇文章([npm][npm])
client-render.html:
```javascript
客戶端渲染
``` server-render.html: ```javascript服務端渲染
{{title}}
-
{{each list as value i}}
- 索引 {{i + 1}} :{{value}} {{/each}}