投稿日 2008年5月19日 月曜日 カテゴリ CMS, MODx 投稿者 sugimotoコメント(0) » 

MODxのsnippetを使うと、コンテンツを管理、表示するための便利な機能を作ることができます。

snippetはMODx本体と同じように、PHPで書きます。zeera document searchのページで使う、「次のページへ」のリンクを作るsnippetを作りました。

modx オブジェクトの関数

modx オブジェクトはMODxがページを表示するときに必ず作成されるオブジェクトです。 DocumentParserクラスから作られます。DocumentParserクラスはドキュメントを表示する機能を提供するクラスですが、それ以外にも

  • データベースから任意のドキュメントを取ってくる
  • ドキュメントのパラメータの取得
  • プレースホルダーの作成

などのAPIを提供しています。たとえば、次のようなAPIがあります。

  • getParentIds($id, $height, $parent) : 親ドキュメントのIDをrecursiveに取得
  • getChildIds($id, $height, $children) : 子ドキュメントのIDをrecursiveに取得
  • getDocument($id, $fields, $published, $deleted) : ドキュメントを取得してarrayで返します。
  • getDocuments($id, $fields, $published, $deleted) : $id に一括取得するドキュメントのIDをarrayで指定します。
  • getActiveChildren($id, $sort, $dir, $fields) : 子ドキュメントを一括取得します。
  • makeURL($id, $alias, $args, $scheme) : フレンドリーURLを返します。
  • getPlaceholder($name) : プレースホルダーに設定された値を取得。
  • setPlaceholder($name, $value) : プレースホルダーを作ります。

snippetの作成

管理画面で、[リソース]->[リソース管理]->[スニペット]->[新規作成]で、snippetを作成します。

今回は[次へ]リンクを作成するためのDocumentPager snippetを作りました。

親IDが同じドキュメントのうち、指定したソート順で次(前)のドキュメントをプレースホルダーにします。

[[DocumentPager? &sortBy='id' &sortDir='ASC' &returnId='xx']]
[+dpPrev+] [+dpNext+]

パラメータ

  • sortBy: 次、前のドキュメントを探す順番
  • sortDir: 次、前のドキュメントを探す順番
  • returnId: 最初と最後のドキュメントで[戻る]リンクの先ドキュメントID

作られるPlaceholder

  • [+dpPrevId+]: 前のドキュメントのID
  • [+dpPrevPagetitle+]: 前のドキュメントのページタイトル
  • [+dpPrevAlias+]: 前のドキュメントのAlias
  • [+dpPrevLink+]: 前のドキュメントへのリンク
  • [+dpNextId+]: 次のドキュメントのID
  • [+dpNextPagetitle+]: 次のドキュメントのページタイトル
  • [+dpNextAlias+]: 次のドキュメントのAlias
  • [+dpNextLink+]: 次のドキュメントのリンク

snippet

< ?php
class DocumentPager {
    var $id, $sort, $dir, $return;
    function DocumentPager($sort = "id", $dir = "ASC", $returnId = null) {
        global $modx;
        $this->id = $modx->documentIdentifier;
        $this->sort = "id";
        $this->dir = "ASC";
        $this->returnId = $return;
        $this->getDocuments();
        $this->return = $modx->getDocument($returnId);
        $this->setPlaceholders();
    }
    function getDocuments() {
        global $modx;
        $parent = $modx->getParent();
        $docs = $modx->getActiveChildren($parent['id'], $this->sort, $this->dir);
        $found = false;
        for ($i = 0; $i < count($docs); $i++) {
            if ($this->id == $docs[$i]['id']) {
                $this->next = $docs[$i + 1];
                break;
            }
            $this->prev = $docs[$i];
        }
    }
    function setPlaceholders() {
        global $modx;
        if ($this->prev != null) {
            $modx->setPlaceholder('dpPrevId', $this->prev['id']);
            $modx->setPlaceholder('dpPrevPagetitle', $this->prev['pagetitle']);
            $modx->setPlaceholder('dpPrevAlias', $this->prev['alias']);
            $prevLink = "<a href='". $modx->makeUrl($this->prev['id']) ."'>« ". $this->prev['pagetitle'] ."</a>";
            $modx->setPlaceholder('dpPrev', $prevLink);
        } elseif ($this->return) {
            $prevLink = "<a href='". $modx->makeUrl($this->return['id']) ."'>« ". $this->return['pagetitle'] ."に戻る</a>";
            $modx->setPlaceholder('dpPrev', $prevLink);
        }
        if ($this->next != null) {
            $modx->setPlaceholder('dpNextId', $this->next['id']);
            $modx->setPlaceholder('dpNextPagetitle', $this->next['pagetitle']);
            $modx->setPlaceholder('dpNextAlias', $this->next['alias']);
            $nextLink = "<a href='". $modx->makeUrl($this->next['id']) ."'>". $this->next['pagetitle'] ." »</a>";
            $modx->setPlaceholder('dpNext', $nextLink);
        } elseif ($this->return) {
            $nextLink = "<a href='". $modx->makeUrl($this->return['id']) ."'>". $this->return['pagetitle'] ."に戻る »</a>";
            $modx->setPlaceholder('dpNext', $nextLink);
        }
    }
}
new DocumentPager($sortBy, $sortDir, $returnId);
?>

参考

投稿日 2008年5月7日 水曜日 カテゴリ couchdb, tiddlywiki 投稿者 sugimotoコメント(0) » 

TiddlyWiki」はjavascriptをベースにしたWiki形式のパーソナルメモツールです。

よくあるサーバアプリケーション型のWikiツールに比べると、動作が軽快で(文書数が多くなると検索が遅くなりますが。)使いやすいため、メモ帳のようにして使っていました。

サーバアプリケーションとして実装するためのクローンやプラグインも公開されていますが、CouchDBをバックエンドにするアダプターを作ったので公開します。

CouchDBは以前の記事で書きましたが、Erlangで書かれた分散データベースです。 RESTfulなAPIを持つため、クライアントサイドのjavascriptから直接データベースへのCRUDができます。

jQueryとCouchDB用のAdaptertとなる、jqCouchを使っています。

(右リックして保存してください。)

使い方

1. CouchDBの設定

CouchDBのインストールと設定はCouchDBのWikiページを参考にしてください。
CouchDBにデータベースを作成します。データベースのURLは http://yourserver/dbname となるようにWebサーバを設定してください。

2. TiddlyWikiの設定

WebサーバのドキュメントルートにTiddlyWikiをおきます。
http://servername/tiddlywiki.html でアクセス可能なように、htmlファイルの名前を変更しておきましょう。
(ファイル名は好きな名前にしてください。)

3. ライブラリのダウンロード

twcouch.jsで必要なライブラリは次の2つです。

どちらもjQueryのページからダウンロードできます。

4. twcouch.jsの設定

ダウンロードしたtwcouch.jsの設定を変更します。

[twcouch.js]
config.macros.couchdb = {
    servertype: 'couchdb',
    hostname: 'servername',  <= サーバ名に変更
    dbname: 'database'          <= データベース名に変更
}

5. twcouch.jsのロード

これまでの設定で、ファイルは次のようにおいてあります。

 DocumentRoot
  +-- tiddlywiki.html
  +-- twcouch.js
  +-- jquery.js
  +-- jqcouch.js

twcouchjsが正しくロードされるようにTiddlyWikiを書き換えます。
POST-SCRIPT の設定に追加します。

[tiddlywiki.html]
<!--POST-SCRIPT-START-->
<script type="text/javascript" src=jquery.js"></script>   <= 追加
<script type="text/javascript" src=jqcouch.js"></script>   <= 追加
<script type="text/javascript" src=twcouch.js"></script>   <= 追加
<!--POST-SCRIPT-END-->

6. 確認

http://servername/tiddlywiki.html でTiddlyWikiが使えることを確認します。

参考