RedLine Magazine : PHP ランダム表示機能付きバナーリンク集

PHP ランダム表示機能付きバナーリンク集

画像のアップロードについて勉強したので、タイトルの通りバナーリンク集、的なものを勢いで作ってみた。以前、実務でバナー画像を並べる部分があって、それをアクセスするたびにランダムで並び替えたいみたいな要望があった。その時は手打ちで配列に内容を入れてjavascriptで並び替えるっていう方法を使おうってことになったんだけれども、んじゃそれ、PHPでやってみる！

用意する機能

URLと画像の登録
それらの修正
それらの削除
表示件数指定（全件表示か件数指定選べるようにする）
ランダム表示指定（ランダム表示するかしないか）
別窓指定（バナーをクリックした時_blankで開くかどうか）

用意するファイル

config.php　いろいろ自分で設定した項目を入れる
data.dat　ログデータを保存する
/images　登録した画像を保存するディレクトリ
function.php　よく使いそうなものを入れる
index.php　今回の主人公　処理していく人
view.php　表示画面ページ
style.css　管理画面の見た目用

config.php

いろいろ自分で設定した項目を入れるファイル。パスワード、バナー画像保存ディレクトリ、新規投稿・一覧・削除画面のファイル名、表示画面のファイル名、CSSファイル名、管理画面のタイトル、新規投稿完了画面のタイトル、削除完了画面のタイトル、修正画面のタイトル、修正完了画面のタイトル、エラー画面のタイトル、表示件数設定、ランダム表示設定、別窓設定をこのファイルで指定する。

ソースをそのまま書こうと思ったんだけど、どのファイルもソースが長いので今回は折りたたみにしてみた。

>>ソースを見る / 閉じる

<?php

//===========================================================
//初期設定
//===========================================================
//パスワード
$password = "test";
//バナー画像保存ディレクトリ
$image_dir = "images";
//ログ用データファイル
$data_file = "data.dat";
//新規投稿・一覧・削除画面のファイル名
$input_file = "index.php";
//表示画面のファイル名
$view_file = "view.php";
//CSSファイル名
$css_file = "style.css";

//===========================================================
//管理画面タイトル設定
//===========================================================
//管理画面のタイトル
$title_main = "新規登録・一覧";
//新規投稿完了画面のタイトル
$title_done = "新規投稿を受け付けました。";
//削除完了画面のタイトル
$title_del = "記事を削除しました。";
//修正画面のタイトル
$title_edit = "記事修正";
//修正完了画面のタイトル
$title_edit_done = "記事を修正しました。";
//エラー画面のタイトル
$title_error = "入力内容にエラーがあります！";

//===========================================================
//表示件数設定
//===========================================================
//※全件表示->「1」件数指定->「2」
$view_count = 2;
//「2」にした場合はその件数を指定
$view_max = 5;

//===========================================================
//ランダム表示設定
//===========================================================
//※ランダム表示しない->「1」ランダム表示する->「2」
$view_rand = 2;

//===========================================================
//別窓（target="_blank"）設定
//===========================================================
//※バナーをクリックした時同じウィンドウ内で移動する->「1」
//※バナーをクリックした時新しいウィンドウ内で移動する->「2」
$view_target = 2;

data.datと/images

これは普通に空のdatファイル、空のディレクトリを作る。用意したのを上のconfig.phpの中で指定してる。

function.php

よく使いそうなものを入れたファイル。とかいいつつ、ほとんどが画面を表示するhtmlを書いてるだけだったりもするのだけれども。check_image_error()とcheck_image_type()の部分ではアップロードされた画像に対してのエラーチェックを。エラーがあれば$errorの中にエラー内容を代入。

>>ソースを見る / 閉じる

<?php
require_once('config.php');

$link_list = file($data_file);
$link_list = array_reverse($link_list);
$link_num = count($link_list);

function check_image_type($image_type){
	global $error;
	if($image_type){
		if(!(($image_type == "jpg") || ($image_type == "gif") || ($image_type == "png"))){
			$error .= "<p class=\"error\">登録できる画像ファイルは「jpgファイル」「gifファイル」「pngファイル」のみです。</p>\n";
		}
	}
}

function HTML_data_list(){
	global $view_file,$input_file,$link_list,$link_num;

print <<< HTML_data_list
<p><a href="$view_file" target="_blank">表示画面を確認</a></p>
<form method="post" action="$input_file">
<table>
<tr>
<th>No</th>
<th>URL</th>
<th>画像</th>
<th><input type="submit" name="edit" value="修正画面へ" /></th>
</tr>

HTML_data_list;
for($i = 0; $i < $link_num; $i++){
	list($list_url,$list_image,$list_time) = explode("\t",$link_list[$i]);
	$list_time = ereg_replace("\n|\r|\r\n","",$list_time);
	echo "<tr>\n";
	echo "<th>" .($i + 1). "</th>\n";
	echo "<td><a href=\"$list_url\">$list_url</a></td>\n";
	echo "<td><img src=\"$list_image\" alt=\"画像\" /></td>\n";
	echo "<td class=\"action\"><input name=\"del_check\" type=\"radio\" value=\"" .($i + 1). "\" /> <input type=\"submit\" name=\"delete\" value=\"削除する\" /></td>\n";
	echo "</tr>\n";
}
print <<< HTML_data_list
</table>
</form>

HTML_data_list;

}

function HTML_edit_list(){
	global $view_file,$input_file,$link_list,$link_num;

print <<< HTML_edit_list
<form method="post" action="$input_file" enctype="multipart/form-data">
<p><a href="$input_file">新規登録・一覧画面へ戻る</a></p>
<table>
<tr>
<th>No</th>
<th>URL</th>
<th>画像</th>
<th>修正</th>
</tr>

HTML_edit_list;
for($i = 0; $i < $link_num; $i++){
	list($list_url,$list_image,$list_time) = explode("\t",$link_list[$i]);
	$list_time = ereg_replace("\n|\r|\r\n","",$list_time);
	echo "<tr>\n";
	echo "<th>" .($i + 1). "</th>\n";
	echo "<td><input name=\"edit_url" .($i + 1). "\" type=\"text\" value=\"$list_url\" /><br /><a href=\"$list_url\" target=\"_blank\">&gt;&gt;リンク先を確認</a></td>\n";
	echo "<td>現在の画像 <img src=\"$list_image\" alt=\"画像\" /><br />修正：<input type=\"file\" name=\"edit_banner" .($i + 1). "\" /></td>\n";
	echo "<td class=\"action\"><input name=\"edit_check\" type=\"radio\" value=\"" .($i + 1). "\" /> <input type=\"submit\" name=\"edit_done\" value=\"修正する\" /></td></td>\n";
	echo "</tr>\n";
}
print <<< HTML_edit_list
</table>
</form>

HTML_edit_list;
}

function HTML_header($title){
	global $css_file;
print <<< HTML_header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="$css_file" type="text/css" media="all" />
<title>$title</title>
</head>
<body>
<h1>$title</h1>

HTML_header;
}

function HTML_footer(){
print <<< HTML_footer
</body>
</html>
HTML_footer;
}

function HTML_form(){
	global $input_file;
print <<< FORM_END
<form action="$input_file" method="post" enctype="multipart/form-data">
<dl>
<dt>リンク先URL</dt>
<dd><input type="text" name="url" size="100" /></dd>
<dt>バナー画像</dt>
<dd><input type="file" name="banner" /></dd>
</dl>
<p>パスワード<input type="password" name="password" />　<input type="submit" name="submit" value="登録する" /></p>
</form>

FORM_END;
}

function HTML_done($h_title){
	global $input_file,$view_file;
print <<< HTML_done
<p><a href="$input_file">新規登録・記事一覧・削除へ戻る</a></p>
<p><a href="$view_file" target="_blank">表示画面を確認</a></p>

HTML_done;
}

check_image_error()ではマニュアルのエラーメッセージの説明の内容を入れたのだけれども、値がUPLOAD_ERR_NO_FILEの時しかエラーが出ない。というか、php.iniをいじって最大アップロードサイズを小さくしてからそれより大きなサイズのファイルを登録したり、テンポラリフォルダをなくして試したり、わざといろいろエラーが出るように自分では頑張ってみたんだけどエラーが出ないの｡゜（ﾟ´Д｀ﾟ)゜｡ｳｧｧｧﾝ

エラーを出そうとしてるのにエラーが出ずにどうなってるかというと、送信ボタンを押した後、2秒くらいたってから同ページが何事もなかったように表示される。データのログにも内容は入らず。よくわからん。XAMPPだからそうなるっていう可能性もあるんかな。それとも何か書き方おかしいんかな。エラーの値だけprintしようと思っても0（ファイルアップロードOK）か4しか出てきません＞＜　何かソースが間違ってるんかな･･･わからーん。

check_image_type()の方では拡張子のチェックを。今回はバナー画像を登録するので jpg、gif、png 以外の拡張子がついてるものはエラーにした。

index.php

キャプチャ・管理画面

処理を頑張るファイル。
ファイルにアクセスして何も送信ボタンが押されてなかったら新規登録フォームと一覧を表示。

新規登録の内容を入力し、ボタンが押されたらエラーチェック、エラーがなければ画像は指定したディレクトリへコピー、URL、画像のパス、時間は1行にしてログデータ用ファイルへ追加。

削除ボタン左のラジオボタンにチェックを入れて、削除ボタンが押されたらそのデータを削除してデータファイルを上書き。該当データ行はラジオボタンの値で判断してる。

「修正画面へ」ボタンが押されたら修正画面へ。

修正画面ではURL部分には予め元の文字列を入れたテキストフォームを用意しておく。画像の部分は今の画像と修正用の入力フォームを用意。

キャプチャ・修正画面
※登録されてる写真はイメージです。適当なバナー画像がありませんでした！

キャプチャ・修正画面

URL、画像内容（どちらかでも両方でも）を変更し修正ボタンが押されたら、どの行のデータかを修正ボタン横のラジオボタンから受け取った値で調べて、その行に「受け取った修正URL、修正画像、時間」の値を新しい行として上書きし、配列に戻してファイル全体を上書き。

画像に関してはファイル名を上書きしてる。但し、拡張子が変わる可能性があるので（元jpg→変更後pngとか）拡張子の部分だけ切り離して、新しいファイルの拡張子をくっつけるようにした。

つーか、修正部分、めっちゃ苦戦しました。普通のテキストファイルにデータ入れてて、その中の1行修正するのってやっぱりこうやって一旦取り出して配列の中身を一部書き換えて全体を保存っていう手順しかないんだろうか。前にどっかの同じような箇所で同じ疑問を抱いたまま何も解決してなかったなぁ、そういえば。

>>ソースを見る / 閉じる

<?php
//error_reporting(E_ALL);

require_once('config.php');
require_once('function.php');

$url = isset($_POST["url"]) ? $_POST["url"] : NULL; 
$pass = isset($_POST["password"]) ? $_POST["password"] : NULL;
$time = date("Y-m-d");

if(!@$_POST["submit"] && !@$_POST["delete"] && !@$_POST["edit"] &&!@$_POST["edit_done"]){
HTML_header($title_main);
HTML_form();
HTML_data_list();
}elseif(@$_POST["submit"]){
	$error = "";
	if(!$url){$error = "<p class=\"error\">URLを入力してください。</p>\n";}
	@list($file_name,$file_type) = explode(".",$_FILES['banner']['name']);
	check_image_error(@$_FILES['banner']['error']);
	check_image_type($file_type);
	if(!$pass){$error .= "<p class=\"error\">パスワードを入力してください。</p>\n";}
	elseif($pass != $password){$error .= "<p class=\"error\">パスワードが違います。</p>";}
	
	if($error){
		HTML_header($title_error);
		echo $error,"<p><a href=\"$input_file\">元のページへ戻る</a></p>";
	}else{
		$url = htmlspecialchars($url, ENT_QUOTES);
		
		$array_file = scandir($image_dir);
		$count_file = count($array_file) -1;
		$count_file = sprintf('%05d',$count_file); 
		$tmp_file = $_FILES['banner']['tmp_name'];
		$copy_file = "image_" . $count_file . "." .$file_type;
		move_uploaded_file($tmp_file,"$image_dir/$copy_file");
		
		$list = "{$url}\t{$image_dir}/{$copy_file}\t{$time}";
		file_put_contents($data_file, $list . "\n" , FILE_APPEND | LOCK_EX);
		
		HTML_header($title_done);
		HTML_done($title_done);
		echo "<p>続けて新規登録を行う場合は下記より入力してください。</p>\n";
		HTML_form();
	}
}elseif(@$_POST["delete"]){
	$del_no = isset($_POST["del_check"]) ? $_POST["del_check"] : NULL;
	$error = "";
	if(!$del_no){
		HTML_header($title_error);
		$error = "<p class=\"error\">削除するにはボタンにチェックを入れてください。</p>";
		echo $error,"<p><a href=\"$input_file\">元のページへ戻る</a></p>";
	}elseif($del_no){
		array_splice($link_list,$del_no -1 ,1);
		$link_list = array_reverse($link_list);
		file_put_contents($data_file , $link_list , LOCK_EX);
		HTML_header($title_del);
		HTML_done($title_del);
	}	
}elseif(@$_POST["edit"]){
		HTML_header($title_edit);
		HTML_edit_list();
}elseif(@$_POST["edit_done"]){
	$edit_no = isset($_POST["edit_check"]) ? $_POST["edit_check"] : NULL;
	if(!$edit_no){
		HTML_header($title_error);
		$error = "<p class=\"error\">編集データを保存するにはボタンにチェックを入れてください。</p>";
		echo $error,"<form method=\"post\" action=\"$input_file\"><p><input type=\"submit\" name=\"edit\" value=\"修正画面へ戻る\" /></p></form>";
	}elseif($edit_no){
		$error = "";
		$edit_url = isset($_POST["edit_url$edit_no"]) ? $_POST["edit_url$edit_no"] : NULL;
		$edit_url = htmlspecialchars($edit_url, ENT_QUOTES);
		@list($edit_file_name,$edit_file_type) = explode(".",$_FILES["edit_banner$edit_no"]['name']);
		$edit_time = date("Y-m-d");
		if(!$edit_url){$error = "<p class=\"error\">URLを入力してください。</p>\n";}
		if(!($edit_file_type == NULL)){
			//check_image_error($_FILES["edit_banner$edit_no"]['error']);
			check_image_type($edit_file_type);
		}
		if($error){
			HTML_header($title_error);
			echo $error,"<form method=\"post\" action=\"$input_file\"><p><input type=\"submit\" name=\"edit\" value=\"修正画面へ戻る\" /></p></form>";
		}else{
			list($list_url,$list_image,$list_time) = explode("\t",$link_list["$edit_no" -1]);
			$edit_tmp_file = isset($_FILES["edit_banner$edit_no"]['tmp_name']) ? $_FILES["edit_banner$edit_no"]['tmp_name'] : NULL;
			if($edit_tmp_file){
				list($original_file_name,$original_file_type) = explode(".",$list_image);
				$update_image = $original_file_name . "." .$edit_file_type;
				move_uploaded_file($edit_tmp_file,$update_image);
			}else{
				$update_image = $list_image;
			}
			$new_line = "{$edit_url}\t{$update_image}\t{$edit_time}\n";
			array_splice($link_list,"$edit_no" -1,1,$new_line);
			$link_list = array_reverse($link_list);
			file_put_contents($data_file , $link_list , LOCK_EX);
			HTML_header($title_edit_done);
			HTML_done($title_edit_done);
		}
	}
}
HTML_footer();

あぅ！このエントリ書きながら改めて見直してたら、これまた新規登録にはパスワードいるのに削除や修正にはいらないんだな。ミスった。せっかくこの前Authの勉強もしたのに･･･。前にこのブログで書いてたソースを使い回ししてますな箇所が山盛りだにゃー。URLの形が合ってるかどうかのチェックもしてないし。が、手直しする気力、本日はナシ。

view.php

これは実際に表示されるページの画面。2行だけ。function.phpの最後にここに出力されるhtmlソース入れておいたのでそのまま呼び出し。ULリストでマークアップしてるだけだからインクルードするならこんな感じ。

>>ソースを見る / 閉じる

このファイルをそのまま使うならこんな感じで普通に該当箇所で関数呼び出す。

>>ソースを見る / 閉じる

style.css

これはいらんと思うけど、一応上のキャプチャで使ってるような見た目になるCSS。

>>ソースを見る / 閉じる

2009年03月08日 15:29 | Red | パーマリンク

<< PHP ファイルのアップロード勉強メモ | PHP 画像にロゴを入れる >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/240

コメント (3)

> つーか、修正部分、めっちゃ苦戦しました。
つデータベース。
DBつかうと嘘のように簡単になりますよ。PHPでSQLiteが使えるので試しにいかが^^

投稿者: hogepage | 2010年01月21日 18:30

>きのこる先生
SQLite、なんか気軽に使えていいですよね。いまいちよく分からない型とかもないし、なんとなく親近感は持ってます。
やっぱPHPとか勉強していくならデータベースって避けて通るのは損なんですかねー。うーん。やってみまっす！

投稿者: Red | 2010年01月22日 09:27

はじめまして。
いろいろランダム画像表示を探していてここに来ました。

セット化されていないので、自分でコピペするのだと思うのですが、パーミッションもどう設定したら良いのでしょうか？
教えて頂けないでしょうか。

投稿者: 横山　茂 | 2011年03月24日 21:35

名前：

メールアドレス：

URL：

この情報を登録しますか?

コメント： ※コメント欄に「<」「>」等を含むソースを記載する場合は実体参照に変換してください。

このページの一番上へ

REDLINE MAGAZINE | PHP ランダム表示機能付きバナーリンク集

最近のエントリ

カテゴリー別アーカイブ

実験ネタカテゴリ一覧

本・ツール・webサービス等のレビュー一覧

リンク集一覧

スペシャルコンテンツ

このサイトに関する情報

PHP ランダム表示機能付きバナーリンク集

用意する機能

用意するファイル

config.php

data.datと/images

function.php

index.php

view.php

style.css

トラックバック

コメント (3)

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強

Fireworks トリミング画像を一括書出 CS4編

jQueryでボックスを上下左右中央に簡単配置

overflow を使用したボックス背景のこと

IE6 → 透過PNG+overflow=混ぜるな危険（追記有）

よく検索されている記事

メッセージを送る

最近のエントリ

カテゴリー別アーカイブ

このサイトに関する情報

PHP ランダム表示機能付きバナーリンク集

用意する機能

用意するファイル

config.php

data.datと/images

function.php

index.php

view.php

style.css

このエントリに関連するエントリ

トラックバック

コメント (3)

その他の情報など

最近のコメント

よく検索されている記事

メッセージを送る