Download the PHP package blocs/admin without Composer

A PHP template engine based on HTML

BLOCSはPHPで動作するテンプレートエンジンです。 テンプレートエンジンとは、プログラムで作成されたデータとデザインのためのテンプレート（ビュー）を紐つけてHTMLを生成するライブラリです。テンプレートエンジンを使うことで、プログラムとテンプレートを分離することができます。

ロジック（プログラム）とデザイン（HTML/CSS）を分離して疎な関係にすることで、プログラマーとコーダーのお互いのソース変更や開発の遅れなどの影響を最小限にし、効率的な開発、維持を行うことができます。

理念

• HTMLと同様にあつかえる（HTMLとの親和性）
• 直感的でシンプルに記述できる
• 入力フォームと一緒にバリデーションが設定できる

HTMLとの親和性

BLOCSは、データとテンプレートの紐つけにデータ属性を使用します。 データ属性は特別なタグなどではなく、通常のタグに属性を追加するだけですので、普通のHTMLと同様に扱うことができます。 すなわち、オーサリングツールで作成したHTMLをそのままテンプレートとして使用でき、またオーサリングツールを使ってテンプレートを変更できるということです。

BLOCSでの記述例:

直感的でシンプルな記述

タグにデータ属性を追加することで、プログラムより渡されたデータを表示したり、条件にしたがって表示/非表示を制御することができます。 データ属性を組み合わせることで、非常にシンプルにデータとテンプレートの紐つけができます。

また、データ属性は4種類しかありません。 学習コストが小さいので、プログラムがわからないデザイナーやコーダーでもテンプレートの作成、変更ができます。 デザインに変更が入るたびにプログラマーにテンプレートの変更を依頼しなくてもよくなります。

代表的なテンプレートエンジンでの記述例:

BLOCSでの記述例:

バリデーション

BLOCSなら面倒な入力値のチェック処理（バリデーション）も簡単です。データ属性でチェック条件と、エラーメッセージが設定できます。また、BLOCSはjQuery Validation Engineと連携して、JavaScriptによるリアルタイムでのバリデーションもできます。ユーザーを待たせず画面遷移なしで、入力画面で即時に入力データをチェックできます。

さらに、BLOCSはメニュー項目の入力値チェックをします。メニュー項目にない値が入力された時にはエラーを表示されますので、不正なデータ入力を防げます。そして、正しいデータはメニューのラベルを自動で取得して変換しますので、入力データの確認画面などで面倒な値の変換処理を作る必要はありません。

テンプレート（メニュー入力画面）:

表示結果:
3行目: メニュー項目のラベル（個人のお客様）を表示