ランダムページ　データベース一覧　ソースと解説

どのページのヘッダー右下にある●ランダム・ページというボタンに関しては先に解説してありますように、データベースに登録してあるhtmlファイルをランダムに選んで、そこにredirectoするphpプログラムを起動している訳です。

当然、そのデータベースに登録されていないページは、このボタンで表示されることはありません。当初は新しいページを作成したら、すぐに登録するつもりでいたのです。ところが、なかなかこれがおっくうなので、ついつい手を抜いてしまい、登録を怠っていました。

そこで、今回はそのデータベースにどこまで登録されているのかを一覧表示するphpプログラムを作って、登録作業の支援をすることにしました。

概要

どのような機能があればいいかなと、検討してみた結果、あまり細かなことは必要なくて、単純にふたつの機能だけに絞りました。

id順の全レコード一覧表示
directory順、htmlファイル名順の一覧表示

phpソース

実際の文字コードはUTF-8ですが、ここではShift-JISにして表示します。

MVC	file name	概要
Controller	randompagedb.php	プログラムの本体
Model	randompage_model.php	データベース関連関数の定義
View	randompagedb_main.php	各一覧表示のhtmlを作る部分
	randompagedb_tmpl.php	Webブラウザに送るhtmlを構成する枠組
	header.php	AvocadoMix共通ヘッダー
	footer.php	AvocadoMix共通フッター

controllers/randompagedb.php

<?php
/*
 * file : contorollers/radompagedb.php
 * title: ランダムページデータベース一覧表示
 * auther: 佐々木一郎
 * date : 2017.05.21
 */

class Randompagedb extends Controller {

	function Randompagedb()
	{
		parent::Controller();
		$this->load->helper(array('form', 'url'));
		$this->load->model('Randompage_model');
		$this->output->set_header('Content-Type: text/html; charset=UTF-8');
	}

# id順一覧を表示する
	function index()
	{
		//データベースからデータを配列に読み込む
		$data['list'] = $this->Randompage_model->get_idjun_list();
		//ページタイトルを配列に格納する。
		$data['title'] = "id順一覧";

		//コンテンツ部分のhtmlを配列内に作成する
		$data['main']   = $this->load->view('randompagedb_main', $data, TRUE);

		//htmlテンプレートに必要部分を結合して表示する
		$this->load->view('randompagedb_tmpl', $data);
	}

# ディレクトリ順に表示する
	function directoryjun()
	{
		//データベースからディレクトリ順のレコードを配列に読み込む
		$data['list'] = $this->Randompage_model->get_directoryjun_list();
		//ページタイトルを配列に格納する。
		$data['title'] = "ディレクトリ順一覧";

		//コンテンツ部分のhtmlを配列内に作成する
		$data['main']   = $this->load->view('randompagedb_main', $data, TRUE);

		//htmlテンプレートに必要部分を結合して表示する
		$this->load->view('randompagedb_tmpl', $data);
	}


}
?>

index()：データベース・テーブルfilelistからid順に読み出した全レコードを一覧表示します。

directoryjun()：データベース・テーブルfilelistからname順に読み出した全レコードを一覧表示します。

models/randompage_model.php

<?php
Class Randompage_model extends Model
{
	function Randompage_model()
	{
		parent::Model();
		$this->load->database();
	}

	//ランダムにhtmlを指定する
	function get_randomfile()
	{
		//filelistテーブルのレコード数を得る
		$this->db->order_by('id');
		$query = $this->db->get('filelist');
		$rowcount = $query->num_rows();

		//乱数で1からレコード数（idの最大値）までの数を発生させる
		mt_srand();
		$num = mt_rand(1,$rowcount);

		//そのidのレコードを得る
		$this->db->where('id', $num);
		$query = $this->db->get('filelist');
		$row = $query->row();

		//先頭にディレクトリ移動記号を付加して返す
		$url = '../../'.$row->name;
		return $url;
	}

	//id順の全レコードを返す。(2017.05.21追加）
	function get_idjun_list()
	{
		$this->db->order_by('id');
		$query = $this->db->get('filelist');
		return $query->result();
	}

	//name順の全レコードを返す。(2017.05.21追加）
	function get_directoryjun_list()
	{
		$this->db->order_by('name');
		$query = $this->db->get('filelist');
		return $query->result();
	}
}
?>

今回追加したのは、以下のふたつの関数です。

get_idjun_list()：id順に全レコードを読み込んで結果を返します。

get_directoryjun_list()：name順に全レコードを読み込んで結果を返します。

views/ randompagedb_main.php

<!-- view/randompagedb_main.php -->
<a name="top"></a>
<h3><?=$title; ?></h3>
<div class="R">
<a href="https://avocado.xii.jp/nengo/index.php/randompagedb">id順一覧</a> | <a href="https://avocado.xii.jp/nengo/index.php/randompagedb/directoryjun">directory順一覧</a>
</div>
<!-- 一覧を表示 -->
<table>
<tr><th>id</th><th>directory/htmlファイル名</th></tr>
<!-- ここから、php endforeachまで、各レコードを表示するループ -->
<?php foreach($list as $row): ?>
<tr>
<td class="R"><?=$row->id; ?></td>
<td><?=$row->name; ?></td>
</tr>
<?php endforeach; ?>
</table>
<div  class="R"><a href="#top">Page Top</a></div>

縦にかなり長いリストになるので、先頭にtopというタグをつけて、最下行からジャンプできるようにしています。
id順とdirectory順のふたつの表示を$titleという変数にタイトル名を入れることによって実現しています。
判りやすく、項目名には色をつけ、全体に罫線をかけています。

views/randompagedb_tmpl.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ランダムページ　データベース一覧</title>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="shortcut icon" href="../favicon.ico" />
<link href="http://www.avocado.xii.jp/css/no_side.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="background">
<div id="container">

<?=$this->load->view('header');?>
<div id="contents">

<div id="main">
<h2>ランダムページ　データベース一覧</h2>
<?=$main?>
</div><!-- end of main -->

</div><!-- end of contents -->

<?=$this->load->view('footer');?>
</div><!-- end of container -->
</div><!-- end of background -->
</body>
</html>

最終的にWebブラウザに送るhtmlを構成します。

実行

id順一覧 | directory順一覧

2017年5月21日　記

Page Top