Thymeleafを使ったステータスで表示内容を制御する方法
SPIRAL ver.2 では、サーバーサイドで動作するテンプレートエンジン Thymeleafを採用しています。 特徴としては、タグに 属性名th:~ を設定することで、タグ構成を保ちながら動的に操作できる点です。 今回は、ログイン時のユーザーのステータスで表
ナレッジサイト
ログイン
SPIRAL ver.2 では、サーバーサイドで動作するテンプレートエンジン Thymeleafを採用しています。 特徴としては、タグに 属性名th:~ を設定することで、タグ構成を保ちながら動的に操作できる点です。 今回は、ログイン時のユーザーのステータスで表
登録・更新時の完了画面でアップロードされた画像を表示させるサンプルプログラムを作成いたしました。 写真投稿キャンペーンなどで、完了画面でアップロードされた画像を表示したい場合は、ぜひ参考にしてみてください。 また、ファイル添付時にサムネイルを表示させる強化ガジェ
SPIRAL ver.2 のサイト管理での日付操作をまとめました。 レコード値、認証値や引用値などは、Thymeleaf で出力を行うため、出力方法や比較など日付を操作したい場合の参考にしてください。 レコード値の 日付/月日/時刻 フィールドの値を
更新フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「更新フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T
更新フォームブロックのインプットタグ部分の構造や役割を解説いたします。 更新フォームブロック全体のソースについては「更新フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照く
削除フォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧ください。 関連記事はこち
ログインフォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧ください。 関連記
レコード検索ブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォーム
ver.2 を使ってサイトを作る際に使用する Thymeleaf の小技を実用例を元に紹介します。 変更・改定履歴 [ 2022.07.29 ] 改定 「レコードID」の記述を「フィールドID」に変更 [ 2022.09.12 ] 追加 認証値の 日付/月日/時刻 の値を分解して表示する方法を追加...
最近ではWeb会議ツールを使用したセミナー、ウェビナーが主流となってきています。 参加する側は気軽に参加ができ、運営する側はWeb会議ツールを用意するだけでよく会場の手配などが不要なので、両者にメリットがありそうです。 そんなウェビナー管理ですが、SPIRALver.2では申込受付から
レコードアイテムのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォームブ
レコードリストブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォ
登録フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「登録フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T
登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照くださ
完了画面でサイト内ページリンクに登録情報をパラメータとして付与する方法を紹介します。 「サイト内ページ選択」と「URL直接入力」の2種類の方法があり、記載方法が変わるため、両方を参考にしてください。 ※ 完了動作の「リダイレクト」「ページ内リンク」には対応していません
SPIRAL ver.2 おいて、ver.2.18時点では、サイト側にファイルダウンロード機能が実装されていません。(※) 今回は、 DB に保存されているファイルをサイト側でダウンロード可能にするボタンを作ってみました。 ファイルをダウンロ
Thymeleaf の使い方（書き方）がよくわからないという質問を多くいただきましたので、よくある使い方をまとめました。 この記事は、【 MKupdate vol.4「SPIRAL ver.2.18 PHP」】を基に記載しています。 重複する部分がありますが、ご了承ください。 また、P
SPIRAL ver.2.18 のアップデートで「PHP実行環境」がリリースされました。 前回のMK update でも ver.2 の メンテナンス性についてご案内しましたが、 今回も引き続き アップデートで利用可能となった PHPについて、「メン
ver.2.18 にて PHPが利用できるようになりました。 PHP が使えるようになったということで試しにカレンダーを作ってみました。 ver.2 では、PHP + Thymeleaf なので、使い方の参考になれば。 当月のみ表示のカレンダー まず
ソース設定とThymeleaf 機能概要 SPIRAL ver2ではDBやフォームの設定、入力値をページ上で表示などのために、テンプレートエンジンとしてThymeleaf（タイムリーフ）を使用しています。 例えば、通常のHTMLタグでフォームのドロップダウンを記述した場合、 DB側で項目追加や名称変更した際に、HTML側も手動で変更する必要がありますが、SPIRAL ver2のコードを挿入すると自...
Thymeleaf記法 Thymeleaf（タイムリーフ）は属性名th:~で指定された値を処理し様々なHTMLを生成することができます。 <div th:text="${'Hello!'}">Goodbye!</div> 上記の場合th:textの中の文字列"Hello!"を"Goodbye!"...
PHP サイト内のページ（ソース設定）にて、PHPを実行することができます。 実行結果はThymeleafを使用し、ページのbody（ソース設定）およびブロック（ソース設定）に渡すことができます。 外部サービスのAPIやSPIRAL ver.2のAPIと連携することで、多機能なアプリケーションを構築することができます。 仕様 SPIRAL ver.2で提供するPHPの構成 各機能の役割 機能 説明...
既存のHTML＋CSSを使ってフォームを作成したい 既存のHTML＋CSSを使ってフォームを作成したい場合には、フォーム入力/選択部分や各項目のエラーメッセージをThymeleaf記法に差し替えることで機能します。 ※Thymeleaf（タイムリーフ記法）記法について詳しくはこちら 作成の流れ 1.フォーム作成 こちらのフローに沿ってフォームを作成します。（※作成済みの場合は以下に進んでください）...
PHPでURLパラメータを取得したり、PHPの実行結果をページやブロックに表示したい。 ページに設定したPHPを使って、ページのURLパラメータを取得したり、PHPの実行結果をページやブロックに表示する機能を提供しています。 当該機能を使用するには、独自クラス「$SPIRAL」にアクセスし、独自関数を使用します。 使い方 //URLパラメータを取得 $SPIRAL->getParam(&qu...
パラメータ付与 機能概要 Googleアナリティクスなどのアクセス解析ツールやMAツールのパラメータなどをリンク先URLに付与することで、 フォームブロック上にリンクを設置する際にパラメータを付与させたり、フォームブロックを配置するページURLの末尾に 指定したクエリパラメータの値をフォームから指定のフィールドに自動登録することができます。 機能仕様 ・URL末尾に「？」を付与、?以降のパラメータ...
登録フォームブロックのソース設定 機能概要 フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジュア...
レコードリストブロックのソース設定 機能概要 レコードリストブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているレコードリストブロックをソース設定に変更することは可能ですが、一度ソース設定にしたレコードリス...
レコードアイテムブロックのソース設定 機能概要 レコードアイテムブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているレコードアイテムブロックをソース設定に変更することは可能ですが、一度ソース設定にしたレコー...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 スタイル ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf
パスワード再登録フォームブロックのソース設定 機能概要 パスワード再登録フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にし...
残席状況表示 セミナーなどの定員数や枠数に対して、申込み数の合計から、残り数を算出し、レコードアイテムブロックにて、自動的に「残席わずか」と表示したり、申込ボタンの表示を変えるサンプルプログラムです。 レコードアイテムブロックを設定したページのPHP <?php //------------------------------------------------ //残席わずか表示 //--...
レコード照合フォームブロックのソース設定 機能概要 レコード照合フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォー...
削除フォームブロックのソース設定 機能概要 削除フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジ...
ログインフォームブロックのソース設定 機能概要 ログインフォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロッ...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 サイト管理 ・サイト機能の全体像 ・ページ機能 ・ブロック機能 ・登録フォームブロック ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf ・フォームのメールアクション ・ページのソース設定 ・サイトの独自ドメインオプション ・テスト環境/本番環境とリリース ・サ...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 アプリ利用 レコード ・レコード管理 －レコード詳細検索 ・レコード一括登録 ・レコード一括更新 ・レコード一括更新登録 ・レコード一括削除 ・レコード一括ダウンロード メール配信 ・一斉メール配信 ・配信ログ ・メールのクリックカウント/HTMLメール開封確認 アプリ管理 アプリ ・アプリ機能 ・ア...
DBに登録されているデータを登録フォームに表示 PHPとAPIを使用して、DBに登録されているデータを登録フォーム上に表示するサンプルプログラムです。 ページのPHP <?php //------------------------------------------------ //DBのデータを画面に表示 //---------------------------------------...
更新フォームブロックのソース設定 機能概要 更新フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジ...
参照先DBのレコードをフォームにプルダウンで表示 PHPとAPIを使用して、参照先DBに登録されているデータを参照元DBの登録フォーム入力ステップ上にプルダウンで表示するサンプルプログラムです。 ここでは、セミナー申込DBの登録フォームに、セミナーマスタDBに登録されているセミナー名をプルダウンで表示しつつセミナー管理IDを登録するサンプルプログラムを紹介します。 ※予め各DBに必要なフィールドを...
自動登録 機能概要 フォームブロックからレコード登録する際、認証エリアに紐づく認証DB内のフィールドの値(認証レコード値)、URLパラメータで引き継ぎたい値(任意値)をフォームからDBへ自動登録させたり、予め指定した値(固定値)をDBへ自動登録するための機能です。 ※ 本機能は、登録フォームブロックのみ使用できます。 ※ 入力ステップで既に使用しているフィールドを設定することはできません。 ※ 入...
【アップデート情報】ver.2.18（2021年11月30日実施） 2021年10月14日2021年11月30日実施のver.2.18アップデートに関する主な内容は以下になります。 新機能 【アプリ】 DBトリガ(レコードアクション/非同期アクション) DBにレコード登録、更新、削除されたタイミングで、発動条件に基づき、以下のアクションを実行できるようになります。 1) レコードアクション：自DB...
フォームブロック 機能概要 フォームブロックとは、DBに対してデータ登録、更新、削除を行うためのサイト上の画面のことです。 入力するデータに応じて、テキスト入力やプルダウン、ラジオボタンなどのフィールドを配置して作成することができます。 フォームブロックの種類 登録フォームブロック DB内にレコードを登録するためのフォームブロックです。 更新フォームブロック DB内の特定のレコードを更新するための...
フォームブロック 機能概要 フォームブロックとは、DBに対してデータ登録、更新、削除を行うためのサイト上の画面のことです。 入力するデータに応じて、テキスト入力やプルダウン、ラジオボタンなどのフィールドを配置して作成することができます。 フォームブロックの種類 登録フォームブロック DB内にレコードを登録するためのフォームブロックです。 更新フォームブロック DB内の特定のレコードを更新するための...
フォームブロックのプレビュー画面にAn error has occurred - line XXXと表示される HTMLタグのカッコの記載漏れ（例：</divなど）や、Thymeleaf記述の間違い等が主な原因となります。 プレビュー画面に表示されているエラーのline XXXが当該箇所の行数になります。再度該当ページのソースをご確認ください。...