Thymeleafを使ったステータスで表示内容を制御する方法
SPIRAL ver.2 では、サーバーサイドで動作するテンプレートエンジン Thymeleafを採用しています。 特徴としては、タグに 属性名th:~ を設定することで、タグ構成を保ちながら動的に操作できる点です。 今回は、ログイン時のユーザーのステータスで表
ナレッジサイト
ログイン
SPIRAL ver.2 では、サーバーサイドで動作するテンプレートエンジン Thymeleafを採用しています。 特徴としては、タグに 属性名th:~ を設定することで、タグ構成を保ちながら動的に操作できる点です。 今回は、ログイン時のユーザーのステータスで表
登録・更新時の完了画面でアップロードされた画像を表示させるサンプルプログラムを作成いたしました。 写真投稿キャンペーンなどで、完了画面でアップロードされた画像を表示したい場合は、ぜひ参考にしてみてください。 また、ファイル添付時にサムネイルを表示させる強化ガジェ
SPIRAL ver.2 のサイト管理での日付操作をまとめました。 レコード値、認証値や引用値などは、Thymeleaf で出力を行うため、出力方法や比較など日付を操作したい場合の参考にしてください。 レコード値の 日付/月日/時刻 フィールドの値を
更新フォームブロックのインプットタグ部分の構造や役割を解説いたします。 更新フォームブロック全体のソースについては「更新フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照く
更新フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「更新フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T
削除フォームブロックのソースの構造や役割を解説いたします。 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 目次機能概要Thymeleafとは？HTMLエディタフォームの入力ステップページの記述方法フォーム項目フォーム項目名（ラベル）インプットタグエラーメッセージヘルプテキスト記述例：フォームの確認ステップページ入力/選択した値の表示日時系フィールドの表示形式編集f0XXXについて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.フォーム作成2.ページ詳細画面3. 入力ステップページの作成4. タグの差し替え5.確認ステップペ...
フォームブロックのソース解説 フォームブロックのソース設定では、HTMLエディタでThymeleafを使用することができます。 Thymeleafについての説明は以下のページをご参照ください。 ソース設定とThymeleaf Thymeleaf記法 SPIRAL ナレッジサイトでは、Thymeleafの使い方や、フォームブロック毎のソースの構造や役割を解説しておりますのでこちらもご参照ください。 ...
PHPでURLパラメータを取得したり、PHPの実行結果をページやブロックに表示したい。 ページに設定したPHPを使って、ページのURLパラメータを取得したり、PHPの実行結果をページやブロックに表示する機能を提供しています。 当該機能を使用するには、独自クラス「$SPIRAL」にアクセスし、独自関数を使用します。 使い方 //URLパラメータを取得 $SPIRAL->getParam(&qu...
パラメータ付与 目次機能概要機能仕様各ステップのパラメータ付与パラメータ付与対象ブロックURL表示形式ページリンクへのパラメータ設定1．リンク先設定2．パラメータ入力フォームブロックへのパラメータ設定 機能概要 Googleアナリティクスなどのアクセス解析ツールやMAツールのパラメータなどをリンク先URLに付与することで、 フォームブロック上にリンクを設置する際にパラメータを付与させたり、フォーム...
登録フォームブロックのソース設定 目次機能概要機能仕様UI1．フォームブロック作成モーダル2．フォーム設定画面コンテンツ：入力ステップ/確認ステップ複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了締切エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールド...
DBに登録されているデータを登録フォームに表示 PHPとAPIを使用して、DBに登録されているデータを登録フォーム上に表示するサンプルプログラムです。 目次ページのPHPブロックの登録フォームソース ページのPHP <?php //------------------------------------------------ //DBのデータを画面に表示 //---------------...
残席状況表示 セミナーなどの定員数や枠数に対して、申込み数の合計から、残り数を算出し、レコードアイテムブロックにて、自動的に「残席わずか」と表示したり、申込ボタンの表示を変えるサンプルプログラムです。 目次レコードアイテムブロックを設定したページのPHPレコードアイテムブロックのbody レコードアイテムブロックを設定したページのPHP <?php //-------------------...
レコード検索ブロックのソース設定 目次機能概要機能仕様レコード検索ブロックの作成レコード検索設定プレビューレコード検索CSS/JSCSSJS 機能概要 レコード検索ブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定にな...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 サイト管理 ・サイト機能の全体像 ・ページ機能 ・ブロック機能 ・登録フォームブロック ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf ・フォームのメールアクション ・ページのソース設定 ・テスト環境/本番環境とリリース ・サイト管理権限 ・登録フォームブロッ...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 アプリ利用 レコード ・レコード管理 －レコード詳細検索 ・レコード一括登録 ・レコード一括更新 ・レコード一括更新登録 ・レコード一括削除 ・レコード一括ダウンロード ・ファイル一括ダウンロード メール配信 ・一斉メール配信 ・配信ログ ・メールのクリックカウント/HTMLメール開封確認 アプリ管理...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 スタイル ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf
参照先DBのレコードをフォームにプルダウンで表示 PHPとAPIを使用して、参照先DBに登録されているデータを参照元DBの登録フォーム入力ステップ上にプルダウンで表示するサンプルプログラムです。 ここでは、セミナー申込DBの登録フォームに、セミナーマスタDBに登録されているセミナー名をプルダウンで表示しつつセミナー管理IDを登録するサンプルプログラムを紹介します。 ※予め各DBに必要なフィールドを...
更新フォームブロックのソース設定 目次機能概要機能仕様更新フォームブロック設定プレビュー更新フォーム複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 更新フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます...
削除フォームブロックのソース設定 目次機能概要機能仕様削除フォームブロック設定プレビュー削除フォームメールアクション完了エラーCSS/JSCSSJS共通設定 機能概要 削除フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※...
ログインフォームブロックのソース設定 目次機能概要機能仕様ログインフォームブロック設定プレビューログインフォームID/PASSWORDステップメールアクションエラーステップCSS/JSCSSJS共通設定 機能概要 ログインフォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thy...
レコードアイテムブロックのソース設定 目次機能概要機能仕様レコードアイテムブロックの作成レコードアイテム設定プレビューレコードアイテムフィールドパーツ追加サイト内ページリンク追加ファイル挿入フィールド一覧CSS/JSCSSJS 機能概要 レコードアイテムブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記...
パスワード再登録フォームブロックのソース設定 目次機能概要機能仕様パスワード再登録フォームブロック設定プレビューパスワード再登録フォーム依頼ステップ依頼完了ステップ依頼メール再登録ステップ再登録完了ステップ再登録完了メールエラーステップCSS/JSCSSJS共通設定 機能概要 パスワード再登録フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様...
レコードリストブロックのソース設定 目次機能概要機能仕様レコードリストブロックの作成レコードリスト設定プレビューレコードリストコード挿入設定例フィールド追加サイト内ページリンク追加CSS/JSCSSJSリスト設定 機能概要 レコードリストブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記法で記述されます...
レコード照合フォームブロックのソース設定 目次機能概要機能仕様レコード照合フォームブロック設定プレビューレコード照合フォーム（ソース設定）入力ステップ照合成功/照合失敗ステップ照合成功メールエラーステップCSS/JSCSSJS共通設定 機能概要 レコード照合フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThym...
自動登録 目次機能概要機能仕様値タイプ値タイプの指定可能条件各機能詳細固定引用値注意事項 機能概要 フォームブロックからレコード登録/更新する際、認証エリアに紐づく認証DB内のフィールドの値(認証レコード値)、URLパラメータで引き継ぎたい値(任意値)をフォームからDBへ自動登録させたり、予め指定した値(固定値)をDBへ自動登録するための機能です。 ※ 本機能は、登録フォームブロック、更新フォーム...
フォームブロック 目次機能概要フォームブロックの種類メールアクション複数ステップステップフロー完了ステップエラーステップ 機能概要 フォームブロックとは、DBに対してデータ登録、更新、削除を行うためのサイト上の画面のことです。 入力するデータに応じて、テキスト入力やプルダウン、ラジオボタンなどのフィールドを配置して作成することができます。 フォームブロックの種類 登録フォームブロック DB内にレコ...
フォームブロックのプレビュー画面にAn error has occurred - line XXXと表示される HTMLタグのカッコの記載漏れ（例：</divなど）や、Thymeleaf記述の間違い等が主な原因となります。 プレビュー画面に表示されているエラーのline XXXが当該箇所の行数になります。再度該当ページのソースをご確認ください。...
フォームブロック 目次機能概要フォームブロックの種類メールアクション複数ステップステップフロー完了ステップエラーステップ 機能概要 フォームブロックとは、DBに対してデータ登録、更新、削除を行うためのサイト上の画面のことです。 入力するデータに応じて、テキスト入力やプルダウン、ラジオボタンなどのフィールドを配置して作成することができます。 フォームブロックの種類 登録フォームブロック DB内にレコ...
【アップデート情報】ver.2.18（2021年11月30日実施） 2021年10月14日2021年11月30日実施のver.2.18アップデートに関する主な内容は以下になります。 目次新機能【アプリ】【サイト】機能改善【アプリ＞メール配信】【サイト＞ページ】【サイト＞ブロック】【サイト＞認証エリア】【サイト＞サイト管理権限】仕様変更【アプリ＞DB】不具合修正 新機能 【アプリ】 DBトリガ(レコ...