パッケージ共通/カスタマイズしよう！/項目を追加しよう！/テキストエリア形式
をテンプレートにして作成
開始行:
*テキストフィールド形式 [#me057373]
このSTEPでは、テキストフィールドを持った項目を追加します。~
これは「給与」のような項目の事です。
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea01....
今回は例として、求人情報の項目に''「求める人物像」''とい...
テキストフィールド形式の項目の追加は以下のような手順で行...
&color(red){※この項目が入力されていないと情報を登録できな...
#contents
**デザインテンプレートを開く [#s9d02e22]
まず、項目を追加したいページのテンプレートを開きます。~
今回は、求人情報の登録項目を追加しますので、下記のテンプ...
jobsystem/template/pc/job/Regist.html
上記のテンプレートは、''企業がログインした状態で以下のURL...
設置先のURL/regist.php?type=job
**デザイン上に項目を追加する [#faf7b790]
まず、デザイン上に項目を追加しましょう。
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea02....
通常のソースコードの例
<tr>
<th>求める人物像</th>
<td colspan="3"><textarea name="character" cols="50" row...
</tr>
フォームパーツを含むHTMLソースは大抵このような感じで書く...
これを、当システムのフォームパーツの書き方に変更して下さ...
以下のように、テキストエリアを出力するコマンドコメントを...
<!--# form textarea character 50 3 #-->
このコマンドコメントは以下のような意味を持つ物です。
+フォームパーツを出力しなさい
+テキストエリア形式で出力しなさい
+フィールド名はcharacterにしなさい
+テキストエリアのcolsは50にしなさい
+テキストエリアのrowsは3にしなさい
この変更を保存してFTPでアップロードし、一度表示を確認して...
コマンドコメントで書いたコードがテキストエリア形式で表示...
それでは、ここに入力されたデータを実際にデータベースに登...
**データを格納するフィールドを設定する [#dc6983e0]
まずはフィールドの設定を行います。
以下のファイルを開いてください。
jobsystem/lst/job.csv
#ref(パッケージ共通/カスタマイズしよう！/plus_lst.gif,wra...
エクセルで開いた場合、上の画像のようになります。
以下は、このファイルのA列からF列までのデータの説明です。
|A列|B列|C列|D列|E列|F列|h
|フィールド名|データ型|文字列の長さ|登録時必須チェック|編...
※より詳しい説明・入力例は[[項目定義ファイル>パッケージ共...
今回は、登録時と編集時に必須チェックを行いますのでA列とB...
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea03....
A列にフィールド名「''character''」を~
B列にはデータ型「''string''」を、~
C列は文字列の制限ですので空白のまま、~
D列に登録時に必須チェックを行う事を意味する「''Null''」を~
E列に編集時に必須チェックを行う事を意味する「''Null''」を...
&color(red){※今回の例では、必ず一番最後の行に追加して下さ...
これを保存し、FTPで以下の場所に上書きアップロードします。
設置先URL/lst/job.csv
アップロードが終わったら、''tool.php''にアクセスしパスワ...
初期パスワードは''readme.txt''を確認してください。
#ref(パッケージ共通/カスタマイズしよう！/plus_text04.gif,...
このまま''job''の''インポート''をクリックすると、データが...
今回は現時点のデータを維持したまま、フィールドをセットし...
+''job''の''エクスポート''をクリックし、SQLデータベースの...
+その後、''job''の''インポート''をクリックし、もう一度SQL...
&color(red){※項目を最後に追記する形を取っていない場合は、...
&color(red){※既存データの位置に変更が入らない場合のみ、上...
&color(red){※この手順を行った場合は、作業後にFTPからtdb以...
&color(red){※既に運営中のサイトで作業を行う場合は、細心の...
**必須入力エラーを設定する [#wc1c3d7c]
項目に何も入力されていない場合、エラーを出力するようにし...
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea04....
上の画像は入力エラー時に表示される画面の例です。
-入力エラー時には''背景の色が変わる''
-入力エラー時には''「～が入力されていません」''等の文言が...
この二つをそれぞれ設定する必要があります。
以下のファイルを開いてください。~
登録ページと併せて編集ページの作業も行うと効率が良いでし...
jobsystem/template/pc/job/Regist.html ※求人情報の登録ペ...
jobsystem/template/pc/job/Edit.html ※求人情報の編集ページ
それでは、エラー時の背景色とエラー時の文言にわけて説明し...
2つの修正が終わったらFTPでアップロードし、動作を確認して...
***エラー時の背景色を変える [#a489a7ca]
エラー時に背景色を変える為に、''そのフィールドでエラーが...
<td class="(!--# syscode is_validate character #--)">
<!--# form textarea character 50 3 #-->
</td>
このソースコードが、エラー表示時には以下のようになります。
<td class="validate">省略</td>
このように、tdにCSS(カスケーディングスタイルシート)のクラ...
エラー時の背景色を変えたい場合は、CSSの該当箇所を修正しま...
***エラー時の文言を挿入 [#aa9ec545]
エラー時に文言を挿入する為に、''そのフィールドでエラーが...
下記のようにエラーを挿入したい位置にコードを記述します。
<td class="(!--# syscode is_validate character #--)">
<!--# form textarea character 50 3 #-->
<!--# syscode validate character #-->
</td>
呼び出される文言の設定は以下のファイルで行います。~
これはエラー時の文言を集めたテンプレートです。
jobsystem/template/pc/job/RegistFaled.html
このファイルに以下のような形式で記述します。
<!--# readhead character #-->
求める人材像が入力されていません。<br />
<!--# readend #-->
※''character''の箇所は適切なフィールド名を入力します。
**データを表示する [#o89d9366]
これまでの手順で、データを登録する事が出来るようになりま...
それでは、登録したデータを表示させる為に登録したデータに...
まず、登録内容の確認ページでデータを表示させる必要があり...
登録内容の確認ページのテンプレートは以下のファイルです
jobsystem/template/pc/job/RegistCheck.html
入力されたデータを表示する為のコマンドコメントは次のよう...
<!--# value character #-->
登録確認ページの他にも最低限、下記のファイルを修正しデー...
※そのデータを表示する必要があるページの修正を行って下さい。
jobsystem/template/pc/job/EditCheck.html ※求人情報の編...
jobsystem/template/pc/job/Info.html ※未ログイン時に見た...
jobsystem/template/pc/job/InfoAdmin.html ※管理者から見...
jobsystem/template/pc/job/InfoLogin.html ※求職者がログ...
jobsystem/template/pc/job/InfoMy.html ※求人企業がログイ...
jobsystem/template/pc/job/DeleteCheck.html ※求人情報の...
最後に、追加した項目の登録や編集を行い動作の確認を行って...
登録や編集、データの表示は上手くいきましたか？
#br
[[カスタマイズしよう！の表紙に戻る>パッケージ共通/カスタ...
終了行:
*テキストフィールド形式 [#me057373]
このSTEPでは、テキストフィールドを持った項目を追加します。~
これは「給与」のような項目の事です。
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea01....
今回は例として、求人情報の項目に''「求める人物像」''とい...
テキストフィールド形式の項目の追加は以下のような手順で行...
&color(red){※この項目が入力されていないと情報を登録できな...
#contents
**デザインテンプレートを開く [#s9d02e22]
まず、項目を追加したいページのテンプレートを開きます。~
今回は、求人情報の登録項目を追加しますので、下記のテンプ...
jobsystem/template/pc/job/Regist.html
上記のテンプレートは、''企業がログインした状態で以下のURL...
設置先のURL/regist.php?type=job
**デザイン上に項目を追加する [#faf7b790]
まず、デザイン上に項目を追加しましょう。
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea02....
通常のソースコードの例
<tr>
<th>求める人物像</th>
<td colspan="3"><textarea name="character" cols="50" row...
</tr>
フォームパーツを含むHTMLソースは大抵このような感じで書く...
これを、当システムのフォームパーツの書き方に変更して下さ...
以下のように、テキストエリアを出力するコマンドコメントを...
<!--# form textarea character 50 3 #-->
このコマンドコメントは以下のような意味を持つ物です。
+フォームパーツを出力しなさい
+テキストエリア形式で出力しなさい
+フィールド名はcharacterにしなさい
+テキストエリアのcolsは50にしなさい
+テキストエリアのrowsは3にしなさい
この変更を保存してFTPでアップロードし、一度表示を確認して...
コマンドコメントで書いたコードがテキストエリア形式で表示...
それでは、ここに入力されたデータを実際にデータベースに登...
**データを格納するフィールドを設定する [#dc6983e0]
まずはフィールドの設定を行います。
以下のファイルを開いてください。
jobsystem/lst/job.csv
#ref(パッケージ共通/カスタマイズしよう！/plus_lst.gif,wra...
エクセルで開いた場合、上の画像のようになります。
以下は、このファイルのA列からF列までのデータの説明です。
|A列|B列|C列|D列|E列|F列|h
|フィールド名|データ型|文字列の長さ|登録時必須チェック|編...
※より詳しい説明・入力例は[[項目定義ファイル>パッケージ共...
今回は、登録時と編集時に必須チェックを行いますのでA列とB...
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea03....
A列にフィールド名「''character''」を~
B列にはデータ型「''string''」を、~
C列は文字列の制限ですので空白のまま、~
D列に登録時に必須チェックを行う事を意味する「''Null''」を~
E列に編集時に必須チェックを行う事を意味する「''Null''」を...
&color(red){※今回の例では、必ず一番最後の行に追加して下さ...
これを保存し、FTPで以下の場所に上書きアップロードします。
設置先URL/lst/job.csv
アップロードが終わったら、''tool.php''にアクセスしパスワ...
初期パスワードは''readme.txt''を確認してください。
#ref(パッケージ共通/カスタマイズしよう！/plus_text04.gif,...
このまま''job''の''インポート''をクリックすると、データが...
今回は現時点のデータを維持したまま、フィールドをセットし...
+''job''の''エクスポート''をクリックし、SQLデータベースの...
+その後、''job''の''インポート''をクリックし、もう一度SQL...
&color(red){※項目を最後に追記する形を取っていない場合は、...
&color(red){※既存データの位置に変更が入らない場合のみ、上...
&color(red){※この手順を行った場合は、作業後にFTPからtdb以...
&color(red){※既に運営中のサイトで作業を行う場合は、細心の...
**必須入力エラーを設定する [#wc1c3d7c]
項目に何も入力されていない場合、エラーを出力するようにし...
#ref(パッケージ共通/カスタマイズしよう！/plus_textarea04....
上の画像は入力エラー時に表示される画面の例です。
-入力エラー時には''背景の色が変わる''
-入力エラー時には''「～が入力されていません」''等の文言が...
この二つをそれぞれ設定する必要があります。
以下のファイルを開いてください。~
登録ページと併せて編集ページの作業も行うと効率が良いでし...
jobsystem/template/pc/job/Regist.html ※求人情報の登録ペ...
jobsystem/template/pc/job/Edit.html ※求人情報の編集ページ
それでは、エラー時の背景色とエラー時の文言にわけて説明し...
2つの修正が終わったらFTPでアップロードし、動作を確認して...
***エラー時の背景色を変える [#a489a7ca]
エラー時に背景色を変える為に、''そのフィールドでエラーが...
<td class="(!--# syscode is_validate character #--)">
<!--# form textarea character 50 3 #-->
</td>
このソースコードが、エラー表示時には以下のようになります。
<td class="validate">省略</td>
このように、tdにCSS(カスケーディングスタイルシート)のクラ...
エラー時の背景色を変えたい場合は、CSSの該当箇所を修正しま...
***エラー時の文言を挿入 [#aa9ec545]
エラー時に文言を挿入する為に、''そのフィールドでエラーが...
下記のようにエラーを挿入したい位置にコードを記述します。
<td class="(!--# syscode is_validate character #--)">
<!--# form textarea character 50 3 #-->
<!--# syscode validate character #-->
</td>
呼び出される文言の設定は以下のファイルで行います。~
これはエラー時の文言を集めたテンプレートです。
jobsystem/template/pc/job/RegistFaled.html
このファイルに以下のような形式で記述します。
<!--# readhead character #-->
求める人材像が入力されていません。<br />
<!--# readend #-->
※''character''の箇所は適切なフィールド名を入力します。
**データを表示する [#o89d9366]
これまでの手順で、データを登録する事が出来るようになりま...
それでは、登録したデータを表示させる為に登録したデータに...
まず、登録内容の確認ページでデータを表示させる必要があり...
登録内容の確認ページのテンプレートは以下のファイルです
jobsystem/template/pc/job/RegistCheck.html
入力されたデータを表示する為のコマンドコメントは次のよう...
<!--# value character #-->
登録確認ページの他にも最低限、下記のファイルを修正しデー...
※そのデータを表示する必要があるページの修正を行って下さい。
jobsystem/template/pc/job/EditCheck.html ※求人情報の編...
jobsystem/template/pc/job/Info.html ※未ログイン時に見た...
jobsystem/template/pc/job/InfoAdmin.html ※管理者から見...
jobsystem/template/pc/job/InfoLogin.html ※求職者がログ...
jobsystem/template/pc/job/InfoMy.html ※求人企業がログイ...
jobsystem/template/pc/job/DeleteCheck.html ※求人情報の...
最後に、追加した項目の登録や編集を行い動作の確認を行って...
登録や編集、データの表示は上手くいきましたか？
#br
[[カスタマイズしよう！の表紙に戻る>パッケージ共通/カスタ...
ページ名:
