ALL OF ME: Webapp2 教學 (2) - 使用 Templates ( Use Django template engine in Webapp2 tutorial )

2015年4月18日

Webapp2 教學 (2) - 使用 Templates ( Use Django template engine in Webapp2 tutorial )

在 HTML 檔案中加入非 HTML Tag 的程式無法提升維護品質以及使用上的彈性，所以模板引擎的便利性就顯現出來。在 Webapp2 中使用 Template Engine 很容易，因為它包含了 Django 的模板引擎。本篇將介紹如何在 Webapp2 中使用 Template。( 其他 Webapp2 相關教學可以參考本篇整理 )

使用 Django 模板引擎：
接下來使用一個非常簡單的範例來示範如何使用 Template，首先修改 helloworld.py 內容，

import webapp2
import os
from google.appengine.ext.webapp import template

class MainPage(webapp2.RequestHandler):
    def get(self):
        # 這邊設定要傳入頁面的參數 name，值為 Seth
        template_values = {
            'name': 'Seth'
        }
        # 指定 index.html 作為輸出的頁面
        path = os.path.join(os.path.dirname(__file__), 'index.html')
        self.response.out.write(template.render(path, template_values))

application = webapp2.WSGIApplication([
    ('/', MainPage)
], debug=True)

既然指定 index.html 作為輸出頁面，我們則需要將它建立並放置與 helloworld.py 同一資料夾內，內容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <!-- {{name}} 將顯示 helloworld.py 所傳入的值 Seth -->
    <p>Hello, {{name}}!</p>
    <p>This is a template example.</p>
</body>
</html>

完成後啟動伺服器，連線至 http://localhost:8080/ 就可以看到畫面顯示。當然 Django 模板引擎提供更多語法，其他用法請參考官方文件。

Environment :
・ Arch Linux
・ Python 2.7

Reference :
・ Webapp2 official site
・ Python Dev Server information

2015年4月18日

Webapp2 教學 (2) - 使用 Templates ( Use Django template engine in Webapp2 tutorial )

熱門文章