申込マネージャー3

 内容
 HTMLフォームから申し込み、受付管理を行います。

  ●操作フローを下記に示します。
    ユーザ申込み → 入力確認画面 → 管理者へメール通知 → 管理者が確認 → 申込者へ受理メール通知
  ●申込みフォームの内容はHTMLで自由に記述できます。
  ●管理画面で申込みの受付一覧を表示し、申込みの内容を確認できます。

 (注)サーバ側でsendmail機能を使用できなければメールを送信できません。(参考

 表示例
 実際に動作しているサンプルが こちら にありますのでご覧下さい。

お申し込み

入力フォームの記述例です。 *印は入力必須です。
お名前*
メールアドレス*
性別 男  
地域
参加部* 一部  二部  三部

コメント
「確認する」クリック

下記の内容をご確認頂いて、「送信する」を押して下さい。

お名前 太郎
メールアドレス taro@xxx.ne.jp
性別
地域 関東
参加部 一部、三部
コメント よろしくお願いします。
「送信する」クリック

お申し込みありがとうございました!

[戻る]

 設置手順
No 項 目 内  容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
  app5.zip  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---appdata (ディレクトリ)
     |---app5.cgi
     |---mimew.pl
     |---app.html  (申込みフォーム)
     |---thanks.html (送信完了画面)
3 プログラムの変更 app5.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/app.html
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
app5.cgi 755
7 実行 上記のHPページでリンクをクリックすると申込みフォームを表示します。

 使用方法
 ●申込みフォーム(app.html)
  ・申込みフォームはHTMLで下記のように記述します。
     <form action="http://xxxx/app5.cgi" method="POST">
     <input type="hidden" name="nec" value="お名前,メールアドレス,参加部">
     <input type="hidden" name="username" value="お名前">
     <input type="hidden" name="mailname" value="メールアドレス">
   入力必須項目は、name="nec"とし、value は必須項目の name を半角コンマで区切ります。
   名前とメールアドレスは管理画面で表示しますので必須です。
   名前は、name="username"とし、value は名前の name を指定します。
   メールアドレスは、name="mailname"とし、value はメールアドレスの name を指定します。
   入力項目の name に半角コンマは使用できません。
   ファイルの添付はできません。
  ・HTMLの文字コードは「Shift_JIS」を使用して下さい。

入力フォームの記述例

<form action="app5.cgi" method="POST">
<input type="hidden" name="nec" value="お名前,メールアドレス,参加部">
<input type="hidden" name="username" value="お名前">
<input type="hidden" name="mailname" value="メールアドレス">
<table>
<tr><td>お名前<font color=red>*</font></td><td><input type="text" size=30 name="お名前"></td></tr>
<tr><td>メールアドレス<font color=red>*</font></td><td><input type="text" size=50 name="メールアドレス"></td></tr>
<tr><td>性別</td><td><input type="radio" name="性別" value="男">男
  <input type="radio" name="性別" value="女">女</td></tr>
<tr><td>地域</td><td><select name="地域">
<option value="">選択して下さい</option>
<option value="北海道">北海道</option>
<option value="東北">東北</option>
<option value="関東">関東</option>
</select></td></tr>
<tr><td>参加部<font color=red>*</font></td><td>
<input type="checkbox" name="参加部" value="一部">一部  
<input type="checkbox" name="参加部" value="二部">二部  
<input type="checkbox" name="参加部" value="三部">三部</td></tr>
<tr><td valign="top"><br>コメント</td><td><textarea cols=50 rows=6 name="コメント"></textarea></td></tr>
<tr><td></td><td><input type="submit" value="確認する"></td></tr>
</table>
</form>

 ●送信完了画面(thanks.html)
  ・送信完了画面はHTMLで自由に作成して下さい。

 ●申込み通知
  ・申込み内容を管理者へメールで通知します。
■お名前: 太郎
■メールアドレス: taro@xxx.ne.jp
■性別: 男
■地域: 関東
■参加部: 一部、三部
■コメント: よろしくお願いします。

 ●管理画面
  ・管理画面は下記URLです。パスワードは初期値が「cgi」です。
     http://xxxx/app5.cgi?mode=admin

 ●受付管理
  ・申込みの受付状況を一覧で表示します。
  ・「受理メール送信」欄をクリックすると申込者へ受理メールを送信できます。
  ・受理メールを送信すると「受理メール送信」欄にその日時が表示されます。
  ・「詳細」をクリックすると受付データの確認、修正、削除ができます。
  ・受付データを全て削除する場合は「全削除」をクリックします。
 
No 名前 メール 受付日時 受理メール送信 詳細
1  太郎 Mail 2007.08.14-14:52 2007.08.14-14:56
2  一郎 Mail 2007.08.15-21:35
3  二郎 Mail 2007.08.16-21:56

 ●メール編集
  ・申込者に送信する受理メールの内容の定形文を作成します。

件名 

内容 

 「maildata」の文字はフォーム入力内容に自動変換されます。

 ●基本設定
受信メール件名
管理者名
管理者メールアドレス
sendmail パス
送信完了URL
スタイルシート
カラーコード
基本背景色
基本文字色
枠色
項目背景色
内容背景色
管理パスワード (英数8文字以内)

受信メール件名 管理者が受信するメールの件名を入力します。
管理者名 受理メールの送信者名として使われます。
管理者メールアドレス 管理者が受信するメールアドレスを入力します。
受理メールの送信者アドレスにも使われます。
sendmail パス サーバのsendmailパスを記述します。(参考
送信完了URL 送信完了画面のURLを指定します。
スタイルシート スタイルシートのアドレスを指定します。
基本背景色・・・ 各色をカラーコードで指定します。
管理パスワード 管理画面に入る為のパスワードを入力します。

 ●留意事項
  ・サーバ側でsendmail機能を使用できなければメールを送信できません。(参考


 改版履歴
リリース日 対象 版数 改版内容
2007.08.14 app5.cgi V1.0 初版
2023.12.24 app5.cgi V1.1 メール送信対処


CGI-design