O HTML incorporado no código é problemático e de difícil manutenção. É melhor usar um sistema de modelos, no qual o HTML é mantido em um arquivo separado com sintaxe especial para indicar onde os dados do aplicativo aparecem. Há diversos sistemas de modelos para Python: EZT, Cheetah, ClearSilver, Quixote e Django entre outros. Você pode usar seu mecanismo de modelo preferido, colocando-o em um pacote com o código do aplicativo.
Para sua conveniência, o módulo do webapp inclui o mecanismo de modelos do Django. Esse recurso é incluído no SDK e faz parte do Google App Engine, portanto, você não precisa colocá-lo em um pacote para usá-lo.
Adicione as declarações de import descritas abaixo no início do helloworld/helloworld.py:
import os from google.appengine.ext.webapp import template
Substitua o manipulador MainPage pelo código que se pareça com o seguinte:
|
class MainPage(webapp.RequestHandler):
def get(self):
greetings_query = Greeting.all().order('-date')
greetings = greetings_query.fetch(10)
if users.get_current_user():
url = users.create_logout_url(self.request.uri)
url_linktext = 'Logout'
else:
url = users.create_login_url(self.request.uri)
url_linktext = 'Login'
template_values = {
'greetings': greetings,
'url': url,
'url_linktext': url_linktext,
}
path = os.path.join(os.path.dirname(__file__), 'index.html')
self.response.out.write(template.render(path, template_values))
Por fim, crie um novo arquivo denominado index.html dentro do diretório helloworld e coloque nele o conteúdo abaixo:
<html>
<body>
{% for greeting in greetings %}
{% if greeting.author %}
<b>{{ greeting.author.nickname }}</b> wrote:
{% else %}
An anonymous person wrote:
{% endif %}
<blockquote>{{ greeting.content|escape }}</blockquote>
{% endfor %}
<form action="/sign" method="post">
<div><textarea name="content" rows="3" cols="60"></textarea></div>
<div><input type="submit" value="Sign Guestbook"></div>
</form>
<a href="{{ url }}">{{ url_linktext }}</a>
</body>
</html>
Recarregue a página e tente usá-lo.
template.render(path, template_values) usa um caminho de arquivo para o arquivo de modelo e um dicionário de valores, e retorna o texto convertido. O modelo usa a sintaxe de modelos do Django para acessar e reutilizar os valores, e pode referenciar propriedades desses valores. Em muitos casos, você pode passar objetos de modelo de armazenamento de dados diretamente como valores e acessar suas propriedades a partir dos modelos.
Dica: Um aplicativo do Google App Engine possui acesso somente para leitura a todos os arquivos enviados com o projeto, os módulos de biblioteca, e nenhum outro arquivo. O diretório de trabalho atual é o diretório raiz do aplicativo. Portanto, o caminho para index.html é simplesmente "index.html".
Para obter mais informações sobre o mecanismo de modelos do Django, consulte a documentação de modelos do Django 0.96.
Cada aplicativo da web retorna HTML gerado dinamicamente pelo código do aplicativo através de modelos ou de outro mecanismo. A maioria dos aplicativos também precisa servir conteúdo estático como imagens, folhas de estilos CSS ou arquivos JavaScript. Para obter maior eficiência, o Google App Engine trata os arquivos estáticos de maneira diferente dos arquivos de origem e de dados do aplicativo. Você pode usar o recurso de arquivos estáticos do Google App Engine para servir uma folha de estilos CSS a esse aplicativo.
Vá para Uso de arquivos estáticos.