モーニング娘。現役メンバー一覧　機能追加　ソースと解説

モーニング娘。現役メンバー一覧機能追加　ソースと解説

当初は在籍日数の一覧表示だけだったものを、生年月日順・誕生日順・加入日順そして期のみの表示もできるように機能をを追加して来ました。

ところが、なんと肝心の現役メンバーだけを表示する機能がありませんでした。

各一覧表の中に「現役」と表示はしているものの、それだけを抜き出して表示できるようにしてほしいという声が出てきましたので、今回はその機能を作りました。

合わせて、各一覧表の最初にランダムな画像を表示していましたが、それを最後に表示するように配置を変更しました。

phpソース

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

MVC	file name	概要
Controller	musume.php	プログラムの本体今回はfunction geneki()を追加
Model	musume_model.php	データベース関連関数の定義今回はfunction get_geneki_member_list()を追加
View	musume_main.php	在籍日数順一覧表示のhtmlを作る部分(画像配置変更)
	musume_birthjun.php	生年月日順一覧表示のhtmlを作る部分(画像配置変更)
	musume_tanjobijun.php	誕生日順一覧表示のhtmlを作る部分(画像配置変更)
	musume_kanyubijun.php	加入日順一覧表示のhtmlを作る部分(画像配置変更)
	musume_kinomi.php	期のみの一覧表示のhtmlを作る部分(画像配置変更)
	musume_geneki.php	現役のみの一覧表示のhtmlを作る部分(今回追加)
	musume_sidemenu.php	左側のナビゲーション画面（機能項目追加）
	musume_tmpl.php	Webブラウザに送るhtmlを構成する枠組
	header.php	AvocadoMix共通ヘッダー
	footer.php	AvocadoMix共通フッター

controllers/musume.php　（関数を1個追加）

<?php
/*
 * file : contorollers/musume.php
 * title: モーニング娘。在籍日数
 * auther: 佐々木一郎
 * date : 2013.11.04
 *        2017.08.12 全面改訂
 *        2019.08.19 現役メンバー表示を追加改訂
 */

class Musume extends Controller {

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

-------------途中省略-------------------------
# 現役メンバーのみ表示する　2019.08.19追加
	function geneki()
	{
		// model内のget_geneki_member_list()から現役メンバーリストを得る
		$data['list'] = $this->Musume_model->get_geneki_member_list();
		//写真のファイル名をランダムに生成する
		$data['photo']	= $this->Musume_model->generate_michishige_photo_name();
		//コンテンツ部分のhtmlを配列内に作成する
		$data['main']   = $this->load->view('musume_geneki', $data, TRUE);

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

-------------途中省略-------------------------

}
?>

今回追加したのは、function geneki()です。

データベースへのアクセスはmodelの役割ですから、musume_model.phpを呼び出して返された結果を連想配列に格納し、表示用のhtmlを生成してWebブラウザに送るという流れです。

views/musume_model.php　（関数を1個追加）

<?php
Class Musume_model extends Model
{
	function Musume_model()
	{
		parent::Model();
		$this->load->database();
	}
-------------途中省略-------------------------

//現役メンバーを抽出　2019.08.19
	function get_geneki_member_list()
	{
		$this->db->where('sotsugyo','0');
		$this->db->order_by(id);
		$query = $this->db->get('morningmusume');
		return $query->result();
	}

-------------途中省略-------------------------

}
?>

今回追加したのは、function get_geneki_member_list()です。

MySQLデータベースのmorningmusumeというテーブルから、id順に、sotsugyo項目が0であるレコードを抽出して呼び出し元に返します。

views/musume_geneki.php　（新規作成）

<!-- view/musume_geneki.php -->
<h2>モーニング娘。　現役メンバー</h2>
<div class="R"><?php echo date("Y").'年'.date("m").'月'.date("d").'日　現在'; ?></div>
<!-- 一覧を表示 -->
<table>
<tr><th>期</th><th>名前</th><th>加入日</th><th>生年月日</th><th>年齢</th><th>在籍期間</th><th>在籍日数</th></tr>
<?php $cnt=0; ?>
<!-- ここから、php endforeachまで、各レコードを表示するループ -->
<?php foreach($list as $row): ?>
<tr>
<!-- 期 -->
<td class="R"><?=$row->ki.'期'; ?></td>
<!-- 名前 -->
<td><?=$row->name; ?></td>
<!-- 加入日 -->
<td><?=substr($row->kanyu,0,4).'年'.substr($row->kanyu,4,2).'月'.substr($row->kanyu,6,2).'日'; ?></td>
<!-- 生年月日 -->
<td><?=substr($row->birthday,0,4).'年'.substr($row->birthday,4,2).'月'.substr($row->birthday,6,2).'日'; ?></td>

<!-- 年齢 model内のnenrei関数を使う-->
<td><?php echo $this->Musume_model->nenrei($row->birthday); ?></td>
<!-- 在籍期間 現役の場合はmodel内のnengetsu関数を使う -->
<?php
 if ($row->sotsugyo > 0)
 {
  $zym = $row->zaiseki; 
 }
 else
 {
  $zym=$this->Musume_model->nengetsu($row->kanyu);
 }
?>
<td class="C"><?=$zym; ?></td>
<!-- 在籍日数 現役の場合はmodel内のzaiseki_dd関数を使う -->
<?php
 if ($row->sotsugyo > 0)
 {
  $zdd = number_format($row->nissu); 
 }
 else
 {
  $zdd=$this->Musume_model->zaiseki_dd($row->kanyu);
 }
?>
<td class="R"><?=$zdd.'日'; ?></td>
</tr>
<?php endforeach; ?>
</table>
<!-- 写真をランダムに表示 -->
<div class="C">
<img src="<?=base_url();?>images/michishige/<?=$photo?>" alt="道重さゆみ" /><br />
（写真はランダムに表示されます。）
</div>

現役メンバー一覧表示のコンテンツ部分を生成するものです。表示項目は他の一覧表とは大幅に変えてあります。なにしろ全レコードが現役なので、それを表示する必要がありませんから。

表示例

このプラグラムを実行すると以下のように表示されます。

この画像をクリックすると、最新の情報が表示されます。

2019年8月20日　記

Page Top