模板變量（廢棄） · ThinkJS完全開發手冊

## 模板賦值模板中的變量必須先進行模板賦值后才能使用，例如在 ``index`` 這個視圖上定義了兩個變量 ``title`` 和 ``welcome`` ``` const Controller = require('think-js-lib').Controller class HelloController extends Controller { // 用于演示視圖功能 showIndex() { return this.View('index', { title: 'ThinkJS V1.0.0', welcome: '一個企業級的NodeJS應用框架，為提高開發團隊和開發人員的開發效率而生。' }) } } module.exports = HelloController ``` 在 ``index`` 頁面通過 ``<%=變量名稱%>`` 來使用 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><%=title%></title> <style> *{ color: #333; margin: 0; padding: 0; } .content{ padding: 24px 48px; } .expression{ font-size: 100px; font-weight: normal; } .title{ font-size: 42px; margin-top: 12px; } .welcome{ font-size: 30px; margin-top: 12px; } .linkBox{ display: flex; flex-direction: row; align-items: center; margin-top: 20px; } .linkBox a{ color: #2E5CD5; text-decoration: none; margin-right: 15px; font-size: 18px; } .linkBox a:hover{ cursor: pointer; text-decoration: underline; } </style> </head> <body> <div class="content"> <div class="expression"> :) </div> <div class="title"> <%=title%> </div> <div class="welcome"> <%=welcome%> </div> <div class="linkBox"> <a href="https://www.zhangyubk.com">完全開發手冊</a> <a href="https://www.zhangyubk.com">GitHub源碼</a> </div> </div> </body> </html> ```