変数 = HtmlService.createTemplateFromFile( HTMLファイル名 );これでHtmlTemplateオブジェクトが用意できました。このオブジェクトにテンプレートを利用するための諸機能がまとめられています。ここからHTMLをレンダリングし表示するには、「evalluate」メソッドを利用します。
変数 = 《HtmlTemplate》.evaluate();これでレンダリングされたHtmlOutputオブジェクトが生成されます。後はこれをdoGetからreturnするだけです。
<p><?= printData("tuyano"); ?></p>この<?=○○ ?>というタグは、Google Apps Scriptの値を出力する働きをします。=の後に、出力したい値や変数、値を返す関数などを指定すれば、その値が書き出されるのです。
<p><?= new Date(); ?></p>
function printData(str){このように、スクリプトファイルで定義された関数を、そのままテンプレートHTML内で利用することができます。それをレンダリングすることで、出力時にそれらを値に変換して表示させることができるのです。
return "Welcome, " + str + "!!";
}
※リストが表示されない場合
AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。
※index.htmlの内容 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sample jsp</title> <style> h1 {font-size:16pt; background:#AAFFAA;padding:5px;} p {margin:10px;} </style> </head> <body> <h1>Sample jsp page</h1> <p><?= printData("tuyano"); ?></p> <p><?= new Date(); ?></p> </body> </html> ※スクリプト function doGet() { var output = HtmlService.createTemplateFromFile('index'); return output.evaluate(); } function printData(str){ return "Welcome, " + str + "!!"; }
<< 前へ | 次へ >> |