模板变量（废弃） · 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> ```