Stack Overflow に投稿するのはこれが初めてです。Python、Jinja2、Google App Engine を使用して、比較的単純なゲームを構築しようとしています。現時点では、ゲームを作成、編集、一覧表示、および破棄するための単純な CRUD 関数をいくつか作成しました。そして、ほとんどの場合、それは機能しているようです。しかし、特定のゲームを取得するために値を渡すたびに、CSS スタイルシートが適用されていないようです。ただし、値を渡さなければ問題なく動作するようです。たとえば、「create_game」や「all_games」などのパラメーターを使用しない関数を呼び出すと、それぞれのテンプレートが関連する CSS スタイルで正しくレンダリングされます。しかし、「edit_game/12345567」のような関数を呼び出すと、CSS スタイルシートがまったく適用されず、
問題がどこにあるのかよくわかりません。これは、テンプレートがレンダリングされる方法と関係がありますか? それとも、ある種のルーティング/マッピングの問題ですか?
ここに私のmain.pyがあります:
import webapp2
from controllers.authController import *
from controllers.baseController import *
from controllers.gameController import *
app = webapp2.WSGIApplication([('/', MainPage),
('/create_game',CreateGame),
('/player_games/([\d]+)',PlayerGames),
('/all_games',AllGames),
('/edit_game/([\d]+)',EditGame),
('/delete_game/([\d]+)',DeleteGame),
],
debug=True)
そして私のbaseController.py：
from controllers.authController import LoginSession
import webapp2
import cgi
import datetime
import urllib
import jinja2
import os
import wsgiref.handlers
from google.appengine.api import users
TEMPLATE_DIR = os.path.join(os.path.dirname(__file__), '../views/templates')
jinja_environment = \
jinja2.Environment(loader=jinja2.FileSystemLoader(TEMPLATE_DIR))
class BaseHandler(LoginSession):
@webapp2.cached_property
def jinja2(self):
return jinja2.get_jinja2(app=self.app)
def render_template(
self,
filename,
temp_values,
**template_args):
template = jinja_environment.get_template(filename)
self.response.out.write(template.render(temp_values))
def authvals(self):
current_player = LoginSession.current_player(self)
url = LoginSession.url(self)
url_linktext = LoginSession.linktext(self)
auth_vals = {
'url': url,
'url_linktext': url_linktext,
'c_player': current_player,
}
return auth_vals
class MainPage(BaseHandler):
def get(self):
gurl = self.request.get('/create_game')
gurl_linktext = 'Create a New Game!'
mp_vals = {
'game_url': gurl,
'game_url_linktext': gurl_linktext,
}
authvals = self.authvals()
vals = dict(mp_vals.items() + authvals.items())
self.render_template('index.html', vals)
以下は、gameController.py の 2 つのクラスです。「AllGames」は正しい CSS スタイルを含むすべてを正しくレンダリングしているように見えますが、「PlayerGames」は正しい python 生成コンテンツと html をレンダリングしているように見えますが、CSS を使用していないようです。CSS スタイルが適用されている場所であるため、CSS は「base.html」とともに継承されるだけだと思います。しかし、どういうわけか、これは起こっていません。
from models.gameModel import *
from authController import *
from baseController import *
import baseController
from google.appengine.ext import db
from google.appengine.ext.db import Key
class AllGames(BaseHandler):
#this returns all games
def get(self):
games = GameModel.all()
ag_vals = {
'games': games
}
authvals = self.authvals()
vals = dict(ag_vals.items() + authvals.items())
self.render_template('all_games.html',vals)
class PlayerGames(BaseHandler):
#This returns a given player's games
def get(self,player_id):
player = users.User(_user_id = 'player_id')
g = GameModel.all()
games = g.filter('game_created_by =', player)
pg_vals = {
'games': games
}
authvals = self.authvals()
vals = dict(pg_vals.items() + authvals.items())
self.render_template('player_games.html',vals)
base.html は次のとおりです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
{% block head %}
<link type="text/css" rel="stylesheet" href="views/static/css/main.css" />
<link type="text/css" rel="stylesheet" href="views/static/css/reset.css" />
<title>O2O: {% block title %}{% endblock %}</title>
{% endblock %}
</head>
<body>
<div class="login">
{% block login %}
<table>
<tr>
{% if c_player %}
<td>You are logged in as: {{ c_player }} </td>
{% else %}
<td>You are not logged in.</td>
{% endif %}
<td><a href="{{ url }}">{{ url_linktext }}</a></td>
</tr>
</table>
{% endblock login %}
</div>
<div class="navbar">
{% block navbar %}
<table>
<col class="navbar" />
<colgroup class="controls">
<col /> <col /> <col /> <col />
</colgroup>
<tr>
<th>
<form action="/create_game" method="post">
<div><input type="submit" value = "Create a new Game!"></div>
</form>
</th>
<th>
<form action="/player_games/{{ c_player.user_id() }}" method="get">
<!--div><input type="hidden" value = {{ c_player.user_id() }} ></div-->
<div><input type="submit" value = "My Games" ></div>
</form>
</th>
<!--th>
<a href ="player_games/{{ c_player.user_id() }}">My Games</a>
</th-->
<th>
<form action="/all_games" method="get">
<div><input type="submit" value = "All Games" ></div>
</form>
</th>
<th>
Stats?
</th>
<th>
Current Games?
</th>
</tr>
</table>
{% endblock navbar %}
</div>
<div class="content">{% block content %}{% endblock %}</div>
<div class="footer">
{% block footer %}
© Copyright 2012</a>.
{% endblock %}
</div>
</body>
</html>
これは all_games.html で、正しくレンダリングされているように見えます:
{% extends "base.html" %}
{% block title %} All Games {% endblock %}
{% block content %}
<h2>All Games</h2>
<h4>These are all of the games:</h4>
<table>
<tr>
<th>Time Created: </th>
<th> ---------- </th>
<th>Game ID: </th>
<th>Creator: </th>
<th>Edit? </th>
<th>Edit via button? </th>
<th>Delete? </th>
</tr>
{% for game in games %}
<tr>
<td> {{ game.game_created_at }} </td>
<td> ---------- </td>
<td> {{ game.key().id() }} </td>
<td> {{ game.game_created_by }} </td>
<td>
<a href ="edit_game/{{ game.key().id() }}"> edit </a>
</td>
<td>
<!--button to view the game -->
<form action="/edit_game/{{ game.key().id() }}" method="get">
<!--div><input type="hidden" name ="game_id" value={{ game.key().id() }}></div-->
<div><input type="submit" value = "Edit Game!" ></div>
</form>
</td>
<td>
<!-- button to destroy the game -->
<form action="/delete_game/{{ game.key().id() }}" method="get">
<!--div><input type="hidden" name ="this_game" value={{ game.key().id() }}></div-->
<div><input type="submit" value = "Delete This Game?" ></div>
</form>
</td>
</p>
</tr>
{% endfor %}
</table>
{% endblock %}
これは、all_games.html とほとんど同じです。ただし、これは CSS なしでレンダリングされているように見えますが、html とコンテンツは明らかに適切に表示されています。
{% extends "base.html" %}
{% block title %} PLayer's Games {% endblock %}
{% block content %}
<h2>{{ c_player }}'s Games</h2>
<h4>These are all of the games:</h4>
<div id="gamelist">
<table>
<tr>
<th>Time Created: </th>
<th> ---------- </th>
<th>Game ID: </th>
<th>Creator: </th>
<th>Edit?</th>
<th>Delete?</th>
</tr>
{% for game in games %}
<tr>
<td> {{ game.game_created_at }} </td>
<td> ---------- </td>
<td> {{ game.key().id() }} </td>
<td> {{ game.game_created_by }} </td>
<td>
<!--button to edit the game -->
<form action="/edit_game/{{ game.key().id() }}" method="get">
<!--div><input type="hidden" name ="game_id" value={{ game.key().id() }}></div-->
<div><input type="submit" value = "Edit Game!" ></div>
</form>
</td>
<td>
<!-- button to destroy the game -->
<form action="/delete_game/{{ game.key().id() }}" method="get">
<div><input type="submit" value = "Delete This Game?" ></div>
</form>
</td>
</p>
</tr>
{% endfor %}
</table>
</div>
{% endblock %}
一部のページで正しくレンダリングされているため、これはおそらく問題ではありません。
.login {
background-color: black;
color: #DDDDDD;
}
.navbar {
background-color: black;
color: #DDDDDD;
}
.content {
background-color: white;
}
.footer {
background-color: #DDDDDD;
}
これが問題に本当に関連しているとは思えませんが、authController.py もあります。
import webapp2
import main
from google.appengine.api import users
class LoginSession(webapp2.RequestHandler):
def current_player(arg):
return users.get_current_user()
def linktext(arg):
if users.get_current_user():
return 'logout'
else:
return 'Login'
def url(arg):
if users.get_current_user():
return users.create_logout_url(arg.request.uri)
else:
return users.create_login_url(arg.request.url)
コードの一部は、この単純なメモ作成アプリの例に基づいています: https://github.com/fRuiApps/cpfthw/tree/master/webapp2 は、素晴らしく明確な MVC 構造を持っていることがわかったからです。明らかに、私のコードはかなり拡張されていますが、テンプレートのレンダリング方法に関するコードの一部は、多かれ少なかれ例に基づいています。ただし、この例では、私が抱えていると思われる CSS スタイルの消失の問題は発生していません。つまり、特定のメモを編集するリクエストを渡すと、例は CSS を正しくレンダリングするように見えます。
私はこの問題を数時間解決しようとしてきましたが、あらゆる努力にもかかわらず、どこにも行き着いていないようです. 私は通常、StackOverflow で本当に役立つ情報を見つけることができるので、これが問題を投稿するのに最適な場所であると考えました。どんな助けでも大歓迎です！ありがとう！