|
||||
|
［ＣＧＩ］ CGIとは Common Gateway Interface の略で、webサーバー上でプログラムを使って 処理した結果を表示させたりする機能です 専門用語の質問はみゅうに聞かれてもね・・・（核爆）ココで調べてください♪d(^-^)ネ！ ［構成］ 自分のＨＰのフォルダーの中のcgi-binというフォルダーの中に各自フォルダーを作り その各自のフォルダーの中にのドンペリを作っていくと言う事です♪ Ｃドライブ（Ｄドライブ） ┃ 自分のＨＰ作成フォルダー （index.htm とかが入っているもの） ┃ cgi-bin [777]← ①今の段階で無いのなら まずこのフォルダーを作る ┗━┳ asahi-san ┣ ikuhime ┣ yukari.ikuina ┗ myuu1 ← ②次にドンペリを作る人のフォルダーを作る ┗━┳ donperi.cgi [755] ┣ donperi.log [666] ┣ cgi-lib.pl [644] ┣ jcode.pl[644] ┣ ha.ico ・・・・お気に入り追加の際のアイコン
┣ bg1.gif ・・・・背景の画像
┗ title.gif・・・・タイトルの画像 ①②のフォルダーは作成に必要ですので 先に用意しておいてくださいね♪ フォルダーの構成の手順がわかったとこで実際に作成してみましょう♪
ドンペリ作成に必要なＣＧＩをＤＬしましょうね♪
かふぇさんのＨＰの所にあるのでそこでＤＬしましょう♪ Cafe's Garakuta Item （すごすぎ・・・(-。-) ﾎﾞｿﾎﾞｿｯ） バージョンアップなどがあるので必ず行ってくださいね～♪ あとダイフの戦略や素朴な質問も解決しちゃうから行ってみてね♪ でも とりあえず・・・・ここにもあります（核爆） ＤＬしたら解凍してくださいね♪
donperi.cgiの設定をエディター（メモ帳などで）で変更します （donperi.cgiをクリックorダブルクリックしたら開くかな？）
#!/usr/local/bin/perl ← プロバイダで定められたPerlへのパスを指定 変更しなくてもOKのトコ多いけどUPする前に確認してね♪ ##ドンペリボードVer.2.1b（4人型対戦ゲーム成績管理プログラム） ##2001.1.12 By かふぇ（goocafe@anet.ne.jp） ## http://homepage1.nifty.com/daifugo/cafe/ #--------------------------設定-------------------------------------# # 文字コード変換ライブラリ取り込み require './jcode.pl'; require './cgi-lib.pl'; &ReadParse; # 入力用パスワード(1=使用,0=使用しない) $use_passwd_flag= 1; # パスワード(入力・管理兼用) ★★必ず変更！★★ $pswd="1234"; ← myuu # 管理人の正式ＨＮ ★★必ず変更！★★ $yourhn = "cafe"; ← myuu1 # 規定試合数(三ツ星殿堂) (数値の変更は自由です♪) $kitei_a = 10; # 規定試合数（対戦回数一覧）(数値の変更は自由です♪) $kitei_b = 10; # クランケ規定試合数（メス） $kitei_c = 2; # タイトル名 ★★必ず変更！★★ $title = "ドンペリボード";← みゅうのドンペリ♪ （お気に入りにした時のタイトル表示） # タイトル文字の色 ★★背景画像や背景色を変更したら それにあう色に変更★★ $t_color
= "#000000"; ←#ff2899 カラーチャートで色番を検索 # タイトル文字のタイプ（タイトルに画像を使う場合は、変更しなくていいからね♪） $t_face = "ＭＳ Ｐゴシック"; ← 好みの字体で・・ＭＳゴシック # タイトル文字サイズ（スタイルシートで有効）（タイトルに画像を使う場合は、変更しなくていいからね♪） $t_point = '14pt'; ← 好みのサイズで・・・２８pt # タイトル画像を使う場合 (http://から画像を指定)・・・
(タイトルに画像を使う場合) ・・・ $ImgT = "";
# タイトル画像を使う場合の「横幅」「縦幅」ピクセル数 $ImgW = ""; $ImgH = ""; ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ↑
# データ文字サイズ（スタイルシートで有効） $data_point = "10pt"; #データ送信フォームの色 $data_fmcolor = "#FFEEFF" ← ;$data_fmcolor
= ""; 変更♪(入力する部分の背景を透過します♪) ココから以降の色の設定は背景画像や背景色に合った色に設定しないと醜いよ♪(核爆) #データ項目欄の色 $data_kmcolor = "#C6B7EC"; #データナンバー列の色 $data_nocolor = "#F3AFC4"; #データ日付列の色 $data_datecolor = "#FEE2EC"; #データ結果列の色 $data_kekacolor = "#FAB8CF"; #scoa列の色 $data_ruikeicolor = "#FEE2EC"; 現時点では大富豪の配点の仕組みや、ひらがなHNに対応していないので、0にしておきます♪ また後日のバージョンアップの際に変更するかもしれませんねぇ（１/21 現在） # スコア表示(1=表示,0=表示しない) $sucoa_hyouji_flag= 1; ← 変更 $sucoa_hyouji_flag= 0; 現時点では大富豪の配点の仕組みや、ひらがなHNに対応していないので、0にしておきます♪ また後日のバージョンアップの際に変更するかもしれませんねぇ（１/21 現在） # 殿堂・リーダースダイジェストに画像表示(1=表示,0=表示しない) $gazou_hyouji_flag= 0; ← 変更 $gazou_hyouji_flag= 0; # 画像格納フォルダ $imgurl =
"http://homepage1.nifty.com/daifugo/img"; # 最大データ数（これを超えるデータは古い順に削除されます） $max = 10000; # 戻り先 ★★必ず変更！★★ $home = "http://homepage1.nifty.com/daifugo/cafe/"; ↑ http://isweb13.infoseek.co.jp/diary/myuu1/top.htm （自分のＨＰのＵＲＬ） # bodyタグ ★★必ず変更！★★ $body = '<body
bgcolor="#FFFFFF" text="#000000">'; ↑
# method形式 (POST/GET) $method = 'POST'; # １ページあたりのデータ表示件数 $p_log = 10; ← 変更 $p_log = 20; これくらいにした方が、見るのにめんどくさくないかもねぇ♪ #--------------------------設定完了-------------------------------------# #--------------------------データ表示処理--------------------------------# <font
size="1">NO</font></td><td
bgcolor="$data_kmcolor"><font size="2">日時</font></td> <td bgcolor="$data_kmcolor">結果</td>$su_h<td
bgcolor="$data_kmcolor">scoa</td>$su_f <td colspan="8"
bgcolor="$data_kmcolor">試合結果（いつも遊んでくれてありがとうございます）</td></tr> ↑ 好きな言葉に変えても良いかもね♪（苦笑） #--------------------------書きこみ処理-------------------------------------# #--------------------------ドンペリサーチ-------------------------------------# #---------------------------クランケにメスを-------------------------------# print
"<br><center><B>$krankeとの対戦者成績（$kitei_c試合以上）</B><table
border=1 cellpadding=2>\n"; print
"<tr><th>順位</th><th>NAME</th><th>試合数</th><th>勝</th><th>負</th><th>分</th><th>Ｒ</th>\n"; print
"<th bgcolor=\"#FFDEAD\">優</th><th
bgcolor=\"#FFDEAD\">被</th><th
bgcolor=\"#FFDEAD\">差</th>\n"; print
"<th bgcolor=\"#FEDAE0\">得</th><th
bgcolor=\"#FEDAE0\">失</th><th
bgcolor=\"#FEDAE0\">差</th></tr>\n"; 背景画像が明るい色の場合は変更しなくてもかまいません #--------------------------総合結果-------------------------------------# #--------------------------殿堂-------------------------------# #---------------------------Leaders-------------------------------# #---------------------------対戦回数順一覧-------------------------------# print
"<br><center><B>対戦回数順一覧（$kitei_b試合以上）</B><table
border=1 cellpadding=2>\n"; print
"<tr><th>順位</th><th>NAME</th><th>試合数</th><th>勝</th><th>負</th><th>分</th><th>Ｒ</th>\n"; print
"<th bgcolor=\"#FFDEAD\">優</th><th
bgcolor=\"#FFDEAD\">被</th><th
bgcolor=\"#FFDEAD\">差</th>\n"; print
"<th bgcolor=\"#FEDAE0\">得</th><th
bgcolor=\"#FEDAE0\">失</th><th
bgcolor=\"#FEDAE0\">差</th></tr>\n"; 背景画像が明るい色の場合は変更しなくてもかまいません print
"<tr><th>$rank</th>\n"; if($rate>=1
&& $winsa>=1 && $scoasa>=1){print "<th
bgcolor=\"#FFD700\">$him</th>\n";}else{print
"<th>$him</th>\n";} print
"<th>$names{$him}</th><th>$lost</th><th>$win</th><th>$draw</th>\n"; if($rate>=1){print
"<th bgcolor=\"#FAB8CF\">＋$rate</th>\n";}else{print
"<th>$rate</th>\n";} print
"<th>$rtop</th><th>$adtop</th>\n"; if($winsa>=1){print
"<th bgcolor=\"#FAB8CF\">＋$winsa</th>\n";}else{print
"<th>$winsa</th>\n";} print
"<th>$rscoa</th><th>$adscoa</th>\n"; if($scoasa>=1){print
"<th bgcolor=\"#FAB8CF\">＋$scoasa</th></tr>\n";}else{print
"<th>$scoasa</th></tr>\n";} 背景画像が明るい色の場合は変更しなくてもかまいません ##--------------------------管理初期画面------------------------------## ##--------------------------ファイル一覧出力---------------------------## ##--------------------------管理変更入力画面出力---------------------## ##--------------------------管理指定行削除--------------------------## ##--------------------------管理指定行変更--------------------------## #--------------------------デコード処理-------------------------------------# #--------------------------HTMLヘッダとフッダ--------------------------------# sub header { $HEAD
= 1; # ヘッダ表示フラグ print
"Content-type: text/html\n\n"; print
<<"EOM"; <html><head><META HTTP-EQUIV="Content-type"
CONTENT="text/html; charset=Shift_JIS"> <LINK REL="SHORTCUT
ICON" HREF="http://**************/sp.ico"> ↑ これを1行追加してね♪
<STYLE TYPE="text/css"> <!-- a:link { font-size: $data_point; color:#0000FF; text-decoration:none; } a:visited { font-size: $data_point; color:#800080; text-decoration:none; } a:active
{ font-size: $data_point; color:#FF0000;
text-decoration:none; } a:hover { font-size: $data_point; color:#FF0000; text-decoration:underline; } BODY,TD,TH{ font-size: $data_point; } span { font-size: $t_point } --> 背景画像が明るい色の場合は変更しなくてもかまいません #
タイトル if
($ImgT) {print "<img src=\"$ImgT\" width=$ImgW height=$ImgH
alt=\"$title\">\n";} else
{print "<font color=\"$t_color\"
face=\"$t_face\"><SPAN>$title</SPAN></font>\n";} print <<"EOM"; <br> [<a href="$home" target="_top">トップ</a>] ↑ フレームタイプのHPで、ドンペリをフレームの中に表示させたい場合は 上記のようにしておくとBACKで戻ってもフレームを壊しません #--------------------------エラー処理-------------------------------------# ##--------------------------管理用エラー処理-------------------------------------## #--------------------------クッキーの発行-------------------------------------# #--------------------------クッキーを取得
-------------------------------------# #--------------------------ロックファイル
: symlink関数-------------------------------------# #--------------------------ロックファイル
: open関数-------------------------------------#
これでカスタマズは完了です♪ UPしましょうね♪
cgi-binディレクトリに下記ファイルをFTP転送します。 ディレクトリ構成,ファイル位置,パーミッションの設定値は下記の通りね♪ (コレがきちんと設定されないとCGIは動きません（-。-） ﾎﾞｿﾎﾞｿｯ) cgi-bin [777] － myuu1 ┳
donperi.cgi [755] ┣donperi.log
[666] ┣cgi-lib.pl
[644] ┣jcode.pl[644]・・・jcode.plはperlライブラリのパス ┣ha.ico ・・・・お気に入り追加の際のアイコン♪
┣bg1.gif ・・・・・・・背景の画像
┗title.gif・・・・・・・タイトルの画像 パーミッションの変更・・・FFFTに転送された donperi.cgi donperi.log cgi-lib.pl
jcode.plの属性を変える事で有効となり アクセス権を得て初めてCGIが使えるようになる。 FFFTで 設定するもの（たとえばdonperi.cgi）を 右クリックすると 属性変更とあるので それを指定された数値に変える。 donperi.cgi
[644]→[755] このdonperi.cgiにハイパーリンクします（構成の通りになる） 完成♪ヾ（^-^*） おつかれさま http://isweb13.infoseek.co.jp/diary/myuu1/cgi-bin/myuu1/donperi.cgi 背景の壁紙の色によって色の設定を変えたほうがいいと思うけど・・・ 配色のバランスがムズイから 初期のままのほうが無難かもね♪ ま・・・あなたのセンスを信じましょ♪(。-_-。)ﾎﾟｯ♪ このページを作るにあたっては いく姫にはお世話になりました♪ (o^▽^o)ﾉ ありがとぉ｡･:*:･ﾟ’★,｡･:*:♪･ﾟ’｡･:*:･ﾟ☆ ・・・・と言う事で これで出来ない・・・といった質問はいく姫にしてね♪ みゅうに解かりっこないじゃん（自爆）(。･_･)ﾉ☆(((*_ _)ばしぃ!! ヾ（;´▽｀A）’’まぁまぁ-深くは追求せずにぃ･･･(自爆)
|
