bojovs blog

Railsで作っているウェブアプリの一部ページにサイドバーを載せたいなと思いました。それでいろいろ調べてたら、ビューのrenderメソッドにブロックが渡せることを知ったので、これを使うことにしました。

環境

Ruby 1.9.2
Ruby on Rails 3.0.3
Haml 3.1.0.alpha.147

書き方

まずサイドバーをあらわす_sidebar.html.hamlを用意します。

_sidebar.html.haml

%aside
  = yield

そしてサイドバーを呼び出したいビュー(ここではsomething.html.haml)を以下のように書きます。

something.html.haml

%article
  %h1 Tシャツ
= render :layout => 'sidebar' do
  %ul
    %li ハイテク
    %li NEO

something.html.hamlのページを開くとこんな感じのHTMLになります。

<article> 
  <h1>Tシャツ</h1> 
</article>
<aside> 
  <ul> 
    <li>ハイテク</li> 
    <li>NEO</li> 
  </ul> 
</aside>

ソースコードを見る限り、ブロックを渡すときは:partialではなく:layoutでないといけないみたいです。

参考

Rails render partial with block - Stack Overflow

Permalink | コメント(0) | トラックバック(0) | 12:54

2010-11-24

jQueryでAjax on Kay framework

gae, python, kay, jquery

jQueryの$.ajax()から送ったデータをKayで受け取りレスポンスを返すまでのコードをメモしておきます。

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Top Page - jquery_ajax</title>
</head>
<body>
  <input type="text" id="data">
  <input type="button" value="送信" id="submit">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script type="text/javascript">
    $("#submit").click(function () {
      $.ajax({
        type: "POST",
        url: "/send",
        data: {"data": $("#data").val()},
        success: function (msg) {
          alert("success! : " + msg);
        }
      });
    });
  </script>
</body>
</html>

フォームとボタンを1つずつ用意して、ボタンが押されたらフォームに書いた内容をサーバに送るという内容です。今回はjQueryを使うためにGoogle Libraries APIを使っています。

urls.py

# -*- coding: utf-8 -*-

from kay.routing import (
    ViewGroup, Rule
)

view_groups = [
    ViewGroup(
        Rule('/', endpoint='index', view='jquery_ajax.views.index'),
        Rule('/send', endpoint='send', methods=['POST'], view='jquery_ajax.views.send'),
    )
]

kay.routingのRuleクラスはWerkzeugのRuleクラスを継承しています。その__init__()にmethodsという引数があったので、それを2つ目のルールで使っています。ここでPOSTメソッドを使うということを書いておけば、Viewでrequest.method == 'POST'とかしなくて済むので、Viewがスッキリします。

views.py

# -*- coding: utf-8 -*-

from werkzeug import Response

from kay.utils import render_to_response


def index(request):
    return render_to_response('jquery_ajax/index.html')

def send(request):
    return Response(request.form['data'] + u'ゲソ')

$.ajax()で送ったデータはrequest.formに格納されています。このrequest.formはWerkzeugのCombinedMultiDictクラスのオブジェクトなので、辞書から要素を取り出すようにキーを指定すれば要素を取得できます。

これで「うまくいった」などとフォームに書いてボタンを押すと、「success! : うまくいったゲソ」とalertされます。

Permalink | コメント(0) | トラックバック(0) | 13:03

2010-10-11

MacにPython, Distribute, virtualenv(, pip)をインストールしたよ

python, distribute, virtualenv, pip

環境

Mac OS X 10.6.4
Python 2.6.6
Distribute 0.6.14
virtualenv 1.5.1
pip 0.8.1

Pythonをインストールする

$ sudo port install python26
$ sudo port install python_select
$ sudo python_select python26

Distributeをインストールする

Distribute is a fork of the Setuptools project.
http://packages.python.org/distribute

「エキスパートPythonプログラミング」を見るまで存在を知りませんでした＞＜

$ curl -O http://python-distribute.org/distribute_setup.py
$ sudo python distribute_setup.py

virtualenvをインストールする

virtualenv is a tool to create isolated Python environments.
http://virtualenv.openplans.org/

$ sudo easy_install virtualenv

pipはインストールされている

pip installs Python packages.
http://pip.openplans.org/

pipはvirtualenv環境で使えるようになっているので、自分でインストールする必要は(多分)ありません。

$ pip --version
-bash: pip: command not found
$ virtualenv ENV
$ source ENV/bin/activate
(ENV)$ pip --version
pip 0.8.1 from /Users/bojovs/Desktop/ENV/lib/python2.6/site-packages/pip-0.8.1-py2.6.egg (python 2.6)

参考

Permalink | コメント(0) | トラックバック(0) | 03:55